/* Home front javascript file */
$(document).ready(function(){
	
	// Set slider vars
	totalImages = $('#slider .images li').length;
	
	// Set the interval for automatic image slider
	var currIndex = 0;
	var sliderInterval = setInterval(function(){
		var next = currIndex == (totalImages-1) ? 0 : currIndex+1;
		currIndex = sliderActiveImage(next);
	}, 2500);

	// On click, remove the interval
	$('#slider a').click(function(){
		clearInterval(sliderInterval);
	});
});

var totalImages = 0;
var cssClasses = ['z1', 'z2', 'z3'];
function sliderActiveImage(activeImageIndex)
{
	// Set correct active state
	$('#slider .controls li a').removeClass('active');
	$($('#slider .controls li a')[activeImageIndex]).addClass('active');
	
	// Toggle images
	var loopCounter = 0;
	for(var i = totalImages-1; i >= 0; i--){
		$($('#slider .images li')[i]).removeClass('z4 z3 z2 z1');
		if(i == activeImageIndex){
			$($('#slider .images li')[i]).addClass('z4');
		} else {
			$($('#slider .images li')[i]).addClass(cssClasses[loopCounter]);
			loopCounter++;
		}
	}
	
	return activeImageIndex;
}