//global variable arrImages = [] should be set as array of image URLs

var index = 1;


if(typeof(homeImageHolder1) == 'undefined'){
	var holder1 = 'hdr1';
}
else{
	var holder1 = homeImageHolder;
}

if(typeof(homeImageHolder2) == 'undefined'){
	var holder2 = 'hdr2';
}
else{
	var holder2 = homeImageHolder2;
}

var currentDisplaying = 'hdr2';

function toggleImage(imageHolderID1, imageHolderID2, url, duration){
	preloadImage = new Image();
	preloadImage.src = url;
	preloadImage.onload = function(){
		if(currentDisplaying == 'holder1'){
			$('#'+imageHolderID2).css('background-image', 'url('+url+')');
			$('#'+imageHolderID2).fadeIn(duration).css('visibility', '');
			currentDisplaying = 'holder2';
		}
		else{
			$('#'+imageHolderID1).css('background-image', 'url('+url+')');
			$('#'+imageHolderID2).fadeOut(duration).css('visibility', '');
			currentDisplaying = 'holder1';
		}
		
		imgRotationTimeout = setTimeout('rotateImage()', 10000);
	}

}

function rotateImage(){
	if(index >= arrImages.length) index = 0;
	toggleImage(holder2, holder1, arrImages[index++], 3000);
}

function shuffleSortFunction(a, b){
	return Math.random()-.5;
}

function arrayShuffle(array){
	return array.sort(shuffleSortFunction);
}

var imgRotationTimeout;

$(document).ready(function(){
	if(arrImages.length > 0){
		arrImages = arrayShuffle(arrImages);
		$('#'+holder1).css('background-image', 'url('+arrImages[0]+')');
		imgRotationTimeout = setTimeout('rotateImage()', 10000);
	}
	
	$('.flash-img1 a').bind('click', function (){
		clearTimeout(imgRotationTimeout);
		toggleImage(holder2, holder1, $(this).attr('href'), 1000);
		return false;
	})
})