/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'bg',
            className:'stage_bg_id',
            type:'image',
            tag:'div',
            rect:[0,0,905,485],
            fill:['rgba(0,0,0,0)','images/bg.jpg']
        },
        {
            id:'nameWide',
            type:'image',
            tag:'div',
            rect:[0,0,905,47],
            fill:['rgba(0,0,0,0)','images/nameWide.jpg']
        },
        {
            id:'marcWide',
            type:'image',
            tag:'div',
            rect:[0,0,905,102],
            fill:['rgba(0,0,0,0)','images/marcWide.png']
        },
        {
            id:'allPhotos',
            type:'image',
            tag:'div',
            rect:[0,0,905,485],
            fill:['rgba(0,0,0,0)','images/allPhotos.png']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_bg}": [
            ["transform", "translateX", '0'],
            ["transform", "scaleX", '0.85'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '-110px'],
            ["transform", "scaleY", '0.85']
         ],
         "${_marcWide}": [
            ["style", "opacity", '0']
         ],
         "${_allPhotos}": [
            ["style", "opacity", '0']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(0,0,0,1.00)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '485px'],
            ["style", "width", '905px']
         ],
         "${_nameWide}": [
            ["style", "opacity", '0']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 4000,
         labels: {

         },
         timeline: [
            { id: "eid25", tween: [ "transform", "${_bg}", "scaleY", '1', { fromValue: '0.85'}], position: 0, duration: 1000 },
            { id: "eid2", tween: [ "style", "${_stage}", "width", '905px', { fromValue: '905px'}], position: 0, duration: 0 },
            { id: "eid11", tween: [ "style", "${_bg}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1000 },
            { id: "eid13", tween: [ "transform", "${_bg}", "translateY", '0px', { fromValue: '-110px'}], position: 0, duration: 1000 },
            { id: "eid6", tween: [ "transform", "${_bg}", "translateX", '0', { fromValue: '0'}], position: 0, duration: 0 },
            { id: "eid4", tween: [ "transform", "${_bg}", "translateX", '0', { fromValue: '0'}], position: 1000, duration: 0 },
            { id: "eid1", tween: [ "color", "${_stage}", "background-color", 'rgba(0,0,0,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,0,0,1.00)'}], position: 0, duration: 0 },
            { id: "eid58", tween: [ "style", "${_nameWide}", "opacity", '1', { fromValue: '0'}], position: 1000, duration: 1000 },
            { id: "eid3", tween: [ "style", "${_stage}", "height", '485px', { fromValue: '485px'}], position: 0, duration: 0 },
            { id: "eid66", tween: [ "style", "${_allPhotos}", "opacity", '1', { fromValue: '0'}], position: 2750, duration: 1250 },
            { id: "eid23", tween: [ "transform", "${_bg}", "scaleX", '1', { fromValue: '0.85'}], position: 0, duration: 1000 },
            { id: "eid62", tween: [ "style", "${_marcWide}", "opacity", '1', { fromValue: '0'}], position: 1750, duration: 1000 }]
      }
   }
}};

var comp;
Edge.registerCompositionDefn(compId, symbols);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     comp = new Edge.Composition(compId, {stage: "." + compId}, {});
	   /**
 * Adobe Edge Timeline Launch
 */
     comp.ready(function() {
         comp.play();
     });
});
})(jQuery, jQuery.Edge, "EDGE-133618013");