function homeInit(){
  if(document.getElementById("level2")){
    var level1 = document.getElementById("level1").getElementsByTagName("a");
    var level2ULs = document.getElementById("level2").getElementsByTagName("ul");
    var divNumLevel2 = document.getElementById("level2").getElementsByTagName("div");
    for (i = 0; i < level2ULs.length; i++) {
      level2ULs[i].setAttribute("id", "ul_" + i);
    }
    for(d = 0, v = 0; d < divNumLevel2.length; d++){
      if(divNumLevel2[d].className == "outer") {
        divNumLevel2[d].setAttribute("id", "number_"+v);
        v++;
      }
    }
    for(d = 0; d < level2ULs.length ; d++){
      $(level2ULs[d]).children("li:eq(3)").css("margin-right", "0");
      $(level2ULs[d]).children("li:eq(3)").css("width", "173px");
      $(level2ULs[d]).children("li:eq(3)").children("a").css("width", "165px");
      $(level2ULs[d]).children("li:eq(7)").css("margin-right", "0");
      $(level2ULs[d]).children("li:eq(7)").css("width", "173px");
      $(level2ULs[d]).children("li:eq(7)").children("a").css("width", "165px");
      $(level2ULs[d]).children("li:eq(11)").css("margin-right", "0");
      $(level2ULs[d]).children("li:eq(11)").css("width", "173px");
      $(level2ULs[d]).children("li:eq(11)").children("a").css("width", "165px");
    }
  }
  if(document.getElementById("level2") == null){
    //document.getElementById("level3").style.display = "none";
  }
}

window.onload = homeInit;
function level1Link(){
  //test
}

// Jquery part
$(document).ready(function() {
jQuery.fn.extend({
  scrollTo : function(speed, easing) {
    return this.each(function() {
      var targetOffset = $(this).offset().top;
      $('html,body').animate({scrollTop: targetOffset}, speed, easing);
    });
  }
});

  // Level1 active status
  /*$("#level1 div").click( function() {
    if ($("#level1 div").hasClass("active")) {
      $("#level1 div").removeClass("active");
    }
      $(this).addClass("active");
    }
  );*/

  // Level2 active status
  $(".level2-item li").click( function() {
      $(".level2-item li").removeClass("active");
      $(this).addClass("active");
      $(this).children("a").children("img.active_arrow").fadeIn("slow");
      $('#level2').scrollTo(900);
    }
  );
  
  if(document.getElementById("level2")){
    $("#level1 a").click( function() {
        $('#level1').scrollTo(600);
      }
    );
  }
  
  
  $("#level1 a").hover( function() {
      $(this).addClass("hover");
    },
    function() {
      $(this).removeClass("hover");
  });
  
  if(document.getElementById("level2")){
    var level2ULs = document.getElementById("level2").getElementsByTagName("ul");
    for(d = 0; d < level2ULs.length; d++){
      $(level2ULs[d]).children("li:eq(0)").children("a").children(".active_arrow").css("left", "73px");
      $(level2ULs[d]).children("li:eq(1)").children("a").children(".active_arrow").css("left", "265px");
      $(level2ULs[d]).children("li:eq(2)").children("a").children(".active_arrow").css("left", "457px");
      $(level2ULs[d]).children("li:eq(3)").children("a").children(".active_arrow").css("left", "649px");
      $(level2ULs[d]).children("li:eq(4)").children("a").children(".active_arrow").css("left", "73px");
      $(level2ULs[d]).children("li:eq(5)").children("a").children(".active_arrow").css("left", "265px");
      $(level2ULs[d]).children("li:eq(6)").children("a").children(".active_arrow").css("left", "457px");
      $(level2ULs[d]).children("li:eq(7)").children("a").children(".active_arrow").css("left", "649px");
      $(level2ULs[d]).children("li:eq(8)").children("a").children(".active_arrow").css("left", "73px");
      $(level2ULs[d]).children("li:eq(9)").children("a").children(".active_arrow").css("left", "265px");
      $(level2ULs[d]).children("li:eq(10)").children("a").children(".active_arrow").css("left", "457px");
      $(level2ULs[d]).children("li:eq(11)").children("a").children(".active_arrow").css("left", "649px");
      $(level2ULs[d]).children("li:eq(12)").children("a").children(".active_arrow").css("left", "73px");
    }
  }
});


function level1ActiveStatus(){
    var level1 = document.getElementById("level1").getElementsByTagName("a");
    for(y = 0; y < level1.length; y++){
      level1[y].className = "";
    }
}

function level2ActiveStatus(){
  if(document.getElementById("level2")){
    var level2ULs = document.getElementById("level2").getElementsByTagName("ul");
    var level1 = document.getElementById("level1").getElementsByTagName("a");
    var elements = new Array();
    var liElements = new Array();
    for(x = 0; x < level2ULs.length; x++){
      var g = x + 1;
      elements[x] = new Object();
      elements[x]["Li"] = level2ULs[x].getElementsByTagName("li");
      elements[x]["Level3Elements"] = document.getElementById("level3-"+g).childNodes;
      
      for(z = 0; z < elements[x]["Li"].length; z++){
        //.. checken, ob es Kategorien gibt
        
        // blende alle Produkte aus, die nicht zur ausgew. Kat. gehören
        if(elements[x]["Li"][z].className != "active"){
          $(elements[x]["Li"][z]).children("a").children("img.active_arrow").fadeOut("slow");
          
          for(y = 0, f = z+1; y < elements[x]["Level3Elements"].length; y++){
            if(elements[x]["Level3Elements"][y].className == "teaser_nr_" + f){
              $(elements[x]["Level3Elements"][y]).css("position", "absolute");
              $(elements[x]["Level3Elements"][y]).hide();
            }
          }
        }
        // blende richtige Produkte ein
        if(elements[x]["Li"][z].className == "active"){
          for(y = 0, f = z+1; y < elements[x]["Level3Elements"].length; y++){
            if(elements[x]["Level3Elements"][y].className == "teaser_nr_" + f){
              $(elements[x]["Level3Elements"][y]).css("position", "relative");
              $(elements[x]["Level3Elements"][y]).fadeIn("slow");
              //document.getElementById("foot").innerHTML = elements[x]["Level3Elements"][y].nodeValue;
            }
          }
        }
      }
    }
  }
}

function showCategories() {
  if(document.getElementById("level2")){
    var level1 = document.getElementById("level1").getElementsByTagName("a");
    var level2ULs = document.getElementById("level2").getElementsByTagName("ul");
  
    /* alle Listen ausblenden */
    for(i = 0; i < level1.length; i++){
      $(document.getElementById("number_" + i)).css("position", "absolute");
      if(level1[i].className != "active"){
        $(document.getElementById("ul_"+ i)).children("li").removeClass("active");
        $(document.getElementById("ul_"+ i)).children("li").children("a").children(".active_arrow").fadeOut("fast");
        $(document.getElementById("number_" + i)).fadeOut("fast");
        $(document.getElementById("level3-" + (i+1))).children("div").slideUp("slow");
        $(level1[i]).children(".active_arrow").fadeOut("slow");
      }
      document.getElementById("number_" + i).className = "outer";
    }
    /* und nur die passende Liste auswählen  */
    for(i = 0; i < level1.length; i++){
      if(level1[i].className == "active"){
        //window.setTimeout('hallo()', 600);
        $(document.getElementById("number_" + i)).css("position", "relative");
        $(document.getElementById("number_" + i)).fadeIn("slow");
        $("#level1").children("a.active").children(".active_arrow").fadeIn("slow");
        document.getElementById("number_" + i).className = "outer active";
      }
    }
  }
  if(document.getElementById("level2") == null){
    if(document.getElementById("level3")){
      var level1 = document.getElementById("level1").getElementsByTagName("a");
      for(i = 0; i < level1.length; i++){
        if(level1[i].className != "active"){
          $(document.getElementById("level3-" + (i+1))).children("div").css("position", "absolute");
          $(document.getElementById("level3-" + (i+1))).children("div").hide();
        }
      }
      for(i = 0; i < level1.length; i++){
        if(level1[i].className == "active"){
          $(document.getElementById("level3-" + (i+1))).children("div").css("position", "relative");
          $(document.getElementById("level3-" + (i+1))).children("div").fadeIn("slow");
        }
      }
    }
  }
}