//******************* Forside billeder ********************//

imageFlow = {
	images: [],
	timespan: 9000,
	current: 1,
	timerId: -1,
	currentTarget: null,
	targetContainer: "#menu .backgroundImage"
}

imageFlow.init = function () {
	imageFlow.images = imageFlow.images.split(",");
	//console.log(imageFlow.images);
	imageFlow.current = Math.floor(Math.random()*imageFlow.images.length);
	imageFlow.timerId = setInterval('imageFlow.nextImage()', imageFlow.timespan);
	imageFlow.currentTarget = $(imageFlow.targetContainer + " .front");
	
	$(imageFlow.targetContainer + " .front").css("z-index", 1);
	$(imageFlow.targetContainer + " .back").css("z-index", 2);
	
											 
	


	imageFlow.inited = true;
	//imageFlow.nextImage();
}

imageFlow.nextImage = function () {
	if (imageFlow.inited == true)
	{
		$(imageFlow.targetContainer + " .front").load(imageFlow.loaded);
		$(imageFlow.targetContainer + " .back").load(imageFlow.loaded);
		imageFlow.inited = false;
	}
	imageFlow.current = (imageFlow.current+1) % imageFlow.images.length;


	
	$(imageFlow.currentTarget).attr("src", imageFlow.images[imageFlow.current]);
}

imageFlow.loaded = function () {
	if ($(imageFlow.targetContainer + " .front").css("z-index")=="1") {
		$(imageFlow.targetContainer + " .back").fadeOut("slow", imageFlow.fadeOutHandler);
	} else {
		$(imageFlow.targetContainer + " .front").fadeOut("slow", imageFlow.fadeOutHandler);
	}
	
}

imageFlow.fadeOutHandler = function () {
	$(imageFlow.currentTarget).css("display", "inline");

	if ( $(imageFlow.targetContainer + " .back").css("z-index")=="1") {
		$(imageFlow.currentTarget).css("z-index", "2");
		imageFlow.currentTarget = $(imageFlow.targetContainer + " .front");
	} else {
		$(imageFlow.currentTarget).css("z-index", "2");
		imageFlow.currentTarget = $(imageFlow.targetContainer + " .back");	
	}
	$(imageFlow.currentTarget).css("z-index", "1");
	$(imageFlow.currentTarget).css("display", "inline");
	
}