var rotate = 
{
    

	// global vars
	image_url: new Array(),
	arrayLength: null,
	
	changeImage: function(type)
	{
		$('.currentImageLeft').animate({ fadeOut: "slow", opacity: 0.1}, 'slow', function()
		{
			var thisNum = parseInt($('.currentImageLeft').attr('alt').replace(/OTR /g,''));
			var newImageId = 0;
			if(isNaN(thisNum)) // Gidon added in order to rotate to the next image
			    thisNum = 2;			    			    
			//alert(type)
			if(type == 'prev')
			{
				newImageId = (thisNum > 0) ? (thisNum-1) : rotate.arrayLength;				
			}
			else
			{
				newImageId = (thisNum < rotate.arrayLength) ? (thisNum+1) : 0;				
			}
			var nextImage = new Image(); 
			nextImage.src = rotate.image_url[newImageId];
			//alert("1:=> " + rotate.image_url[newImageId])
			    
			    $.post("Handler/RenderView.ashx", {imageUrl:rotate.image_url[newImageId]},
                  function(data) {
                  
                    $('#LeftTextBlock').html(data);
                    $('#LeftTextBlock').animate({fadeIn: "slow", opacity: 1}, 'slow');
                    $('.currentImageLeft').attr('src', rotate.image_url[newImageId]).attr('alt', 'OTR '+newImageId);
				    $('.currentImageLeft').animate({fadeIn: "slow", opacity: 1}, '3000');
                  });
			
		});		
	},
	init: function()
	{		
//		rotate.image_url[0] = 'Images/Banners/OTR_BANNER1.jpg';
//		rotate.image_url[1] = 'Images/Banners/OTR_BANNER2.jpg';
//		alert(rotate);
//		rotate.image_url[2] = 'http://farm1.static.flickr.com/42/81826526_84b1745d61.jpg';
//		rotate.image_url[3] = 'http://farm1.static.flickr.com/28/38042396_25fa63672e.jpg';
//		rotate.image_url[4] = 'http://farm1.static.flickr.com/40/88417164_6c7cac310e.jpg';
//		rotate.image_url[5] = 'http://farm1.static.flickr.com/35/124044429_05cc71698b.jpg';
//		rotate.image_url[6] = 'http://farm1.static.flickr.com/34/123043646_54aa25ed9d.jpg';
//		rotate.image_url[7] = 'http://farm1.static.flickr.com/40/123043643_f04f17ca90.jpg';
//		rotate.image_url[8] = 'http://farm1.static.flickr.com/123/354414889_ab50993b7a.jpg';
//		rotate.image_url[9] = 'http://farm1.static.flickr.com/71/226697430_f69eaf97be.jpg';
//		rotate.image_url[10] = 'http://farm1.static.flickr.com/54/128193449_7544cdfd0d.jpg';
//		rotate.image_url[11] = 'http://farm1.static.flickr.com/34/67021410_65529891bf.jpg';
//		rotate.image_url[12] = 'http://farm1.static.flickr.com/126/354414886_5d5b9407bb.jpg';
//		rotate.image_url[13] = 'http://farm2.static.flickr.com/1204/1434804685_078b27b045.jpg';
//		rotate.image_url[14] = 'http://farm2.static.flickr.com/1227/1244080143_b120033ebc.jpg';
//		rotate.image_url[15] = 'http://farm2.static.flickr.com/1204/1435711862_6316dc0ccc.jpg';
//		rotate.image_url[16] = 'http://farm2.static.flickr.com/1227/1479604903_e9c0cf846a.jpg';
//		rotate.arrayLength = rotate.image_url.length;
//		rotate.arrayLength -= 1;
		
		// add event next / previous images
		$('#previous').bind('click', function() { rotate.changeImage('prev'); });
		$('#next').bind('click', function() { rotate.changeImage('next'); });
		
		// add background images if js enabled
		$('#previous').html('<img src="images/minus.gif" alt="Previous Image" />');
		$('#next').html('<img src="images/plus.gif" alt="Next Image" />');
	}
}



var rotate2 = 
{
	image_url2: new Array(),
	arrayLength2: null,
	changeImage2: function(type)
	{
	    //alert(1);
		$('.currentImageRight').animate({ fadeOut: "slow", opacity: 0.1}, 'slow', function()
		{
			//alert($('.currentImageRight').attr('alt'))
			var thisNum2 = parseInt($('.currentImageRight').attr('alt').replace(/OTR /g,''));
			//alert(thisNum2);
			var newImageId2 = 0;
			if(isNaN(thisNum2)) // Gidon added in order to rotate to the next image
			    thisNum2 = 2;
			//alert(rotate2.arrayLength2);
			if(type == 'prev')
			{
				newImageId2 = (thisNum2 > 0) ? (thisNum2-1) : rotate2.arrayLength2;				
			}
			else
			{
				newImageId2 = (thisNum2 < rotate2.arrayLength2) ? (thisNum2+1) : 0;				
			}
			//alert()
			var nextImage2 = new Image(); 
			// alert(rotate.image_url[newImageId])
			nextImage2.src = rotate2.image_url2[newImageId2];
			
			    $.post("Handler/RenderView.ashx", {imageUrl:rotate2.image_url2[newImageId2]},
                  function(data) {
                    $('#RightTextBlock').html(data);
                    $('#RightTextBlock').animate({fadeIn: "slow", opacity: 1}, 'slow');
                    $('.currentImageRight').attr('src', rotate2.image_url2[newImageId2]).attr('alt', 'OTR '+newImageId2);
				    $('.currentImageRight').animate({fadeIn: "slow", opacity: 1}, '3000');
                  });
		});		
	},

	// initalizer function
	init: function()
	{		
		
//		rotate.image_url2[0] = 'http://www.ontheroadessentials.com/images/CU_BANNER.gif';
//		rotate.image_url2[1] = 'http://www.ontheroadessentials.com/images/HP_BLUE_BANNER.gif';
//		rotate.image_url2[2] = 'http://farm1.static.flickr.com/42/81826526_84b1745d61.jpg';
//		rotate.image_url2[3] = 'http://farm1.static.flickr.com/28/38042396_25fa63672e.jpg';
//		rotate.image_url2[4] = 'http://farm1.static.flickr.com/40/88417164_6c7cac310e.jpg';
//		rotate.image_url2[5] = 'http://farm1.static.flickr.com/35/124044429_05cc71698b.jpg';
//		rotate.image_url2[6] = 'http://farm1.static.flickr.com/34/123043646_54aa25ed9d.jpg';
//		rotate.image_url2[7] = 'http://farm1.static.flickr.com/40/123043643_f04f17ca90.jpg';
//		rotate.image_url2[8] = 'http://farm1.static.flickr.com/123/354414889_ab50993b7a.jpg';
//		rotate.image_url2[9] = 'http://farm1.static.flickr.com/71/226697430_f69eaf97be.jpg';
//		rotate.image_url2[10] = 'http://farm1.static.flickr.com/54/128193449_7544cdfd0d.jpg';
//		rotate.image_url2[11] = 'http://farm1.static.flickr.com/34/67021410_65529891bf.jpg';
//		rotate.image_url2[12] = 'http://farm1.static.flickr.com/126/354414886_5d5b9407bb.jpg';
//		rotate.image_url2[13] = 'http://farm2.static.flickr.com/1204/1434804685_078b27b045.jpg';
//		rotate.image_url2[14] = 'http://farm2.static.flickr.com/1227/1244080143_b120033ebc.jpg';
//		rotate.image_url2[15] = 'http://farm2.static.flickr.com/1204/1435711862_6316dc0ccc.jpg';
//		rotate.image_url2[16] = 'http://farm2.static.flickr.com/1227/1479604903_e9c0cf846a.jpg';
//		rotate2.arrayLength2 = rotate2.image_url2.length;
//		rotate2.arrayLength2 -= 1;
		// add event next / previous images
		$('#previous').bind('click', function() { rotate2.changeImage2('prev'); });
		$('#next').bind('click', function() { rotate2.changeImage2('next'); });
		
		$('#previous').html('<img src="images/minus.gif" alt="Previous Image" />');
		$('#next').html('<img src="images/plus.gif" alt="Next Image" />');
	}
}