/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'photo1',
            className:'stage_photo1_id',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo1.jpg']
        },
        {
            id:'photo2',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo2.jpg']
        },
        {
            id:'photo3',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo3.jpg']
        },
        {
            id:'photo4',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo4.jpg']
        },
        {
            id:'photo5',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo5.jpg']
        },
        {
            id:'photo7',
            type:'image',
            tag:'div',
            rect:[0,0,850,570],
            fill:['rgba(0,0,0,0)','images/photo7.jpg']
        },
        {
            id:'kathyCoal',
            className:'stage_kathyCoal_id',
            type:'image',
            tag:'div',
            rect:[0,0,850,119],
            fill:['rgba(0,0,0,0)','images/kathyCoal.png']
        },
        {
            id:'coalCoal',
            className:'stage_coalCoal_id',
            type:'image',
            tag:'div',
            rect:[0,0,850,119],
            fill:['rgba(0,0,0,0)','images/coalCoal.png']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_photo1}": [
            ["style", "opacity", '0']
         ],
         "${_coalCoal}": [
            ["style", "opacity", '0']
         ],
         "${_photo2}": [
            ["style", "opacity", '0']
         ],
         "${_photo7}": [
            ["style", "opacity", '0']
         ],
         "${_photo4}": [
            ["style", "opacity", '0']
         ],
         "${_photo5}": [
            ["style", "opacity", '0']
         ],
         "${_kathyCoal}": [
            ["style", "opacity", '0']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(0,0,0,1)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '570px'],
            ["style", "width", '850px']
         ],
         "${_photo3}": [
            ["style", "opacity", '0']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 26500,
         labels: {

         },
         timeline: [
            { id: "eid1", tween: [ "style", "${_stage}", "width", '850px', { fromValue: '850px'}], position: 0, duration: 0 },
            { id: "eid18", tween: [ "style", "${_photo2}", "opacity", '1', { fromValue: '0'}], position: 6000, duration: 1000 },
            { id: "eid6", tween: [ "style", "${_photo1}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1500 },
            { id: "eid34", tween: [ "style", "${_photo7}", "opacity", '1', { fromValue: '0'}], position: 25500, duration: 1000 },
            { id: "eid30", tween: [ "style", "${_photo5}", "opacity", '1', { fromValue: '0'}], position: 20500, duration: 1000 },
            { id: "eid10", tween: [ "style", "${_kathyCoal}", "opacity", '1', { fromValue: '0'}], position: 1500, duration: 1000 },
            { id: "eid2", tween: [ "style", "${_stage}", "height", '570px', { fromValue: '570px'}], position: 0, duration: 0 },
            { id: "eid26", tween: [ "style", "${_photo4}", "opacity", '1', { fromValue: '0'}], position: 16000, duration: 1000 },
            { id: "eid22", tween: [ "style", "${_photo3}", "opacity", '1', { fromValue: '0'}], position: 11000, duration: 1000 },
            { id: "eid14", tween: [ "style", "${_coalCoal}", "opacity", '1', { fromValue: '0'}], position: 2500, duration: 500 }]
      }
   }
}};

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-68070471");

