/**
 * Adobe Helium: symbol definitions
 */
window.symbols = {
"stage": {
   version: "0.1",
   baseState: "Base State",
   initialState: "Base State",
   parameters: {

   },
   content: {
      dom: [
        {
            id:'Relatedproducts',
            type:'text',
            rect:[68,10,0,0],
            text:"Related Products",
            align:"center",
            font:["Arial Black, Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none",""],
        },
      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#stage": [
            ["style", "height", '23px'],
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "width", '150px']
         ],
         "#Relatedproducts": [
            ["style", "width", '148px'],
            ["style", "text-align", 'center'],
            ["transform", "translateX", '-67px'],
            ["style", "height", '22px'],
            ["color", "color", 'rgba(0,0,0,1.00)'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '-10px'],
            ["style", "font-size", '14.6px']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 4000,
         timeline: [
            { id: "eid16", tween: [ "style", "#Relatedproducts", "font-size", '14.6px', { valueTemplate: undefined, fromValue: '14.6px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid27", tween: [ "style", "#Relatedproducts", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 0, duration: 2000, easing: "linear" },
            { id: "eid29", tween: [ "style", "#Relatedproducts", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 2000, duration: 1000, easing: "linear" },
            { id: "eid31", tween: [ "style", "#Relatedproducts", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 3000, duration: 1000, easing: "linear" },
            { id: "eid34", tween: [ "color", "#Relatedproducts", "color", 'rgba(255,0,0,1)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,0,0,1.00)'}], position: 0, duration: 1000, easing: "linear" },
            { id: "eid28", tween: [ "color", "#Relatedproducts", "color", 'rgba(0,23,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,0,0,1)'}], position: 1000, duration: 1000, easing: "linear" },
            { id: "eid30", tween: [ "color", "#Relatedproducts", "color", 'rgba(0,57,3,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,23,255,1)'}], position: 2000, duration: 1000, easing: "linear" },
            { id: "eid32", tween: [ "color", "#Relatedproducts", "color", 'rgba(46,0,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,57,3,1.00)'}], position: 3000, duration: 1000, easing: "linear" },
            { id: "eid19", tween: [ "transform", "#Relatedproducts", "translateY", '-10px', { valueTemplate: undefined, fromValue: '-10px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid24", tween: [ "style", "#Relatedproducts", "height", '22px', { valueTemplate: undefined, fromValue: '22px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid22", tween: [ "transform", "#Relatedproducts", "translateX", '-67px', { valueTemplate: undefined, fromValue: '-67px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid23", tween: [ "style", "#Relatedproducts", "width", '148px', { valueTemplate: undefined, fromValue: '148px'}], position: 0, duration: 0, easing: "linear" }]
      }
   },
}};

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     $.Edge.initialize(symbols);
});
/**
 * Adobe Edge Timeline Launch
 */
$(window).load(function() {
    $.Edge.play();
});