var int1, int2, int3;
$(document).ready(function() {
	pic1count = updateCount(pics1,pic1count);
	pic2count = updateCount(pics2,pic2count);
	pic3count = updateCount(pics3,pic3count);
	int1 = setInterval(function() {
		flipPhoto("splash1", pics1[pic1count], int1);
		pic1count = updateCount(pics1,pic1count);
	},15000);
	setTimeout(function(){
		flipPhoto("splash2", pics2[pic2count], null);
		pic2count = updateCount(pics2,pic2count);
		int2 = setInterval(function() {
			flipPhoto("splash2", pics2[pic2count], int2);
			pic2count = updateCount(pics2,pic2count);
		},15000);
	},5000);
	setTimeout(function(){
		flipPhoto("splash3", pics3[pic3count], null);
		pic3count = updateCount(pics3,pic3count);
		int3 = setInterval(function() {
			flipPhoto("splash3", pics3[pic3count], int3);
			pic3count = updateCount(pics3,pic3count);
		},15000);
	},10000);
	$("a.popup").facebox({
		opacity: "0.4"
	});
	$(".previmg","#facebox").live("click",function() {
		var prevImage = $(".currentimage.imagepopup").prev("a.imagepopup");
		if(!prevImage.length) {
			prevImage = $($("a.imagepopup")[$("a.imagepopup").length-1]);
		}
		prevImage.click();
	});
	$(".nextimg","#facebox").live("click",function() {
		var nextImage = $(".currentimage.imagepopup").next("a.imagepopup");
		if(!nextImage.length) {
			nextImage = $($("a.imagepopup")[0]);
		}
		nextImage.click();
	});
	/*flipPhoto("splash1", pics1[pic1count], int1);
	pic1count = updateCount(pics1,pic1count);
	flipPhoto("splash2", pics2[pic2count], int2);
	pic2count = updateCount(pics2,pic2count);
	flipPhoto("splash3", pics3[pic3count], int3);
	pic3count = updateCount(pics3,pic3count);*/
});

function flipPhoto(nodeName,image, interval) {
	if(image) {
		$("#"+nodeName).css("background-image",$("#"+nodeName+" div").css("background-image"));
		$("#"+nodeName+" div").fadeOut("slow",function() {
			$(this).css("background-image","url('"+image+"')");
			$(this).fadeIn("slow");
		});
	} else {
		if(interval)
			clearInterval(interval);
	}
}

function updateCount(imageArray, count) {
	count++;
	if(count >= imageArray.length) {
		count = 0;
	}
	preloadNext(imageArray[count]);
	return count;
}

function preloadNext(image) {
	$(".preload").css("background-image","url('"+image+"')");
}