$(document).ready(function() {
/**********************Image Reel 1 LEFT***************************************/    
	    //Get size of the image, how many images there are, then determin the size of the image reel.
        var imageWidth = $(".area1").width();
	    var imageSum = $(".image_reel1 img").size();
	    var imageReelWidth = imageWidth * imageSum;

	    //Adjust the image reel to its new size
	    $(".image_reel1").css({'width' : imageReelWidth});

        var triggerID = 1;
        var flag = 1;
        //Paging + Slider Function
	    rotate = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel1").animate({ 
			left: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate(); //Trigger the paging and slider function
			if(triggerID==3)
			{
			    flag = -1;
			}
			else if(triggerID==0){
                flag = 1;
			}
			triggerID = triggerID + flag;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch(); //Run function on launch
/******************************END**********************************************/
	
/*****************************Image Reel 2 TOP***************************************/	
	    var imageHeight2 = $(".area1").height();
	    var imageSum2 = $(".image_reel2 img").size();
	    var imageReelHeight2 = imageHeight2 * imageSum2;

	    //Adjust the image reel to its new size
	    $(".image_reel2").css({'height' : imageReelHeight2});

        var triggerID2 = 1;
        var flag2 = 1;
        //Paging + Slider Function
	rotate2 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID2 * imageHeight2; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel2").animate({ 
			top: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch2 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate2(); //Trigger the paging and slider function
			if(triggerID2==3)
			{
			    flag2 = -1;
			}
			else if(triggerID2==0){
                flag2 = 1;
			}
			triggerID2 = triggerID2 + flag2;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch2(); 
/******************************END**********************************************/   

/*****************************Image Reel 3 RIGHT***************************************/	
	    var imageWidth3 = $(".area1").width();
	    var imageSum3 = $(".image_reel3 img").size();
	    var imageReelWidth3 = imageWidth3 * imageSum3;

	    //Adjust the image reel to its new size
	    $(".image_reel3").css({'width' : imageReelWidth});

        var triggerID3 = -2;
        var flag3 = -1;
        //Paging + Slider Function
	rotate3 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID3 * imageWidth3; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel3").animate({ 
			left: image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch3 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate3(); //Trigger the paging and slider function
			if(triggerID3==-3)
			{
			    flag3 = -1;
			}
			else if(triggerID3==0){
                flag3 = 1;
			}
			triggerID3 = triggerID3 - flag3;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch3(); 
/******************************END**********************************************/   

/*****************************Image Reel 4 BOTTOM***************************************/	
	    var imageHeight4 = $(".area1").height();
	    var imageSum4 = $(".image_reel4 img").size();
	    var imageReelHeight4 = imageHeight4 * imageSum4;

	    //Adjust the image reel to its new size
	    $(".image_reel4").css({'height' : imageReelHeight4});

        var triggerID4 = -2;
        var flag4 = -1;
        //Paging + Slider Function
	rotate4 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID4 * imageHeight4; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel4").animate({ 
			top: image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch4 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate4(); //Trigger the paging and slider function
			if(triggerID4==-3)
			{
			    flag4 = -1;
			}
			else if(triggerID4==0){
                flag4 = 1;
			}
			triggerID4 = triggerID4 - flag4;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch4(); 
/******************************END**********************************************/

/**********************Image Reel 5 LEFT***************************************/    
	    //Get size of the image, how many images there are, then determin the size of the image reel.
        var imageWidth5 = $(".area1").width();
	    var imageSum5 = $(".image_reel5 img").size();
	    var imageReelWidth5 = imageWidth5 * imageSum5;

	    //Adjust the image reel to its new size
	    $(".image_reel5").css({'width' : imageReelWidth5});

        var triggerID5 = 1;
        var flag5 = 1;
        //Paging + Slider Function
	    rotate5 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID5 * imageWidth5; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel5").animate({ 
			left: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch5 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate5(); //Trigger the paging and slider function
			if(triggerID5==3)
			{
			    flag5 = -1;
			}
			else if(triggerID5==0){
                flag5 = 1;
			}
			triggerID5 = triggerID5 + flag5;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch5(); //Run function on launch
/******************************END**********************************************/

/*****************************Image Reel 6 TOP***************************************/	
	    var imageHeight6 = $(".area1").height();
	    var imageSum6 = $(".image_reel6 img").size();
	    var imageReelHeight6 = imageHeight6 * imageSum6;

	    //Adjust the image reel to its new size
	    $(".image_reel6").css({'height' : imageReelHeight6});

        var triggerID6 = 1;
        var flag6 = 1;
        //Paging + Slider Function
	rotate6 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID6 * imageHeight6; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel6").animate({ 
			top: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch6 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate6(); //Trigger the paging and slider function
			if(triggerID6==3)
			{
			    flag6 = -1;
			}
			else if(triggerID6==0){
                flag6 = 1;
			}
			triggerID6 = triggerID6 + flag6;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch6(); 
/******************************END**********************************************/ 

/*****************************Image Reel 7 RIGHT***************************************/	
	    var imageWidth7 = $(".area1").width();
	    var imageSum7 = $(".image_reel7 img").size();
	    var imageReelWidth7 = imageWidth7 * imageSum7;

	    //Adjust the image reel to its new size
	    $(".image_reel7").css({'width' : imageReelWidth});

        var triggerID7 = -2;
        var flag7 = -1;
        //Paging + Slider Function
	rotate7 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID7 * imageWidth7; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel7").animate({ 
			left: image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch7 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate7(); //Trigger the paging and slider function
			if(triggerID7==-3)
			{
			    flag7 = -1;
			}
			else if(triggerID7==0){
                flag7 = 1;
			}
			triggerID7 = triggerID7 - flag7;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch7(); 
/******************************END**********************************************/

/*****************************Image Reel 8 RIGHT***************************************/	
	    var imageWidth8 = $(".area1").width();
	    var imageSum8 = $(".image_reel8 img").size();
	    var imageReelWidth8 = imageWidth8 * imageSum8;

	    //Adjust the image reel to its new size
	    $(".image_reel8").css({'width' : imageReelWidth});

        var triggerID8 = -2;
        var flag8 = -1;
        //Paging + Slider Function
	rotate8 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID8 * imageWidth8; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel8").animate({ 
			left: image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch8 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate8(); //Trigger the paging and slider function
			if(triggerID8==-3)
			{
			    flag8 = -1;
			}
			else if(triggerID8==0){
                flag8 = 1;
			}
			triggerID8 = triggerID8 - flag8;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch8(); 
/******************************END**********************************************/

/*****************************Image Reel 9 BOTTOM***************************************/	
	    var imageHeight9 = $(".area1").height();
	    var imageSum9 = $(".image_reel9 img").size();
	    var imageReelHeight9 = imageHeight9 * imageSum9;

	    //Adjust the image reel to its new size
	    $(".image_reel9").css({'height' : imageReelHeight9});

        var triggerID9 = -2;
        var flag9 = -1;
        //Paging + Slider Function
	rotate9 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID9 * imageHeight9; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel9").animate({ 
			top: image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch9 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate9(); //Trigger the paging and slider function
			if(triggerID9==-3)
			{
			    flag9 = -1;
			}
			else if(triggerID9==0){
                flag9 = 1;
			}
			triggerID9 = triggerID9 - flag9;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch9(); 
/******************************END**********************************************/

/**********************Image Reel 10 LEFT***************************************/    
	    //Get size of the image, how many images there are, then determin the size of the image reel.
        var imageWidth10 = $(".area1").width();
	    var imageSum10 = $(".image_reel10 img").size();
	    var imageReelWidth10 = imageWidth10 * imageSum10;

	    //Adjust the image reel to its new size
	    $(".image_reel10").css({'width' : imageReelWidth10});

        var triggerID10 = 1;
        var flag10 = 1;
        //Paging + Slider Function
	    rotate10 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID10 * imageWidth10; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel10").animate({ 
			left: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch10 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate10(); //Trigger the paging and slider function
			if(triggerID10==3)
			{
			    flag10 = -1;
			}
			else if(triggerID10==0){
                flag10 = 1;
			}
			triggerID10 = triggerID10 + flag10;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch10(); //Run function on launch
/******************************END**********************************************/

/*****************************Image Reel 11 TOP***************************************/	
	    var imageHeight11 = $(".area1").height();
	    var imageSum11 = $(".image_reel11 img").size();
	    var imageReelHeight11 = imageHeight11 * imageSum11;

	    //Adjust the image reel to its new size
	    $(".image_reel11").css({'height' : imageReelHeight11});

        var triggerID11 = 1;
        var flag11 = 1;
        //Paging + Slider Function
	rotate11 = function(){	
		 //Get number of times to slide
		var image_reelPosition = triggerID11 * imageHeight11; //Determines the distance the image reel needs to slide

		//Slider Animation
		$(".image_reel11").animate({ 
			top: -image_reelPosition
		}, 500 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch11 = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotate11(); //Trigger the paging and slider function
			if(triggerID11==3)
			{
			    flag11 = -1;
			}
			else if(triggerID11==0){
                flag11 = 1;
			}
			triggerID11 = triggerID11 + flag11;
		}, 5000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch11(); 
/******************************END**********************************************/ 

    });