/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'banner1',
            className:'stage_banner1_id',
            type:'image',
            tag:'div',
            rect:[0,0,900,251],
            fill:['rgba(0,0,0,0)','images/banner1.jpg']
        },
        {
            id:'banner22',
            className:'stage_banner22_id',
            type:'image',
            tag:'div',
            rect:[0,0,900,251],
            fill:['rgba(0,0,0,0)','images/banner22.jpg']
        },
        {
            id:'banner3',
            className:'stage_banner3_id',
            type:'image',
            tag:'div',
            rect:[0,0,900,251],
            fill:['rgba(0,0,0,0)','images/banner3.jpg']
        },
        {
            id:'banner4',
            className:'stage_banner4_id',
            type:'image',
            tag:'div',
            rect:[0,0,900,251],
            fill:['rgba(0,0,0,0)','images/banner4.jpg']
        },
        {
            id:'banner5',
            className:'stage_banner5_id',
            type:'image',
            tag:'div',
            rect:[0,0,900,251],
            fill:['rgba(0,0,0,0)','images/banner5.jpg']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_banner4}": [
            ["style", "opacity", '0']
         ],
         "${_banner3}": [
            ["style", "opacity", '0']
         ],
         "${_banner1}": [
            ["style", "opacity", '0']
         ],
         "${_banner5}": [
            ["style", "opacity", '0']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(0,0,0,1)'],
            ["style", "width", '900px'],
            ["style", "height", '251px'],
            ["style", "overflow", 'hidden']
         ],
         "${_banner22}": [
            ["style", "opacity", '0']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 22000,
         labels: {

         },
         timeline: [
            { id: "eid1", tween: [ "style", "${_stage}", "width", '900px', { fromValue: '900px'}], position: 0, duration: 0 },
            { id: "eid16", tween: [ "style", "${_banner1}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1000 },
            { id: "eid27", tween: [ "style", "${_banner1}", "opacity", '0', { fromValue: '1'}], position: 5000, duration: 1000 },
            { id: "eid31", tween: [ "style", "${_banner22}", "opacity", '1', { fromValue: '0'}], position: 5000, duration: 1000 },
            { id: "eid34", tween: [ "style", "${_banner22}", "opacity", '0', { fromValue: '1'}], position: 9000, duration: 1000 },
            { id: "eid38", tween: [ "style", "${_banner3}", "opacity", '1', { fromValue: '0'}], position: 9000, duration: 1000 },
            { id: "eid41", tween: [ "style", "${_banner3}", "opacity", '0', { fromValue: '1'}], position: 13000, duration: 1000 },
            { id: "eid2", tween: [ "style", "${_stage}", "height", '251px', { fromValue: '251px'}], position: 0, duration: 0 },
            { id: "eid45", tween: [ "style", "${_banner4}", "opacity", '1', { fromValue: '0'}], position: 13000, duration: 1000 },
            { id: "eid51", tween: [ "style", "${_banner4}", "opacity", '0', { fromValue: '1'}], position: 17000, duration: 1000 },
            { id: "eid55", tween: [ "style", "${_banner5}", "opacity", '1', { fromValue: '0'}], position: 17000, duration: 1000 },
            { id: "eid58", tween: [ "style", "${_banner5}", "opacity", '0', { fromValue: '1'}], position: 21000, 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-209332013");