var slideshowSpeed = 4000;
var photos=12;
$(document).ready(function() {
	var interval;
	var activeContainer = 1;	
	var currentImg = 0;
	var navigate = function() {
		currentImg++;
		if(currentImg == photos+1) {currentImg = 1;}
		var currentContainer = activeContainer;
		if(activeContainer == 1) {activeContainer = 2;} 
							else {activeContainer = 1;}
		showImage(currentImg, currentContainer, activeContainer);
	};
	
	var currentZindex = -1;
	var showImage = function(photo, currentContainer, activeContainer) {
		currentZindex--;
		$("#header_image" + activeContainer).css({
			"background-image" : "url(img/o" + photo + ".jpg)",
			"display" : "block",
			"z-index" : currentZindex
		});
		$("#header_image" + currentContainer).fadeOut(2000);
		$("#menu_image" + activeContainer).css({
			"background-image" : "url(img/o" + photo + "_"+photo+".jpg)",
			"display" : "block",
			"z-index" : currentZindex
		});
		$("#menu_image" + currentContainer).fadeOut(2000);
		
	};
	
	navigate();
	interval = setInterval(function() {navigate();}, slideshowSpeed);
});