var rotate = 
{
    

	// global vars
	image_url: new Array(),
	arrayLength: null,
	
	changeImage: function(type)
	{
	        
	
		// fade image out
		$('#currentImage').animate({ fadeOut: "slow", opacity: 0.1}, 'slow', function()
		{
			var thisNum = parseInt($('#currentImage').attr('alt').replace(/OTR /g,''));
			var newImageId = 0;
			
			
			
			if(isNaN(thisNum)) // Gidon added in order to rotate to the next image
			    thisNum = 2;			    			    
			    
			    
			
			if(type == 'prev')
			{
				// determine next image
				newImageId = (thisNum > 0) ? (thisNum-1) : rotate.arrayLength;				
			}
			else
			{
				// determine next image
				newImageId = (thisNum < rotate.arrayLength) ? (thisNum+1) : 0;				
			}
			
			//alert('ok1')
			
			// force image to load
			var nextImage = new Image(); 
			nextImage.src = rotate.image_url[newImageId];
			
			//alert(nextImage.src);
			
			
			if(nextImage.complete)
			{
			    //alert('ok2')
				// fade new image in
				$('#currentImage').attr('src', rotate.image_url[newImageId]).attr('alt', 'OTR '+newImageId);
				$('#currentImage').animate({fadeIn: "slow", opacity: 1}, '3000');
			}
			else
			{
				nextImage.onload = function()
				{
				    //alert(newImageId)
				    
				    
//				    if(newImageId == 0)
//				       newImageId == 1;
//				    else if(newImageId == 1)
//				       newImageId = 0;
//				    
				       
				    
				
					$('#currentImage').attr('src',rotate.image_url[newImageId]).attr('alt', 'OTR '+newImageId);
					$('#currentImage').animate({fadeIn: "slow", opacity: 1}, 'slow');
				}								
			}						
		});		
	},

	// initalizer function
	init: function()
	{		
	    //alert(page);
		
		//rotate.image_url[0] = 'http://www.ontheroadessentials.com/images/CU_BANNER.gif';
		//rotate.image_url[1] = 'http://www.ontheroadessentials.com/images/HP_BLUE_BANNER.gif';
		
//		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" />');
	}
}

$(document).ready( function(){ rotate.init() });