$(document).ready(function() {
	
	//jQuery.preLoadImages("images/overlay-kategorien-2-bg-2.png", "images/overlay-kategorien-2-bg-3.png", "images/overlay-kategorien-2-bg-4.png", "images/overlay-kategorien-2-bg-5.png", "images/overlay-kategorien-2-bg-6.png", "images/overlay-kategorien-2-bg-7.png", "images/overlay-kategorien-2-bg-8.png", "images/overlay-kategorien-2-bg.png", "images/overlay-filiale-bg.png" );
	
	function clearBGImages() {

		for (var i= 0; i<=8;i++)
		{
			$("#sub_kategorien_"+i).removeClass("sub_kategorien_"+i+"_active");
		 }
		
	}
	
	function clearSubMenu() {
	
		for (var i= 0; i<=8;i++)
		{
			$("#sub_overlay_"+i).hide();
	   }
	
	}
		
	if($("a#single_image").length > 0 )
	{
	
	$("a#single_image").fancybox({
		'hideOnContentClick': true,
		'padding' : 0,
		'showCloseButton' : false,
		'overlayOpacity' : 	0.5,
		'overlayColor' : '#000'
	});
	}

	
	$("#suche-input").val("Suche");
	//Setze Buehne
	var buehnesrc = $("#hidden #buehne-data #buehne-1").html();
	$("#buehne").html(buehnesrc);
	
	var oldsrc;
	var timer;
	var timer2;
	var timer3;
	var myObj;
	var myObj2;
	var trigger = false;

	
	$("#kategorien_0").hover(function(){	  
	    clearBGImages();
		clearSubMenu();
		$("#kategorien_0").addClass("active_0");
		$("#overlay_1,#overlay_2,#overlay_3,#overlay_4").hide();
		$("#kategorien_1").removeClass("active_1");
		$("#kategorien_2").removeClass("active_2");
		$("#kategorien_3").removeClass("active_3");
		$("#kategorien_4").removeClass("active_4");
		$("#overlay_0").show();
		
	}, function(){
	    $("#overlay_0").hide();
		$("#kategorien_0").removeClass("active_0");
	
		
	});
	
	$("#kategorien_1").hover(function(){	  
		$("#kategorien_1").addClass("active_1");
	    $("#overlay_0,#overlay_2,#overlay_3,#overlay_4").hide();
		$("#kategorien_0").removeClass("active_0");
		$("#kategorien_2").removeClass("active_2");
		$("#kategorien_3").removeClass("active_3");
		$("#kategorien_4").removeClass("active_4");
		$("#overlay_1").show();
		
	}, function(){
		$("#overlay_1").hide();
		$("#kategorien_1").removeClass("active_1");
		// $("body").hover(function(e){
		
		// if(e.target.id != "mainNavi" || e.target.id != "kategorien_1" || e.target.id != "overlay_1")
			// {			
			 // $("#overlay_1").hide();
			 // $("#kategorien_1").removeClass("active_1");	
			// }
		// })
		
	});
	
	
	$("#kategorien_2").hover(function(){	  
		$("#kategorien_2").addClass("active_2");
		$("#overlay_1,#overlay_0,#overlay_3,#overlay_4").hide();
		$("#kategorien_1").removeClass("active_1");
		$("#kategorien_0").removeClass("active_0");
		$("#kategorien_3").removeClass("active_3");
		$("#kategorien_4").removeClass("active_4");
		$("#overlay_2").show();
		
	}, function(){
	$("#overlay_2").hide();
	$("#kategorien_2").removeClass("active_2");
		// $("body").hover(function(e){
		
		// if(e.target.id != "mainNavi" || e.target.id != "kategorien_2" || e.target.id != "overlay_2")
			// {			
			 // $("#overlay_2").hide();
			 // $("#kategorien_2").removeClass("active_2");	
			// }
		// })
		
	});
	$("#kategorien_3").hover(function(){	  
		$("#kategorien_3").addClass("active_3");
		$("#overlay_1,#overlay_2,#overlay_0,#overlay_4").hide();
		$("#kategorien_1").removeClass("active_1");
		$("#kategorien_2").removeClass("active_2");
		$("#kategorien_0").removeClass("active_0");
		$("#kategorien_4").removeClass("active_4");
		$("#overlay_3").show();
		
	}, function(){
		$("#overlay_3").hide();
		$("#kategorien_3").removeClass("active_3");
		// $("body").hover(function(e){
		
		// if(e.target.id != "mainNavi" || e.target.id != "kategorien_3" || e.target.id != "overlay_3")
			// {			
			 // $("#overlay_3").hide();
			 // $("#kategorien_3").removeClass("active_3");	
			// }
		// })
		
	});
		
    $("#kategorien_4").hover(function(){
        $("#kategorien_4").addClass("active_4");	
		$("#overlay_1,#overlay_2,#overlay_3,#overlay_0").hide();
		$("#kategorien_1").removeClass("active_1");
		$("#kategorien_2").removeClass("active_2");
		$("#kategorien_3").removeClass("active_3");
		$("#kategorien_0").removeClass("active_0");
		$("#overlay_4").show();
		
	}, function(){
	 $("#overlay_4").hide();
	 $("#kategorien_4").removeClass("active_4");
		// $("body").hover(function(e){
		
		// if(e.target.id != "mainNavi" || e.target.id != "kategorien_4" || e.target.id != "overlay_4")
			// {			
			 // $("#overlay_4").hide();
			 // $("#kategorien_4").removeClass("active_4");	
			// }
		// })
	});
	
	// subNavi Overlay
    $("#sub_kategorien_0").hover(function(){
		
		clearBGImages();
	    
		$("#sub_kategorien_0").addClass("sub_kategorien_0_active");
		$("#sub_overlay_0").addClass("sub_active_0");
		$("#sub_overlay_1,#sub_overlay_2,#sub_overlay_3,#sub_overlay_4,#sub_overlay_5,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_0").show();
		
	}, function(){
		$("body").hover(function(e){
		
		//if(e.target.id != "mainNavi" || e.target.id != "kategorien_0" || e.target.id != "overlay_0")
		if(e.target.id != "sub_overlay_0" || e.target.id != "sub_kategorien_0" )
			{			
			 $("#sub_overlay_0").hide();
			 $("#sub_overlay_0").removeClass("sub_active_0");	
			 
			}
		})
		
	});
	
	 $("#sub_kategorien_1").hover(function(){

        clearBGImages();	 
	    $("#sub_kategorien_1").addClass("sub_kategorien_1_active");
		$("#sub_overlay_1").addClass("sub_active_1");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_3,#sub_overlay_4,#sub_overlay_5,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_1").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_1" || e.target.id != "sub_kategorien_1" )
			{			
			 $("#sub_overlay_1").hide();
			 $("#sub_overlay_1").removeClass("sub_active_1");	
			}
		})
		
	});
	
	$("#sub_kategorien_2").hover(function(){
        clearBGImages();
		$("#sub_kategorien_2").addClass("sub_kategorien_2_active");	
		$("#sub_overlay_2").addClass("sub_active_2");
		$("#sub_overlay_0,#sub_overlay_1,#sub_overlay_3,#sub_overlay_4,#sub_overlay_5,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_2").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_2" || e.target.id != "sub_kategorien_2" )
			{			
			 $("#sub_overlay_2").hide();
			 $("#sub_overlay_2").removeClass("sub_active_2");	
			}
		})
		
	});
	
	$("#sub_kategorien_3").hover(function(){
		clearBGImages();
		$("#sub_kategorien_3").addClass("sub_kategorien_3_active");	
		$("#sub_overlay_3").addClass("sub_active_3");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_1,#sub_overlay_4,#sub_overlay_5,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_3").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_3" || e.target.id != "sub_kategorien_3" )
			{			
			 $("#sub_overlay_3").hide();
			 $("#sub_overlay_3").removeClass("sub_active_3");	
			}
		})
		
	});
	
	$("#sub_kategorien_4").hover(function(){	
		clearBGImages();
		$("#sub_kategorien_4").addClass("sub_kategorien_4_active");	
		$("#sub_overlay_4").addClass("sub_active_4");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_3,#sub_overlay_1,#sub_overlay_5,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_4").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_4" || e.target.id != "sub_kategorien_4" )
			{			
			 $("#sub_overlay_4").hide();
			 $("#sub_overlay_4").removeClass("sub_active_4");	
			}
		})
		
	});
	
	$("#sub_kategorien_5").hover(function(){	 
		clearBGImages();
		$("#sub_kategorien_5").addClass("sub_kategorien_5_active");	
		$("#sub_overlay_5").addClass("sub_active_5");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_3,#sub_overlay_4,#sub_overlay_1,#sub_overlay_6,#sub_overlay_7").hide();
		$("#sub_overlay_5").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_5" || e.target.id != "sub_kategorien_5" )
			{			
			 $("#sub_overlay_5").hide();
			 $("#sub_overlay_5").removeClass("sub_active_5");	
			}
		})
		
	});
	
	$("#sub_kategorien_6").hover(function(){	
		clearBGImages();
		$("#sub_kategorien_6").addClass("sub_kategorien_6_active");	
		$("#sub_overlay_6").addClass("sub_active_6");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_3,#sub_overlay_4,#sub_overlay_5,#sub_overlay_1,#sub_overlay_7").hide();
		$("#sub_overlay_6").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_6" || e.target.id != "sub_kategorien_6" )
			{			
			 $("#sub_overlay_6").hide();
			 $("#sub_overlay_6").removeClass("sub_active_6");	
			}
		})
		
	});
	
	$("#sub_kategorien_7").hover(function(){	  
		clearBGImages();
		$("#sub_kategorien_7").addClass("sub_kategorien_7_active");
		$("#sub_overlay_7").addClass("sub_active_7");
		$("#sub_overlay_0,#sub_overlay_2,#sub_overlay_3,#sub_overlay_4,#sub_overlay_5,#sub_overlay_6,#sub_overlay_1").hide();
		$("#sub_overlay_7").show();
		
	}, function(){
		$("body").hover(function(e){
		
		if(e.target.id != "sub_overlay_7" || e.target.id != "sub_kategorien_7" )
			{			
			 $("#sub_overlay_7").hide();
			 $("#sub_overlay_7").removeClass("sub_active_7");	
			}
		})
		
	});
	
	$("#kategorien").hover(function(){
		$("#flyout-login").fadeOut("200");
		$("#navi li div").hide();
		clearTimeout(timer3);
		$("#dummy-input").focus();
		oldsrc = $(this).find("img").attr("src");
		$(this).find("#overlay-kategorien-1").removeClass("overlay-2-active").show();		
	}, function(){
		myObj2 = this;
		timer3 = setTimeout(function(){triggerHideAction();}, 500);
	});
	
	function triggerHideAction() {
		$(myObj2).find("#overlay-kategorien-1").fadeOut(200);
		$(myObj2).find("#overlay-kategorien-2").fadeOut(200, function(){$(myObj2).find("#overlay-kategorien-2").removeClass();});
		$("#overlay-kategorien-1 a").removeClass("hover");
	}
	function triggerKategorienAction() {
		
		myClass = $(myObj).attr("class");
		$("#overlay-kategorien-1 a").removeClass("hover");
		$(myObj).addClass("hover");
		$("#overlay-kategorien-2").show();
		$("#overlay-kategorien-2").removeClass();
		$("#overlay-kategorien-2").addClass(myClass);
		$("#overlay-kategorien-1").addClass("overlay-2-active");
	}
	
	$("#overlay-kategorien-1 a.c01").mouseover(function() {
		myObj = this;
		timer = setTimeout(function(){triggerKategorienAction();}, 250);
	 }).mouseout(function() { 
		clearTimeout(timer);
	});
	
	$("#marken").hover(function(){
		$("#flyout-login").fadeOut("200");
		$("#navi li div").hide();
		clearTimeout(timer3);
		triggerHideAction();
		$("#dummy-input").focus();
		//oldsrc = $(this).find("img").attr("src");
		//$(this).find("img").attr("src", "images/btn-filiale-h.png");
		$(this).find("#overlay-marken").show();
		$(this).find("#marken-hover").show();
	}, function(){
	 //	$(this).find("img").attr("src", oldsrc);
		myObj = this;
		timer3 = setTimeout(function(){triggerHideAction02();}, 500);
	});
	
	function triggerHideAction02()
	{
		$(myObj).find("#overlay-marken").fadeOut("200");
		$(myObj).find("#marken-hover").fadeOut("200");
	}
	 
	
	// Filial Overlay
	/*
	$("#filiale").hover(function(){
		$("#dummy-input").focus();
		oldsrc = $(this).find("img").attr("src");
		$(this).find("img").attr("src", "images/btn-filiale-h.png");
		$(this).find("#overlay-filiale").show();
		
	}, function(){
		$(this).find("img").attr("src", oldsrc);
		$(this).find("#overlay-filiale").hide();		
	}); */
	
	//Buehnen wechseln
	$("#buehne-navi ul li img").mouseover(function() {
		StopInterval();
		nr = $(this).parent("li").index();
		timer2 = setTimeout(function(){triggerBuehneAction(nr);}, 350 );
	}).mouseout(function(){
		clearTimeout(timer2);
		
		Interval();
		});
	
	$("#buehne-left, #buehne, #kategorien").mouseover(function(){
		StopInterval();
	}).mouseout(function(){Interval();});
	
	// Animierter Teaser Hover
	
	$("#ani-foto").hover(function(){
		
		//$(this).attr("src", "images/teaser-foto-ani.gif");
		
	}, function(){
		//(this).attr("src", "images/teaser-foto.png");
	});
	
	$("#ani-aqua").hover(function(){
		
		$(this).attr("src", "images/teaser-aqua-h.png");
		
	}, function(){
		$(this).attr("src", "images/teaser-aqua.png"); 
	});
	
	// Initialisiere InfiniteCarousel
	if($("#empfehlungen").length > 0)
	{
		$('.infiniteCarousel').scroller(); 
	}
	else
	{
		$('.infiniteCarousel').scroller(); 	
	}
	
	function triggerBuehneAction(nr){
		
		count = nr+1;
		
		if(typeof(nr) != 'undefined')
		{
			myObj = $("#buehne-navi ul li img").get(nr);
		}
		var height = 312;
		
		var calc = -1 * (nr * height);
		var calcToString = "" + calc + "px";
		
		$("#buehne-animated").stop().animate({
			top: calcToString
		  }, 600, function() { checkForLast(nr);
		  });
		var myClass = $(myObj).attr("class");
		var content = $("#"+ myClass).html();
		
		var content = $($(".buehne-content").get(nr%8)).html();
		
		$("#buehne").fadeOut(200, function(){ $("#buehne").html(content).fadeIn(400); });
		
		switch(myClass) {
		
		case "buehne-1" : 
			$("#kategorien img").attr("src", "images/btn-kategorien.png");
			$("#buehne-bg").css("background-color", "#0094d1");
			break;
		case "buehne-2" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-2.png");
			$("#buehne-bg").css("background-color", "#b0b400");
			break;
		case "buehne-3" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-3.png");
			$("#buehne-bg").css("background-color", "#ffb700");
			break;
		case "buehne-4" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-4.png");
			$("#buehne-bg").css("background-color", "#f40773");
			break;
		case "buehne-5" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-5.png");
			$("#buehne-bg").css("background-color", "#7b2864");
			break;
		case "buehne-6" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-6.png");
			$("#buehne-bg").css("background-color", "#0091a2");
			break;
		case "buehne-7" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-7.png");
			$("#buehne-bg").css("background-color", "#b7214c");
			break;
		case "buehne-8" : 
			$("#kategorien img").attr("src", "images/btn-kategorien-8.png");
			$("#buehne-bg").css("background-color", "#004692");
			break;
		}
	}
	
	
	function checkForLast(nr) {
		if(nr == 8)
		{
			$("#buehne-animated").css({top :   0 });
			count = 1;
		}
	}
	
	
	// Suche Overlay
	$("#suche-input").focusin(function(){
		$(this).val("");
		$("#overlay-suche").show();
	}).focusout(function(){
		//$(this).val("Suche");
		$("#overlay-suche").hide();
	});
	
	
	var interval;
	var intervalIsOn = 0;
	var count = 1;
	Interval();
	
	
	function StopInterval() {
		if (intervalIsOn == 1)
		{
			clearInterval(interval);
			intervalIsOn = 0;
		}
	}
	
	function Interval() {
		
		if(intervalIsOn == 0) { 
			intervalIsOn = 1;	
			interval = setInterval(function(){
				triggerBuehneAction(count);
			}, 4000); 
		}
	}
	
	
	
	
	$('#card').mouseenter(function() {
		$('#card').addClass("card flipped");
	});
	
	$('#backside').mouseout(function() {
		$('#card').removeClass("flipped");
	});
	
	//tooltip
	$("#tooltip-01").hover(function(){
		
		$("#mouseover-01").fadeIn(200);
		
	}, function(){
		$("#mouseover-01").fadeOut(200);
	});
	
	$("#advantage-01").hover(function(){
		
		$("#advantage-m01").fadeIn(200);
		
	}, function(){
		$("#advantage-m01").fadeOut(200);
	});
	$("#advantage-02").hover(function(){
		
		$("#advantage-m02").fadeIn(200);
		
	}, function(){
		$("#advantage-m02").fadeOut(200);
	});
    $("#advantage-03").hover(function(){
		
		$("#advantage-m03").fadeIn(200);
		
	}, function(){
		$("#advantage-m03").fadeOut(200);
	});
	
	$("#advantage-04").hover(function(){
		
		$("#advantage-m04").fadeIn(200);
		
	}, function(){
		$("#advantage-m04").fadeOut(200);
	});
	
	// Cardflip
	function flip (event)
	{
		var element = event.currentTarget;
		element.className = 'card flipped';
	}

	function flipback (event)
	{
		var element = event.currentTarget;
		element.className = 'card';
	}
	
	
	//login
	$("#flyout-email").focusin(function(){
		$(this).val("");
		
	}).focusout(function(){
		if ($(this).val() == "")
			$(this).val("E-Mail Adresse");
	});
	$("#lostPassword").click(function(){
		$("#flyout-login").fadeOut("200");
		$("#flyout-lostpw").show();
	});
	$("#flyout-username").focusin(function(){
		$(this).val("");
		
	}).focusout(function(){
		if ($(this).val() == "")
			$(this).val("Name, E-Mail oder Mobilfunknummer");
	});
	$("#flyout-password").focusin(function(){
		$(this).val("");
		
	}).focusout(function(){
		if ($(this).val() == "")
			$(this).val("Passwort");				
	});
	
	$("#loginArrowOut").click(function(){
		if ($("#flyout-login").is(":visible") == false)
		{
			$("#flyout-login").show();
		}
		else
		{
			$("#flyout-login").hide();
		}	
	});
	$("#loginArrowIn").click(function(){
		if ($("#flyout-login").is(":visible") == false)
		{
			$("#flyout-login").show();
		}
		else
		{
			$("#flyout-login").hide();
		}	
	});
	$("#loginArrowIn2").click(function(){
		if ($("#flyout-lostpw").is(":visible") == false)
		{
			$("#flyout-lostpw").show();
		}
		else
		{
			$("#flyout-lostpw").hide();
		}	
	});
	$("#loginOut").click(function(){
		if ($("#flyout-login").is(":visible") == false)
		{
			$("#flyout-login").show();
		}
		else
		{
			$("#flyout-login").hide();
		}	
	});
	$("#loginIn").click(function(){
		if ($("#flyout-login").is(":visible") == false)
		{
			$("#flyout-login").show();
		}
		else
		{
			$("#flyout-login").hide();
		}	
	});
	$("#loginIn2").click(function(){
		if ($("#flyout-lostpw").is(":visible") == false)
		{
			$("#flyout-lostpw").show();
		}
		else
		{
			$("#flyout-lostpw").hide();
		}	
	});
	$("body").click(function(e){
if(e.target.id != "flyout-login" && e.target.id != "spacer18" && e.target.id != "flyout-over" && e.target.id != "loginForm" && e.target.id != "flyout-username" 
	&& e.target.id != "loginButton1" && e.target.id != "flyout-password" && e.target.id != "loginOut" && e.target.id != "loginArrowOut" && e.target.id != "loginIn" 
	&& e.target.id != "loginArrowIn" && e.target.id != "loginPassword" && e.target.id != "loginButtonArea" && e.target.id != "loginButton"  
	&& e.target.id != "articleRecoTHX"  
	&& e.target.id != "recoInput1" && e.target.id != "recoInput2" && e.target.id != "recoInput3" && e.target.id != "recoInput4" && e.target.id != "recoInput5" && e.target.id != "recoInput6"   
	&& e.target.id != "lostPassword"  && e.target.id != "flyout-email" && e.target.id != "innerflyout" && e.target.id != "recoArticle" && e.target.id != "articleReco")
	{
	
	$("#flyout-login").fadeOut("200");
	$("#flyout-lostpw").fadeOut("200");
	$("#articleReco").hide();
	$("#articleRecoTHX").hide();
	}
;});
	
	//Kategorien-Header
	$(".kategorie-item").hover(function(){
		
		
		var str = $(this).attr('class').split(" ");
		$('#kategorie-header').removeClass().addClass(str[1]);
	});
	



	

			
	
	
});