var rotate = 
{
	// global vars
	image_url: new Array(),
	arrayLength: null,
	
	changeImage: function(type)
	{
		// fade image out
		$('#currentImage').fadeOut("slow",function()
		{
			var newImageId = 0;
			var thisNum = parseInt($('#currentImage').attr('alt'));
			
			if(type == 'prev')
			{
				// determine next image
				newImageId = (thisNum > 0) ? (thisNum-1) : rotate.arrayLength;				
			}
			else
			{
				// determine next image
				newImageId = (thisNum < rotate.arrayLength) ? (thisNum+1) : 0;				
			}
			
			// force image to load
			var nextImage = new Image(); 
			nextImage.src = rotate.image_url[newImageId];
			
			if(nextImage.complete)
			{
				// fade new image in	
				$('#currentImage').attr('src', rotate.image_url[newImageId]).attr('alt', newImageId);
				$('#currentImage').fadeIn("slow");				
			}
			else
			{
				nextImage.onload = function()
				{
					$('#currentImage').attr('src',rotate.image_url[newImageId]).attr('alt', newImageId);
					$('#currentImage').fadeIn("slow");
				}								
			}						
		});		
	}
}