$(document).ready(function(){

  var ddHide = false;
  
  //SeclectBoxes
  
  $(".selectBoxBtn").click(function(){
    $(this).next().toggle();
    
    var selectContent = $(this).next();
    ddHide = setTimeout(function(){
      $(selectContent).hide();
    }, 3000);
    
    return false;
  });
  
  $(".selectBoxContent").mouseleave(function(){
    var selectContent = $(this);
    ddHide = setTimeout(function(){
      $(selectContent).hide();
    }, 3000);
  });
  
  $(".selectBoxContent").mouseenter(function(){
    clearTimeout(ddHide);
  })
                  
    // MeineMcard/Suche Dropdown 
    
    $(".openLogin").click(function(){
      $(".openSearch").removeClass("active");
      $("#searchMenu").hide();
      $(this).toggleClass("active");
      $("#loginMenu").toggle();
      return false;
    });
    
    $(".openSearch").click(function(){
      $(".openLogin").removeClass("active");
      $("#loginMenu").hide();
      $(this).toggleClass("active");
      $("#searchMenu").toggle();
      return false;
    });
    
    $("#meineMcard, #loginMenu").mouseenter(function(){ 
      clearTimeout(ddHide);
    });
    
    $("#meineMcard").mouseleave(function(){
      ddHide = setTimeout(function(){
        $(".openLogin").removeClass("active");
        $("#loginMenu").hide();
      }, 700);
    });
    
    $("#suche, #searchMenu").mouseenter(function(){ 
      clearTimeout(ddHide);
    });
    
    $("#suche").mouseleave(function(){
      ddHide = setTimeout(function(){
        $(".openSearch").removeClass("active");
        $("#searchMenu").hide();
      }, 700);
    });
    
    // Error Box
    
    $(".openError").click(function(){ // Jedes Element das die Klasse .openError zugewiesen bekommt, öffnet auf Klick die Error Box
      $("#overlayBg").fadeIn(300, function(){
        $("#overlayBox").fadeIn(300);
      });
    });
    
    $("#overlayClosure").click(function(){
      $("#overlayBox").fadeOut(300, function(){
        $("#overlayBg").fadeOut(100);
      });
    });
    
    // Footer Links
    
    $("#footerLinks a").hover(
      function(){
        $(this).stop().animate({ opacity: 1 });
      }, 
      function(){
        $(this).stop().animate({ opacity: 0.3 });
    });
      
     // Submenu
     
     $(".submenu li").click(function(){
         window.location=$(this).find("a").attr("href");
         return false;
    });
     
     // reset input
     /*
     $("form input[type=text], form input[type=password]").focus(function(){
       if($(this).val() == "Bitte eingeben…")
         $(this).val(""); 
     });
     
     $("form input[type=text], form input[type=password]").blur(function(){
       if($(this).val() == "")
         $(this).val("Bitte eingeben…");
     });
     */
     
     // clear password fields
     $("form input[type=password]").each(function(){
       $(this).val("");
     });
     
     // Combobox : set value
     $(".selectBoxContent a").click(function(){
       var selectbox = $(this).parent().parent().parent().parent();
       $(selectbox).children(".selectBoxContent").hide();
       var selectedValue = $(this).text();
       if (selectedValue=='\u00A0') {
         selectedValue="";
       }
       $(selectbox).children("input[type=text]").val(selectedValue);
     })
     
    // Tab Boxes

    $( ".tabBox" ).tabs({ selected: 0});
     
    // Loginbox oeffnen und M-Card-Nummer automatisch eintragen (fuer Newsletter gedacht)
    var urlPath = document.URL;
    var urlSuche = urlPath.search("mcardNumber=");
    if( urlSuche != -1 ) {
        var mcardNummer = urlPath.split("mcardNumber=")[1].split("?")[0].split(".")[0];
        $("#loginMenu").css("display","block");
        $("#kartenNummer").val(mcardNummer);
    }
    
    // Seite zentrieren
  
  function windowResize () {
    var seitenbreite = 990;
    var fensterbreite = $(window).width();
    if(fensterbreite < seitenbreite) {
      $("#indexWrapper").css({
        "margin-left": -495+(seitenbreite-fensterbreite)/2
      });
      $("#mainTeaser .orbit-wrapper").css({
        "margin-left": -800+(seitenbreite-fensterbreite)/2
      });
    }
  }

  windowResize();
  $(window).resize(function () {
    windowResize();
  });
});


