dojo.require("dojo.fx");
	dojo.require("dojo.fx.easing");
	dojo.ready(flyinOne);
	var endX = 2000;
	var endY = 1500;
	var curPanel="";
	
	var bkgrndX=0;
	var bkgrndY=75;
	var bkgrndX2=endX;
	var bkgrndY2=0;
	
	var oneX=0;
	var oneY=140;
	var oneX2=0;
	var oneY2=endY;
	var twoX=50;
	var twoY=200;
	var twoX2=50;
	var twoY2=endY;
	var threeX=280;
	var threeY=260;
	var threeX2=280;
	var threeY2=endY;
	var fourX=400;
	var fourY=310;
	var fourX2=400;
	var fourY2=endY;
	
	var oneX_p1=0;
	var oneY_p1=140;
	var oneX2_p1=0;
	var oneY2_p1=endY;
	var twoX_p1=50;
	var twoY_p1=200;
	var twoX2_p1=50;
	var twoY2_p1=endY;
	var threeX_p1=280;
	var threeY_p1=260;
	var threeX2_p1=280;
	var threeY2_p1=endY;
	var fourX_p1=400;
	var fourY_p1=310;
	var fourX2_p1=400;
	var fourY2_p1=endY;
	
	
	var oneX_p2=100;
	var oneY_p2=120;
	var oneX2_p2=100;
	var oneY2_p2=endY;
	var twoX_p2=50;
	var twoY_p2=220;
	var twoX2_p2=endX;
	var twoY2_p2=220;
	var threeX_p2=340;
	var threeY_p2=220;
	var threeX2_p2=endX;
	var threeY2_p2=220;
	var fourX_p2=630;
	var fourY_p2=220;
	var fourX2_p2=endX;
	var fourY2_p2=220;
	
	
	var oneX_p3=220;
	var oneY_p3=150;
	var oneX2_p3=220;
	var oneY2_p3=endY;
	var twoX_p3=215;
	var twoY_p3=290;
	var twoX2_p3=215;
	var twoY2_p3=endY;
	var threeX_p3=30;
	var threeY_p3=150;
	var threeX2_p3=endX;
	var threeY2_p3=150;
	var fourX_p3=630;
	var fourY_p3=220;
	var fourX2_p3=endX;
	var fourY2_p3=220;
	
	
	var oneX_p4=400;
	var oneY_p4=150;
	var oneX2_p4=400;
	var oneY2_p4=endY;
	var twoX_p4=200;
	var twoY_p4=200;
	var twoX2_p4=200;
	var twoY2_p4=endY;
	var threeX_p4=500;
	var threeY_p4=370;
	var threeX2_p4=500;
	var threeY2_p4=endY;
	var fourX_p4=630;
	var fourY_p4=220;
	var fourX2_p4=endX;
	var fourY2_p4=220;
	
	
	var aniamtionTime = 1000;
	var map = new Object(); 
	map['1'] = ''; 
	map['2'] = '_p2'; 
	map['3'] = '_p3'; 
	map['4'] = '_p4'; 
	var panelNo =1;
	var rewind = false;
	
	
	function flyinBackGrnd(){
		move("bkgrnd"+curPanel, bkgrndY, bkgrndX);
		//setTimeout(flyoutBackGrnd,aniamtionTime*3);
		setTimeout(flyoutFour,aniamtionTime*3);
	}
	function flyinOne(){
		move("one"+curPanel, oneY, oneX);
		setTimeout(flyinTwo,aniamtionTime);
	}
	function flyinTwo(){
		move("two"+curPanel, twoY, twoX);
		setTimeout(flyinThree,aniamtionTime);
	}
	function flyinThree(){
		move("three"+curPanel, threeY, threeX);
		setTimeout(flyinFour,aniamtionTime);
	}
	function flyinFour(){
		//bounceText("four"+curPanel, 0,0, fourX, fourY);
		move("four"+curPanel, fourY,fourX);
		setTimeout(flyinBackGrnd,aniamtionTime/2);
	}
	
	function flyoutBackGrnd(){
		move("bkgrnd"+curPanel, bkgrndY2, bkgrndX2);
		setTimeout(flyoutFour,aniamtionTime/2);
	}
	function flyoutFour(){
		move("four"+curPanel, fourY2,fourX2);
		setTimeout(flyoutThree,aniamtionTime/2);
	}
	function flyoutThree(){
		move("three"+curPanel, threeY2,threeX2);
		setTimeout(flyoutTwo,aniamtionTime/2);
	}
	function flyoutTwo(){
		move("two"+curPanel, twoY2,twoX2);
		setTimeout(flyoutOne,aniamtionTime/2);
	}
	function flyoutOne(){
		move("one"+curPanel, oneY2,oneX2);
		setTimeout(switchPanels,aniamtionTime/2);
	}
	
	function switchPanels(){
		if(rewind==false){
			panelNo = panelNo +1;
		}
		if(rewind==true){
			panelNo = panelNo-1;
		}
		
		curPanel = map[panelNo];
		
		if(curPanel==""){
			oneX=oneX_p1;
			oneY=oneY_p1;
			oneX2=oneX2_p1;
			oneY2=oneY2_p1;
			twoX=twoX_p1;
			twoY=twoY_p1;
			twoX2=twoX2_p1;
			twoY2=twoY2_p1;
			threeX=threeX_p1;
			threeY=threeY_p1;
			threeX2=threeX2_p1;
			threeY2=threeY2_p1;
			fourX=fourX_p1;
			fourY=fourY_p1;
			fourX2=fourX2_p1;
			fourY2=fourY2_p1;
		}
		if(curPanel=="_p2"){
			oneX=oneX_p2;
			oneY=oneY_p2;
			oneX2=oneX2_p2;
			oneY2=oneY2_p2;
			twoX=twoX_p2;
			twoY=twoY_p2;
			twoX2=twoX2_p2;
			twoY2=twoY2_p2;
			threeX=threeX_p2;
			threeY=threeY_p2;
			threeX2=threeX2_p2;
			threeY2=threeY2_p2;
			fourX=fourX_p2;
			fourY=fourY_p2;
			fourX2=fourX2_p2;
			fourY2=fourY2_p2;
		}
		else if(curPanel=="_p3"){
			oneX=oneX_p3;
			oneY=oneY_p3;
			oneX2=oneX2_p3;
			oneY2=oneY2_p3;
			twoX=twoX_p3;
			twoY=twoY_p3;
			twoX2=twoX2_p3;
			twoY2=twoY2_p3;
			threeX=threeX_p3;
			threeY=threeY_p3;
			threeX2=threeX2_p3;
			threeY2=threeY2_p3;
			fourX=fourX_p3;
			fourY=fourY_p3;
			fourX2=fourX2_p3;
			fourY2=fourY2_p3;
		}
		else if(curPanel=="_p4"){
			oneX=oneX_p4;
			oneY=oneY_p4;
			oneX2=oneX2_p4;
			oneY2=oneY2_p4;
			twoX=twoX_p4;
			twoY=twoY_p4;
			twoX2=twoX2_p4;
			twoY2=twoY2_p4;
			threeX=threeX_p4;
			threeY=threeY_p4;
			threeX2=threeX2_p4;
			threeY2=threeY2_p4;
			fourX=fourX_p4;
			fourY=fourY_p4;
			fourX2=fourX2_p4;
			fourY2=fourY2_p4;
		}
		
		if(panelNo==4){
			rewind=true;
		}
		if(panelNo==1){
			rewind=false;
		}
		
		setTimeout(flyinOne,aniamtionTime/2);
		
	}
	
	function move(eleId, topCoord, leftCoord){
		dojo.fx.slideTo({
			duration: aniamtionTime,
			top:topCoord,
			left: leftCoord,
			node: dojo.byId(eleId)
		}).play();
		
	}
	function bounceText(eleId,x1,y1,x2,y2){
		dojo.animateProperty({
			easing: dojo.fx.easing.bounceOut,
			duration: aniamtionTime,
			node: dojo.byId(eleId),
			properties: {
				// calculate the 'floor'
				// and subtract the height of the node to get the distance from top we need
				left: { end:x2 },
				top: { end:y2 }
			}
		}).play();
	}