//javascript - rotates colors on top and bottom bars
dojo.require("dojo.fx");

var CurrentAnimation;
var tDuration=5000;
var FrameNo = 100;
var switchColor1;
var switchColor2;
var switchColor3;
var switchColor4;
var switchColor5;
var switchColor6;
var switchColor7;
var switchColor8;
var switchColor9;


function buildswitchColors(nodeID1,nodeID2,nodeID3,nodeID4)   {
	switchColor11 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
    properties: {
       backgroundColor:   { start: "#aaaaaa", end: "#44b649" },rate: FrameNo,repeat:-1
    }
});
switchColor12 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
    properties: {
       backgroundColor:   { start: "#aaaaaa", end: "#44b649" },rate: FrameNo,repeat:-1
    }
});
switchColor13 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
    properties: {
       backgroundColor:   { start: "#aaaaaa", end: "#44b649" },rate: FrameNo,repeat:-1
    }
});
switchColor14 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
    properties: {
       backgroundColor:   { start: "#aaaaaa", end: "#44b649" },rate: FrameNo,repeat:-1
    }
});
	switchColor21 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#44b649",end: "#ec008c" },rate: FrameNo,repeat:-1
		}
	});
	switchColor22 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#44b649",end: "#ec008c" },rate: FrameNo,repeat:-1
		}
	});
	switchColor23 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#44b649",end: "#ec008c" },rate: FrameNo,repeat:-1
		}
	});
	switchColor24 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#44b649",end: "#ec008c" },rate: FrameNo,repeat:-1
		}
	});
	switchColor31 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#ec008c",end: "#000000" },rate: FrameNo
		}
	});
	switchColor32 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#ec008c",end: "#000000" },rate: FrameNo
		}
	});
		switchColor33 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#ec008c",end: "#000000" },rate: FrameNo
		}
	});
		switchColor34 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#ec008c",end: "#000000" },rate: FrameNo
		}
	});
	switchColor41 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#000000",end: "#6d6f71" },rate: FrameNo
		}
	});
	switchColor42 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#000000",end: "#6d6f71" },rate: FrameNo
		}
	});
	switchColor43 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#000000",end: "#6d6f71" },rate: FrameNo
		}
	});
	switchColor44 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#000000",end: "#6d6f71" },rate: FrameNo
		}
	});
	switchColor51 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#6d6f71",end: "#f8bb26" },rate: FrameNo
		}
	});
	switchColor52 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#6d6f71",end: "#f8bb26" },rate: FrameNo
		}
	});
	switchColor53 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#6d6f71",end: "#f8bb26" },rate: FrameNo
		}
	});
	switchColor54 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#6d6f71",end: "#f8bb26" },rate: FrameNo
		}
	});
	switchColor61 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#f8bb26",end: "#e76f34" },rate: FrameNo
		}
	});
	switchColor62 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#f8bb26",end: "#e76f34" },rate: FrameNo
		}
	});
	switchColor63 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#f8bb26",end: "#e76f34" },rate: FrameNo
		}
	});
	switchColor64 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#f8bb26",end: "#e76f34" },rate: FrameNo
		}
	});
	switchColor71 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#e76f34",end: "#603913" },rate: FrameNo
		}
	});
	switchColor72 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#e76f34",end: "#603913" },rate: FrameNo
		}
	});
	switchColor73 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#e76f34",end: "#603913" },rate: FrameNo
		}
	});
	switchColor74 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#e76f34",end: "#603913" },rate: FrameNo
		}
	});
	switchColor81 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#603913",end: "#00b0d8" },rate: FrameNo
		}
	});
	switchColor82 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#603913",end: "#00b0d8" },rate: FrameNo
		}
	});
	switchColor83 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#603913",end: "#00b0d8" },rate: FrameNo
		}
	});
	switchColor84 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#603913",end: "#00b0d8" },rate: FrameNo
		}
	});
	switchColor91 = dojo.animateProperty({ node: nodeID1, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#00b0d8",end: "#aaaaaa" },rate: FrameNo
		}
	});
	switchColor92 = dojo.animateProperty({ node: nodeID2, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#00b0d8",end: "#aaaaaa" },rate: FrameNo
		}
	});
	switchColor93 = dojo.animateProperty({ node: nodeID3, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#00b0d8",end: "#aaaaaa" },rate: FrameNo
		}
	});
	switchColor94 = dojo.animateProperty({ node: nodeID4, duration:tDuration,
		properties: {
		   backgroundColor:   { start: "#00b0d8",end: "#aaaaaa" },rate: FrameNo
		}
	});
}

   
function rotateTopBottomColors()  {
buildswitchColors('t_topgreybar','t_bottomgreybar','t_rightfiller');
var anim1 = dojo.fx.combine([switchColor11,switchColor12,switchColor13,switchColor14]);
var anim2 = dojo.fx.combine([switchColor21,switchColor22,switchColor23,switchColor24]);
var anim3 = dojo.fx.combine([switchColor31,switchColor32,switchColor33,switchColor34]);
var anim4 = dojo.fx.combine([switchColor41,switchColor42,switchColor43,switchColor44]);
var anim5 = dojo.fx.combine([switchColor51,switchColor52,switchColor53,switchColor54]);
var anim6 = dojo.fx.combine([switchColor61,switchColor62,switchColor63,switchColor64]);
var anim7 = dojo.fx.combine([switchColor71,switchColor72,switchColor73,switchColor74]);
var anim8 = dojo.fx.combine([switchColor81,switchColor82,switchColor83,switchColor84]);
var anim9 = dojo.fx.combine([switchColor91,switchColor92,switchColor93,switchColor94]);
var completeAnim = dojo.fx.chain([anim1,anim2,anim3,anim4,anim5,anim6,anim7,anim8,anim9]);
completeAnim.play();
window.setTimeout("rotateTopBottomColors()",(tDuration * 9));
	//
}