$(function(){
  
  $('#spec_nav a').click( function(event) {

    $("#spec_nav a").removeClass("spec-nav-selected");
    
    
    // ist der Layer des selektierten Links noch nicht offen, wird er eingeblendet, alle anderen geschlossen, Klassen gesetzt (für offenen Status)
    if($(this).next().css("display")=="none"){
      $('.product_layer').hide();
      $(this).next().show();
      $(this).removeClass("spec-nav-level-1");
      $(this).addClass("spec-nav-selected");
    } else {
      // Wenn der Layer offen ist, wird er beim Klick geschlossen und der Link auf geschlossenen Status gesetzt
      $(this).next().hide();
      $(this).removeClass("spec-nav-selected");
      $(this).addClass("spec-nav-level-1");
    }
    
    // Wenn kein Sublayer vorhanden ist, löscht es alle noch offenen Layers
    if (!$(this).next().css("display"))
      $('.product_layer').hide();
    
  });
  
  $('#company_nav a').click( function(event) {

    if($(this).next().css("display")=="none"){
      $('#company_nav_link').addClass("company_nav_opened");
      $(this).next().slideDown("fast");
    } else {
      $('#company_nav_link').removeClass("company_nav_opened");
      // $('#company_nav_inner').slideUp("fast");
    }
  });
  
  // $("#company_nav_inner ul li").hover(
  //    function () {
  //      $(this).wrapInner($("<span> ***</span>"));
  //    }, 
  //    function () {
  //      $(this).find("span:last").remove();
  //    }
  // );  
  

  
});