var init = function(){


		//set 1st page to 0, mouseover toggle to off
			var firstLoad = 0;
			var pageIndex = 0;		 
		 	var leftTog = 0;
			var direction = 0;
			
		//Define pages	
			var pages = [];
			pages[0] = '/wp-content/themes/mv/images/panel1.png';  
			pages[1] = '/wp-content/themes/mv/images/panel2.png';  		  
  			pages[2] = '/wp-content/themes/mv/images/panel3.png';  
  			pages[3] = '/wp-content/themes/mv/images/panel4.png';  
  		
  		//Set DOM constants 
  		  	slider = dojo.byId('slider'); 	  	
  		  	content = dojo.byId('sliderContent');
  		 		dojo.fadeOut({ node: content }).play();
			leftArrow = dojo.byId('leftArrow');
		   rightArrow = dojo.byId('rightArrow');
	 			dojo.fadeOut({ node: leftArrow }).play();
		 		dojo.fadeOut({ node: rightArrow }).play();
	 	//Click Events for Arrows
	 		dojo.connect(rightArrow,'onclick',function(){pageIndex ++; direction = 1; loadPage();});
	 		dojo.connect(leftArrow,'onclick',function(){pageIndex --; direction = 0; loadPage();});
	 		
	 	//Auto Slide Timer
	 	autoScroll = setInterval(function(){ pageIndex ++; direction=1; loadPage(); }, 6500);	
	 		
	 	function resetTime(){
	 	  clearInterval(autoScroll);
	 	  autoScroll = setInterval(function(){ pageIndex ++; direction=1; loadPage(); }, 6500);	
	 	}
	 	

	 	//Add hover state animation to arrows
			//overFadeToggle(leftArrow);
	 		//overRight(rightArrow);
	 		//overLeft(leftArrow);
	 		
	 	//Fade State Function
	 		function overRight(e){
	 		
	  			var anim1 = dojo.fx.slideTo({ node: e, top: '200', left: '916' }); 
				var anim2 = dojo.fx.slideTo({node: e, top: '200', left: '906' });
			
				dojo.connect(anim1, 'onEnd',function(){ if(leftTog)anim2.play(); });
				dojo.connect(anim2, 'onEnd',function(){ if(leftTog)anim1.play(); });	
			
         	dojo.connect(e,'onmouseenter', function(){ leftTog=1; anim1.play(); });
   			dojo.connect(e,'onmouseleave', function(){ leftTog=0; anim1.stop(); anim2.stop(); anim2.play(); });
		 	}
		 	
		 	function overLeft(e){
	 		
	  			var anim1 = dojo.fx.slideTo({ node: e, top: '200', left: '0' }); 
				var anim2 = dojo.fx.slideTo({node: e, top: '200', left: '-10' });
			
				dojo.connect(anim1, 'onEnd',function(){ if(leftTog)anim2.play(); });
				dojo.connect(anim2, 'onEnd',function(){ if(leftTog)anim1.play(); });	
			
         	dojo.connect(e,'onmouseenter', function(){ leftTog=1; anim1.play(); });
   			dojo.connect(e,'onmouseleave', function(){ leftTog=0; anim1.stop(); anim2.stop(); anim2.play(); });
		 	}
		 	
		 	
		 	
		//Create Page IMG, add onload Event
			var myPage = dojo.create('img', { src: pages[0] }, content);
		 	 	
		 	dojo.connect(myPage,'onload',function(){ reveal(); });
		 	
		//Define Slide Animations for Pages
			 var slideOutAniRight = dojo.fx.combine([
                dojo.fx.slideTo({ 
                	node: content, 
                	top: '0', 
                	left: '200',
                  easing: dojo.fx.easing.cubicIn
                	}),
                dojo.fadeOut({ node: content,
             })
            ]);		 	
		 			dojo.connect(slideOutAniRight,'onEnd',function(){ hide(); });
		 	 
		 	 var slideOutAniLeft = dojo.fx.combine([
                dojo.fx.slideTo({ 
                	node: content, 
                	top: '0', 
                	left: '-200',
                	easing: dojo.fx.easing.cubicIn
                	}),
                dojo.fadeOut({ node: content })
            ]);		 	
		 			dojo.connect(slideOutAniLeft,'onEnd',function(){ hide(); });		
		 	
		 	 var slideInAni = dojo.fx.combine([
                dojo.fx.slideTo({ node: content, top: '0', left: '0',easing: dojo.fx.easing.cubicOut}),
                dojo.fadeIn({ node: content })
            ]);	
            
           
		
		
		//Load New Image into page onClick		 	
		 	function loadPage(){
			//Reset Auto Scroll
		 		resetTime();
		 	//Check to make sure we're loading pages that exist
	      	if(pageIndex < 0) pageIndex = pages.length -1;
	      	if(pageIndex > pages.length-1)pageIndex = 0;
	      
			//Determine which page to load 
			  switch(direction){
			  	case 0:
		 		 slideOutAniRight.play();
		 	 	break;
		 	 
		 	 	case 1:
		 		 slideOutAniLeft.play();
		 	 	break;
		 	 
		 	 	default:
		 		 slideOutAniRight.play();
		 	 	break;
		 	 	}
		 	}
		  
		 
		 function hide(){
		 
            
			//Hide Page While Loading -
		 		dojo.style(content,'display','none');
		 	//Bring Up Loading Graphic
		 		dojo.style(slider,'background','url(/wp-content/themes/mv/images/loader3.gif) center center no-repeat');
		 	
		 	//Load New Page
		 		dojo.attr(myPage, { src: pages[pageIndex]});	 
		 }
		 
		 
		 	function reveal(){
		 	if(!firstLoad){
		 		dojo.style(slider, 'background','none');
		 		dojo.style(content, 'display','block');
		 		dojo.style(leftArrow, 'display','block'); 
		 		dojo.style(rightArrow, 'display','block'); 
		 		dojo.fadeIn({ node: leftArrow }).play();
		 		dojo.fadeIn({ node: rightArrow }).play();
		  	   dojo.fadeIn({ node: content }).play();
		 		firstLoad ++;
		 		
		 		 
			}else{
			
		 //Remove Loading graphic
		 		dojo.style(slider, 'background','none');
		 //Display Page	
		 	
		  		 dojo.style(content,'left','-200px');
		 		 if(direction)dojo.style(content,'left','200px');
		  
		 		 dojo.style(content, 'display','block');
		 	 
		 	//Play Intro Animation
				 if(firstLoad > 0)slideInAni.play();
				}
		 	
		 }
  		   

		 }
		
		 
		
		
			dojo.require('dojo.fx');
			dojo.require('dojo.fx.easing');
			dojo.ready(init);