$(document).ready(function() {

	$(".run_hotel").click(function(){
		var hotelH = document.getElementById("hotelbox");
		hotelH.style.position = "relative";
		hotelH.style.zIndex = "9999";
		var hotelMenuH = document.getElementById("hotel-menu-main");
		hotelMenuH.style.backgroundPosition = "0px 0px";
			var cafeH = document.getElementById("cafebox");
			cafeH.style.position = "relative";
			cafeH.style.zIndex = "1";
			var cafeMenuH = document.getElementById("cafe-menu-main");
			cafeMenuH.style.backgroundPosition = "0px -266px";
				var wellnessH = document.getElementById("wellnessbox");
				wellnessH.style.position = "relative";
				wellnessH.style.zIndex = "1";
				var wellnessMenuH = document.getElementById("wellness-menu-main");
				wellnessMenuH.style.backgroundPosition = "0px -160px";
					var hotelEinsHOld = document.getElementById("inhalt-hotel");
					hotelEinsHOld.style.display = "none";
					var wellnessEinsHold = document.getElementById("inhalt-wellness");
					wellnessEinsHold.style.display = "block";
					var cafeEinsHold = document.getElementById("inhalt-cafe");
					cafeEinsHold.style.display = "block";

		var hotelMenuInaktiv = document.getElementById("hotel-menu-act");
		hotelMenuInaktiv.style.color = "#ffffff";
			var wellnessMenuInaktiv = document.getElementById("wellness-menu-act");
			wellnessMenuInaktiv.style.color = "#d2d2d2";
				var cafeMenuInaktiv = document.getElementById("cafe-menu-act");
				cafeMenuInaktiv.style.color = "#e6cfeb";
					
		$("#wellnessbox").animate({width: "312px", marginLeft: "0px"},250);
				var wellnessEinsH = document.getElementById("inhalt-wellness-neu");
				wellnessEinsH.style.display = "none";
				var wellnessZweiH = document.getElementById("inhalt-wellness2");
				wellnessZweiH.style.marginTop = "-260px";
				wellnessZweiH.style.marginLeft = "24px";
				wellnessZweiH.style.display = "none";
				var wellnessDreiH = document.getElementById("inhalt-wellness3");
				wellnessDreiH.style.marginTop = "-260px";
				wellnessDreiH.style.marginLeft = "24px";
				wellnessDreiH.style.display = "none";
		$("#cafebox").animate({width: "312px", marginLeft: "0px"},250);
				var cafeEinsH = document.getElementById("inhalt-cafe-neu");
				cafeEinsH.style.display = "none";
				var cafeZweiH = document.getElementById("inhalt-cafe2");
				cafeZweiH.style.marginTop = "-260px";
				cafeZweiH.style.marginLeft = "24px";
				cafeZweiH.style.display = "none";
				var cafeDreiH = document.getElementById("inhalt-cafe3");
				cafeDreiH.style.marginTop = "-260px";
				cafeDreiH.style.marginLeft = "24px";
				cafeDreiH.style.display = "none";
		$("#hotelbox").animate({width: "976px"},1500, function() {
			var hotelEinsH = document.getElementById("inhalt-hotel-neu");
			hotelEinsH.style.marginTop = "10px";
			hotelEinsH.style.marginLeft = "24px";
			hotelEinsH.style.display = "block";
			var hotelZweiH = document.getElementById("inhalt-hotel2");
			hotelZweiH.style.marginTop = "10px";
			hotelZweiH.style.marginLeft = "20px";
			hotelZweiH.style.display = "block";
			var hotelDreiH = document.getElementById("inhalt-hotel3");
			hotelDreiH.style.marginTop = "10px";
			hotelDreiH.style.marginLeft = "0px";
			hotelDreiH.style.display = "block";
			var hotelLinkH = document.getElementById("footer-menu-links-first");
			hotelLinkH.style.color = "#678713";
			var wellnessLinkH = document.getElementById("footer-menu-mitte-first");
			wellnessLinkH.style.color = "#575756";
			var cafeLinkH = document.getElementById("footer-menu-rechts-first");
			cafeLinkH.style.color = "#575756";
		});
		return false;
	});

	$(".run_wellness").click(function(){
		var wellnessW = document.getElementById("wellnessbox");
		wellnessW.style.position = "relative";
		wellnessW.style.zIndex = "9999";
		var wellnessMenuW = document.getElementById("wellness-menu-main");
		wellnessMenuW.style.backgroundPosition = "0px -107px";
			var hotelW = document.getElementById("hotelbox");
			hotelW.style.position = "relative";
			hotelW.style.zIndex = "1";
			var hotelMenuW = document.getElementById("hotel-menu-main");
			hotelMenuW.style.backgroundPosition = "0px -54px";
				var cafeW = document.getElementById("cafebox");
				cafeW.style.position = "relative";
				cafeW.style.zIndex = "1";
				var cafeMenuW = document.getElementById("cafe-menu-main");
				cafeMenuW.style.backgroundPosition = "0px -266px";
					var hotelEinsWOld = document.getElementById("inhalt-hotel");
					hotelEinsWOld.style.display = "block";
					var wellnessEinsWold = document.getElementById("inhalt-wellness");
					wellnessEinsWold.style.display = "none";
					var cafeEinsWold = document.getElementById("inhalt-cafe");
					cafeEinsWold.style.display = "block";

		var hotelMenuInaktiv = document.getElementById("hotel-menu-act");
		hotelMenuInaktiv.style.color = "#ebf5bf";
			var wellnessMenuInaktiv = document.getElementById("wellness-menu-act");
			wellnessMenuInaktiv.style.color = "#ffffff";
				var cafeMenuInaktiv = document.getElementById("cafe-menu-act");
				cafeMenuInaktiv.style.color = "#e6cfeb";
									
		$("#cafebox").animate({width: "312px", marginLeft: "0px"},250);
				var cafeEinsW = document.getElementById("inhalt-cafe-neu");
				cafeEinsW.style.display = "none";
				var cafeZweiW = document.getElementById("inhalt-cafe2");
				cafeZweiW.style.marginTop = "-260px";
				cafeZweiW.style.marginLeft = "24px";
				cafeZweiW.style.display = "none";
				var cafeDreiW = document.getElementById("inhalt-cafe3");
				cafeDreiW.style.marginTop = "-260px";
				cafeDreiW.style.marginLeft = "24px";
				cafeDreiW.style.display = "none";
		$("#hotelbox").animate({width: "312px"},250);
				var hotelEinsW = document.getElementById("inhalt-hotel-neu");
				hotelEinsW.style.display = "none";
				var hotelZweiW = document.getElementById("inhalt-hotel2");
				hotelZweiW.style.marginTop = "-260px";
				hotelZweiW.style.marginLeft = "24px";
				hotelZweiW.style.display = "none";
				var hotelDreiW = document.getElementById("inhalt-hotel3");
				hotelDreiW.style.marginTop = "-260px";
				hotelDreiW.style.marginLeft = "24px";
				hotelDreiW.style.display = "none";
		$("#wellnessbox").animate({marginLeft: "-332px", width: "976px"},1500, function() {
			var wellnessEinsW = document.getElementById("inhalt-wellness-neu");
			wellnessEinsW.style.marginTop = "10px";
			wellnessEinsW.style.marginLeft = "24px";
			wellnessEinsW.style.display = "block";
			var wellnessZweiW = document.getElementById("inhalt-wellness2");
			wellnessZweiW.style.marginTop = "10px";
			wellnessZweiW.style.marginLeft = "20px";
			wellnessZweiW.style.display = "block";
			var wellnessDreiW = document.getElementById("inhalt-wellness3");
			wellnessDreiW.style.marginTop = "10px";
			wellnessDreiW.style.marginLeft = "0px";
			wellnessDreiW.style.display = "block";
			var hotelLinkW = document.getElementById("footer-menu-links-first");
			hotelLinkW.style.color = "#575756";
			var wellnessLinkW = document.getElementById("footer-menu-mitte-first");
			wellnessLinkW.style.color = "#000";
			var cafeLinkW = document.getElementById("footer-menu-rechts-first");
			cafeLinkW.style.color = "#575756";
		});		
		return false;
	});

	$(".run_cafe").click(function(){
		var cafeC = document.getElementById("cafebox");
		cafeC.style.position = "relative";
		cafeC.style.zIndex = "9999";
		var cafeMenuC = document.getElementById("cafe-menu-main");
		cafeMenuC.style.backgroundPosition = "0px -213px";
			var wellnessC = document.getElementById("wellnessbox");
			wellnessC.style.position = "relative";
			wellnessC.style.zIndex = "1";
			var wellnessMenuC = document.getElementById("wellness-menu-main");
			wellnessMenuC.style.backgroundPosition = "0px -160px";
				var hotelC = document.getElementById("hotelbox");
				hotelC.style.position = "relative";
				hotelC.style.zIndex = "1";
				var hotelMenuC = document.getElementById("hotel-menu-main");
				hotelMenuC.style.backgroundPosition = "0px -54px";
					var hotelEinsCOld = document.getElementById("inhalt-hotel");
					hotelEinsCOld.style.display = "block";
					var wellnessEinsCold = document.getElementById("inhalt-wellness");
					wellnessEinsCold.style.display = "block";
					var cafeEinsCold = document.getElementById("inhalt-cafe");
					cafeEinsCold.style.display = "none";

		var hotelMenuInaktiv = document.getElementById("hotel-menu-act");
		hotelMenuInaktiv.style.color = "#ebf5bf";
			var wellnessMenuInaktiv = document.getElementById("wellness-menu-act");
			wellnessMenuInaktiv.style.color = "#d2d2d2";
				var cafeMenuInaktiv = document.getElementById("cafe-menu-act");
				cafeMenuInaktiv.style.color = "#ffffff";
									
		$("#wellnessbox").animate({width: "312px", marginLeft: "0px"},250);
				var wellnessEinsC = document.getElementById("inhalt-wellness-neu");
				wellnessEinsC.style.display = "none";
				var wellnessZweiC = document.getElementById("inhalt-wellness2");
				wellnessZweiC.style.marginTop = "-260px";
				wellnessZweiC.style.marginLeft = "24px";
				wellnessZweiC.style.display = "none";
				var wellnessDreiC = document.getElementById("inhalt-wellness3");
				wellnessDreiC.style.marginTop = "-260px";
				wellnessDreiC.style.marginLeft = "24px";
				wellnessDreiC.style.display = "none";
		$("#hotelbox").animate({width: "312px"},250);
				var hotelEinsC = document.getElementById("inhalt-hotel-neu");
				hotelEinsC.style.display = "none";
				var hotelZweiC = document.getElementById("inhalt-hotel2");
				hotelZweiC.style.marginTop = "-260px";
				hotelZweiC.style.marginLeft = "24px";
				hotelZweiC.style.display = "none";
				var hotelDreiC = document.getElementById("inhalt-hotel3");
				hotelDreiC.style.marginTop = "-260px";
				hotelDreiC.style.marginLeft = "24px";
				hotelDreiC.style.display = "none";
		$("#cafebox").animate({width: "976px", marginLeft: "-664px"},1500, function() {
			var cafeEinsC = document.getElementById("inhalt-cafe-neu");
			cafeEinsC.style.marginTop = "10px";
			cafeEinsC.style.marginLeft = "24px";
			cafeEinsC.style.display = "block";
			var cafeZweiC = document.getElementById("inhalt-cafe2");
			cafeZweiC.style.marginTop = "10px";
			cafeZweiC.style.marginLeft = "20px";
			cafeZweiC.style.display = "block";
			var cafeDreiC = document.getElementById("inhalt-cafe3");
			cafeDreiC.style.marginTop = "10px";
			cafeDreiC.style.marginLeft = "0px";
			cafeDreiC.style.display = "block";
			var hotelLinkC = document.getElementById("footer-menu-links-first");
			hotelLinkC.style.color = "#575756";
			var wellnessLinkC = document.getElementById("footer-menu-mitte-first");
			wellnessLinkC.style.color = "#575756";
			var cafeLinkC = document.getElementById("footer-menu-rechts-first");
			cafeLinkC.style.color = "#701388";
		});
		return false;
	});

	$('#hotel-pics').cycle({
		timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
		speed:         3000,  // speed of the transition (any valid fx speed value)
		delay:         0     // additional delay (in ms) for first transition (hint: can be negative)
	});

	$('#wellness-pics').cycle({
		timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
		speed:         3000,  // speed of the transition (any valid fx speed value)
		delay:         3000     // additional delay (in ms) for first transition (hint: can be negative)
		
	});

	$('#cafe-pics').cycle({
		timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
		speed:         3000,  // speed of the transition (any valid fx speed value)
		delay:         6000     // additional delay (in ms) for first transition (hint: can be negative)
	});

	$("a.kolb-pic").fancybox();
		
});