/* 
Digital Warehouse Agency 2011
Slideshow - Control
*/		
$(document).ready(function() {
	/////////////////////////////////////////////////////////
	/////////////////// Global Variables ////////////////////
	/////////////////////////////////////////////////////////
	var slides = '#slides';
	var slidesTimer;
	var slidesArray = [];
	var panArray = [];
	var prevSlide;
	var fadeOutTime = 4000;
	var fadeInTime = 1500;
	var panTime = 5500;
	var Width;
	var height;
	
	$(slides + ' img').animate({ opacity : 0}, 0);

	/////////////////////////////////////////////////////////
	/////////////////////// Functions ///////////////////////
	/////////////////////////////////////////////////////////
	function initSlides(){
				
		var len = $(slides + ' img').length;
		var index = len;
		Width = parseInt($(slides).width());
		height = parseInt($(slides).height());
		
		$(slides + ' img').animate({ opacity : 0}, 0);
		
		$(slides + ' img').each(function(){
						
			$(this).attr({ 'z-index' : index, id : 'slide-image-' + index });
			
			var ClassName = document.getElementById('slide-image-' + index).className;
			
			slidesArray.push('#slide-image-' + index);
			panArray.push(ClassName);
			
			index--;
		});
		
		slideShow(index);
		
		slidesTimer = setInterval(function()
		{
			
			index++;
			
			if(index == len)
			{
				index = 0;
			}
			
			slideShow(index);
			
		}, 6000);
	}
	
	function slideShow(index){
		var len = $(slides + ' img').length;
		var panTo = 0;
		var sTop = 0;
		var sLeft = 0;
		
		if(prevSlide != null)
		{
			$(prevSlide).animate({ opacity : 0}, fadeOutTime);
		}
		
		if(panArray[index] == 'slide-up')
		{
			sTop = height - parseInt($(slidesArray[index]).height());
			
			$(slidesArray[index]).css({ top : sTop + 'px' });
			
			$(slidesArray[index]).animate({ 'top' : panTo, opacity : 1}, panTime);

		}
		else if(panArray[index] == 'slide-down')
		{
			sTop = 0;
			panTo = height - parseInt($(slidesArray[index]).height());
						
			$(slidesArray[index]).css({ top : sTop + 'px' });
			
			$(slidesArray[index]).animate({ 'top' : panTo, opacity : 1}, panTime);
		}
		else if(panArray[index] == 'slide-left')
		{
			sLeft = 0;
			panTo = Width - parseInt($(slidesArray[index]).width());
			
			$(slidesArray[index]).css({ left : sLeft + 'px' });
			
			$(slidesArray[index]).animate({ 'left' : panTo, opacity : 1}, panTime);	
		}
		else if(panArray[index] == 'slide-right')
		{
			sLeft = Width - parseInt($(slidesArray[index]).width());
			
			$(slidesArray[index]).css({ left : sLeft + 'px' });
			
			$(slidesArray[index]).animate({ 'left' : panTo, opacity : 1}, panTime);	
		}
		
		prevSlide = slidesArray[index];
		
	}
	
	$(window).load(function () {
		/////////////////////////////////////////////////////////
		//////////////// Initialize Functions ///////////////////
		/////////////////////////////////////////////////////////
		initSlides();
	});	/* End Window load */
});/* End Document ready */