// **************************************************************************************************************************

// Futuroom.cz - Homepage menu - changing images and text in header

// --------------------------------------------------------------------------------------------------------------------------
// **************************************************************************************************************************
var a;
var b;
var lastOpenMenu = 0;
var OutLi=true;
var server

function setOpacity(object, xOpacity) {
	document.getElementById(object).style.opacity = xOpacity;
	document.getElementById(object).style.MozOpacity = xOpacity;
	document.getElementById(object).style.filter = "alpha(opacity=" + (xOpacity * 100) + ")";
}

function menuOut(menu, ParentFileServer) {
				OutLi=true;
				/*setTimeout("change("+ParentFileServer+")",100);*/
				setTimeout("change()",600);
				server=ParentFileServer;
};

function change(){
				ParentFileServer=server;
				if (lastOpenMenu != 0){
						if (OutLi)
						{
							setOpacity("bigMenuImage3", parseFloat(document.getElementById("bigMenuImage2").style.opacity));
							document.getElementById("bigMenuImage3").src = document.getElementById("bigMenuImage2").src;
							setOpacity("bigMenuImage2", parseFloat(document.getElementById("bigMenuImage").style.opacity));
							document.getElementById("bigMenuImage2").src = document.getElementById("bigMenuImage").src;
							setOpacity("bigMenuImage", 0);
							document.getElementById("bigMenuImage").src = ParentFileServer + "images/design/content-blocks/uvodni.jpg";
							fadeSecond("bigMenuImage", 'up', 0.01, 0.95, 28);
							document.getElementById("contentFirst").style.display = "none";
							document.getElementById("contentSecond").style.display = "none";
							document.getElementById("contentThird").style.display = "none";
							document.getElementById("contentFourth").style.display = "none";
							document.getElementById("contentDefault").style.display = "none";
							setOpacity("contentDefault", 0.01)
							document.getElementById("contentDefault").style.display = "block";
							fade("contentDefault", 'up', 0.01, 0.85, 35);
							lastOpenMenu = 0;
						}
				}
};

function menuOver(menu, ParentFileServer) {
	//	timer=window.setTimeout("mouseout()", 1000);
	//	window.clearTimeout(timer);
	OutLi=false;
	switch (parseInt(menu)) {

		case 1:
			if (lastOpenMenu != 1) 
			{
				setOpacity("bigMenuImage3", parseFloat(document.getElementById("bigMenuImage2").style.opacity));
				document.getElementById("bigMenuImage3").src = document.getElementById("bigMenuImage2").src;
				setOpacity("bigMenuImage2", parseFloat(document.getElementById("bigMenuImage").style.opacity));
				document.getElementById("bigMenuImage2").src = document.getElementById("bigMenuImage").src;
				setOpacity("bigMenuImage", 0);
				document.getElementById("bigMenuImage").src = ParentFileServer + "images/design/content-blocks/js-1.jpg";
				fadeSecond("bigMenuImage", 'up', 0.01, 0.95, 28);
				document.getElementById("contentFirst").style.display = "none";
				document.getElementById("contentSecond").style.display = "none";
				document.getElementById("contentThird").style.display = "none";
				document.getElementById("contentFourth").style.display = "none";
				document.getElementById("contentDefault").style.display = "none";
				setOpacity("contentFirst", 0.01)
				document.getElementById("contentFirst").style.display = "block";
				fade("contentFirst", 'up', 0.01, 0.85, 35);
				lastOpenMenu = 1;
			}
			break;

		case 2:
			if (lastOpenMenu != 2) 
			{
				setOpacity("bigMenuImage3", parseFloat(document.getElementById("bigMenuImage2").style.opacity));
				document.getElementById("bigMenuImage3").src = document.getElementById("bigMenuImage2").src;
				setOpacity("bigMenuImage2", parseFloat(document.getElementById("bigMenuImage").style.opacity));
				document.getElementById("bigMenuImage2").src = document.getElementById("bigMenuImage").src;
				setOpacity("bigMenuImage", 0);
				document.getElementById("bigMenuImage").src = ParentFileServer + "images/design/content-blocks/js-2.jpg";
				fadeSecond("bigMenuImage", 'up', 0.01, 0.95, 28);
				document.getElementById("contentFirst").style.display = "none";
				document.getElementById("contentThird").style.display = "none";
				document.getElementById("contentFourth").style.display = "none";
				document.getElementById("contentDefault").style.display = "none";
				setOpacity("contentSecond", 0.01)
				document.getElementById("contentSecond").style.display = "block";
				fade("contentSecond", 'up', 0.01, 0.85, 28);
				lastOpenMenu = 2;
			}
			break;

		case 3:
			if (lastOpenMenu != 3) 
			{
				setOpacity("bigMenuImage3", parseFloat(document.getElementById("bigMenuImage2").style.opacity));
				document.getElementById("bigMenuImage3").src = document.getElementById("bigMenuImage2").src;
				setOpacity("bigMenuImage2", parseFloat(document.getElementById("bigMenuImage").style.opacity));
				document.getElementById("bigMenuImage2").src = document.getElementById("bigMenuImage").src;
				setOpacity("bigMenuImage", 0);
				document.getElementById("bigMenuImage").src = ParentFileServer + "images/design/content-blocks/js-3.jpg";
				fadeSecond("bigMenuImage", 'up', 0.01, 0.95, 28);
				document.getElementById("contentFirst").style.display = "none";
				document.getElementById("contentSecond").style.display = "none";
				document.getElementById("contentFourth").style.display = "none";
				document.getElementById("contentDefault").style.display = "none";
				setOpacity("contentThird", 0.01)
				document.getElementById("contentThird").style.display = "block"
				fade("contentThird", 'up', 0.01, 0.85, 28);
				lastOpenMenu = 3;
			}
			break;

		case 4:
			if (lastOpenMenu != 4) 
			{
				setOpacity("bigMenuImage3", parseFloat(document.getElementById("bigMenuImage2").style.opacity));
				document.getElementById("bigMenuImage3").src = document.getElementById("bigMenuImage2").src;
				setOpacity("bigMenuImage2", parseFloat(document.getElementById("bigMenuImage").style.opacity));
				document.getElementById("bigMenuImage2").src = document.getElementById("bigMenuImage").src;
				setOpacity("bigMenuImage", 0);
				document.getElementById("bigMenuImage").src = ParentFileServer + "images/design/content-blocks/js-4.jpg";
				fadeSecond("bigMenuImage", 'up', 0.01, 0.95, 28);
				document.getElementById("contentFirst").style.display = "none";
				document.getElementById("contentSecond").style.display = "none";
				document.getElementById("contentThird").style.display = "none";
				document.getElementById("contentDefault").style.display = "none";
				setOpacity("contentFourth", 0.01)
				document.getElementById("contentFourth").style.display = "block";
				fade("contentFourth", 'up', 0.01, 0.85, 28);
				lastOpenMenu = 4;
			}
			break;

		// onmouseout  

		case 5:
			mouseout(ParentFileServer);
			//			timer=window.setTimeout("mouseout(ParentFileServer)", 1000);
			break;
	};

};

/*===MENU FOR OTHER PAGES========================================================================*/
// 


/*	
object - ID objektu ktery se ma stm?vat ci roz?nat
end - pri jake hodnote opacity se konci
direction - smer "up" je rozinat "down" je zhasinat
start1 - hodnota opacity u ktere se zacina 
slow - rychlost stridani obrazu v milisekund?ch, kdy se strida opacita po 0.01
	
pozn- funkce nema osetreni na spatne hodnoty!
*/

function fade(object, direction, start1, end, slow) {
	document.getElementById(object).style.opacity = start1;
	window.clearInterval(a);
	var parametrs = "fadeApply('" + object + "'," + end + ",'" + direction + "')"
	a = window.setInterval(parametrs, slow);
}

function fadeSecond(object, direction, start1, end, slow) {
	document.getElementById(object).style.opacity = start1;
	window.clearInterval(b);
	var parametrs = "fadeApplySecond('" + object + "'," + end + ",'" + direction + "')"
	b = window.setInterval(parametrs, slow);
}

function fadeApply(object, end, direction) {
	var fadeValue = parseFloat(document.getElementById(object).style.opacity);
	switch (direction.toString()) {
		case "up":
			if (fadeValue <= end) {
				fadeValue = fadeValue + 0.03;
				setOpacity(object, fadeValue);
			}
			else {
				window.clearInterval(a);
			}
			break;
		case "down":
			if (fadeValue >= end) {
				fadeValue = fadeValue - 0.01;
				setOpacity(object, fadeValue);
			}
			else {
				window.clearInterval(a);
			}
			break;
	}
}

function fadeApplySecond(object, end, direction) {
	var fadeValue = parseFloat(document.getElementById(object).style.opacity);
	switch (direction.toString()) {
		case "up":
			if (fadeValue <= end) {
				fadeValue = fadeValue + 0.03;
				setOpacity(object, fadeValue);
			}
			else {
				window.clearInterval(b);
			}
			break;
		case "down":
			if (fadeValue >= end) {
				fadeValue = fadeValue - 0.01;
				setOpacity(object, fadeValue);
			}
			else {
				window.clearInterval(b);
			}
			break;
	}
}

function menu2(object, number) {
	switch (number.toString()) {

		case "in":
			setOpacity(object, 0);
			document.getElementById(object).style.display = "block";
			fade(object, 'up', 0.01, 0.85, 35);
			break;

		case "out":
			document.getElementById(object).style.display = "none";
			setOpacity(object, 0);
			/*fade(object,'down',0.85,0.05,35);*/
			break;

	}

}