//===================================
//
//	Home Slideshow
//
//===================================

$(document).ready(function(){

	var currentImage = 1;
	var currentLi = 1;
	var currentZ = 1;
	var liTotal = $('ul.images li').size();
	var time
	
	//==================================
	//	Li Display
	//==================================
	var liCounter = 1;
	$('ul.images li').each(function(){
		$(this).hide();
		$(this).attr("order", liCounter);
		liCounter++;
	});
	$('ul.images li:first').show();

	
	//==================================
	//	Load Images
	//==================================
	
	var imageCounter = 1;
	function loadNextImage()
	{
	    var div = $('.loadable-image#'+imageCounter);
	    var img = '<img src="'+div.attr('src')+'" alt="'+div.attr('alt')+'">';
  
	    div.html(img);
		div.find('img').hide();
	   
	    div.find('img').load(function(){
			var imgWidth = div.find('img').width();
			
			div.animate({'width' : imgWidth}, 300, function(){
				setupImage(div.find('img'));
				div.removeClass('loadable-image');
			});
			
			if(imageCounter == 1)
			{
		   		time = setTimeout(rotate, 6000);
			}
		   
		   imageCounter++;
		   loadNextImage();
	   });
	}
	// load first image
    loadNextImage();
	
	
	
	//==================================
	//	Setup Images
	//==================================
	function setupImage(thisImage)
	{
		thisImage.removeAttr("width");
		thisImage.removeAttr("height");
		
		//Setup images
		thisImage.fadeTo(1000, 1);
	}
	
	
	//==================================
	//	Rotate Images
	//==================================
	function rotate()
	{
		currentLi++;
		if(currentLi > liTotal)
		{
			currentLi = 1;
		}
		
		currentZ++;
		var newLi = $('ul.images li[order='+currentLi+']');
		// fade in new image
		newLi.hide();
		newLi.css({'z-index' : currentZ});
		$('ul.images li').fadeTo(1000, 0);
		newLi.stop().fadeTo(1000, 1);
		time = setTimeout(rotate, 6000);
	}
	
	
	
	
});