var objLevel3Id = '';
var objLevel4Id = '';
var idHoverLevel4 = '';
var idHoverLevel3 = '';
var idHoverLevel3_act = 0;
var idHoverLevel2 = '';
var idHoverLevel2_act = 0;

function clickOverlay(){
  if(objLevel3Id != ''){
    tmp_objLevel3 = document.getElementById(objLevel3Id);
    erster = tmp_objLevel3.firstChild;
    while(erster != null){
      if(erster.className == 'item3_4_over' || erster.className == 'item3_4_hover'){
        erster.className = 'item3_4_no';
      }
      erster = erster.nextSibling;
    }
    tmp_objLevel3.style.top = '40px';
  }
  if(objLevel4Id != ''){
    tmp_objLevel4 = document.getElementById(objLevel4Id);
    erster = tmp_objLevel4.firstChild;
    while(erster != null){
      if(erster.className == 'item3_4_over' || erster.className == 'item3_4_hover'){
        erster.className = 'item3_4_no';
      }
      erster = erster.nextSibling;
    }
    tmp_objLevel4.style.top = '0px';
  }
  if(idHoverLevel2 != ''){
    item_alt = document.getElementById(idHoverLevel2);
    item_inner_alt = document.getElementById(idHoverLevel2+'_inner');
    item_alt.className = 'item2';
    item_inner_alt.className = 'item2_inner';
  }
  cookieWert = document.cookie;
  wert = cookieWert.slice(cookieWert.indexOf("Level3"),cookieWert.length);
  wert = wert.split(";",1);
  wert_level3 = wert[0].substring(7);
  wert = cookieWert.slice(cookieWert.indexOf("Level4"),cookieWert.length);
  wert = wert.split(";",1);
  wert_level4 = wert[0].substring(7);
  if(wert_level3 != ''){
    old_objLevel3Id = wert_level3;
    erster = document.getElementById(old_objLevel3Id).firstChild;
    while(erster != null){
      if(erster.className == 'item3_4_over' || erster.className == 'item3_4_hover'){
        erster.className = 'item3_4_no';
      }
      erster = erster.nextSibling;
    }
    document.getElementById(old_objLevel3Id).className = 'menu_3level';
    document.getElementById(old_objLevel3Id).style.top = '40px';
  }
  if(wert_level4 != ''){
    old_objLevel4Id = wert_level4;  
    erster = document.getElementById(old_objLevel4Id).firstChild;
    while(erster != null){
      if(erster.className == 'item3_4_over' || erster.className == 'item3_4_hover'){
        erster.className = 'item3_4_no';
      }
      erster = erster.nextSibling;
    }
    document.getElementById(old_objLevel4Id).className = 'menu_4level';
    document.getElementById(old_objLevel4Id).style.top = '0px';
  }
  manageOverlay();
}

function manageOverlay(param){
  if(param == 1){
   hoehe = document.getElementById('contentDiv').offsetHeight;
   document.getElementById('overlay').style.height = hoehe+'px';
   document.getElementById('overlay').style.display = '';
  }
  else{
    document.getElementById('overlay').style.display = 'none';
  }
}

function loadCookie(){
  cookieWert = document.cookie;
  wert = cookieWert.slice(cookieWert.indexOf("Level3"),cookieWert.length);
  wert = wert.split(";",1);
  wert_level3 = wert[0].substring(7);
  wert = cookieWert.slice(cookieWert.indexOf("Level4"),cookieWert.length);
  wert = wert.split(";",1);
  wert_level4 = wert[0].substring(7);
  if(wert_level3 != ''){
    objLevel3Id = wert_level3;
  }
  if(wert_level4 != ''){
    objLevel4Id = wert_level4;
  }
}

function setCookie(){
  document.cookie = "Level3="+objLevel3Id;
  document.cookie = "Level4="+objLevel4Id;
  manageOverlay();
}

function clearCookie(){
  temp = '';
  document.cookie = "Level3="+temp;
  document.cookie = "Level4="+temp;
  manageOverlay();
}

function positionMenu(item, box){
    position = document.getElementById(item).offsetTop;
    hoehe = box.offsetHeight;
    hoehe = hoehe/2-11;
    position = position - hoehe;
    box.style.position= 'absolute';
    box.style.left = '292px';
    box.style.top = position+'px';
}

function hoverLevel2(id){
  if(objLevel3Id != ''){
    objLevel3 = document.getElementById(objLevel3Id);
    objLevel3.className = 'menu_3level_hidden';
  }
  if(objLevel4Id != ''){
    objLevel4 = document.getElementById(objLevel4Id);
    objLevel4.className = 'menu_4level_hidden';
  }
  if(document.getElementById('pid_'+id)){
    manageOverlay(1);
    objLevel3Id = 'pid_'+id;
    objLevel3 = document.getElementById(objLevel3Id);
    erster = objLevel3.firstChild;
    if(erster.className != 'item3_4_over'){
      while(erster != null){
        if(erster.className == 'item3_4_no'){
          erster.className = 'item3_4_over';
        }
        erster = erster.nextSibling;
      }
    }
    
    if(idHoverLevel3 != ''){
      item_alt = document.getElementById(idHoverLevel3);
      item_inner_alt = document.getElementById(idHoverLevel3+'_inner');
      item_alt.className = 'item3_4_over';
      item_inner_alt.className = 'item2_inner';  
    }
    objLevel3.className = 'menu_3level';
    positionMenu(id, objLevel3);
    
  }
  else{
    manageOverlay();
  }
  if(idHoverLevel2 != ''){
    item_alt = document.getElementById(idHoverLevel2);
    item_inner_alt = document.getElementById(idHoverLevel2+'_inner');
    item_alt.className = 'item2';
    item_inner_alt.className = 'item2_inner';
  }
  idHoverLevel2 = id;
  item_temp = document.getElementById(idHoverLevel2);
  item_inner = document.getElementById(idHoverLevel2+'_inner');
  if(idHoverLevel2_act == 1){
    item_temp.className = 'item2_act';
    idHoverLevel2_act = 0;
  }
  else{
    item_temp.className = 'item2_hover';
  }
  item_inner.className = 'item2_inner_act';
}

function hoverLevel2_act(id){
  idHoverLevel2_act = 1;
  hoverLevel2(id);
  idHoverLevel2 = '';
}

function hoverLevel3(id){
  if(objLevel4Id != ''){
    objLevel4 = document.getElementById(objLevel4Id);
    objLevel4.className = 'menu_4level_hidden';
  }
  if(document.getElementById('pid_'+id)){
    objLevel4Id = 'pid_'+id;
    objLevel4 = document.getElementById('pid_'+id);
    erster = objLevel4.firstChild;
    while(erster != null){
      if(erster.className != 'item3_4_act'){
        if(erster.className != 'item2_actLine'){
          erster.className = 'item3_4_over';
        }
      }
      erster = erster.nextSibling;
    }
    if(idHoverLevel4 != ''){
      item_alt = document.getElementById(idHoverLevel4);
      item_inner_alt = document.getElementById(idHoverLevel4+'_inner');
      item_alt.className = 'item3_4_over';
      item_inner_alt.className = 'item2_inner'; 
    }
    objLevel4.className = 'menu_4level';
    positionMenu(id, objLevel4);
  }
  if(idHoverLevel3 != ''){
    item_alt = document.getElementById(idHoverLevel3);
    item_inner_alt = document.getElementById(idHoverLevel3+'_inner');
    item_alt.className = 'item3_4_over';
    item_inner_alt.className = 'item2_inner';    
  }
  idHoverLevel3 = id;
  item_temp = document.getElementById(idHoverLevel3);
  item_inner = document.getElementById(idHoverLevel3+'_inner');
  if(idHoverLevel3_act == 1){
    item_temp.className = 'item3_4_act';
    idHoverLevel3_act = 0;
  }
  else{
    item_temp.className = 'item3_4_hover';
  }
  item_inner.className = 'item2_inner_act';
}

function hoverLevel3_act(pid, id){
  manageOverlay(1);
  objLevel3Id = 'pid_'+pid;
  objLevel3 = document.getElementById('pid_'+pid);
  erster = objLevel3.firstChild;
  if(erster.className != 'item3_4_over'){
    while(erster != null){
      if(erster.className == 'item3_4_no'){
        erster.className = 'item3_4_over';
      }
      erster = erster.nextSibling;
    }
  }
  idHoverLevel3_act = 1;
  hoverLevel3(id);
  idHoverLevel3 = '';
}

function hoverLevel4(id){
  if(idHoverLevel4 != ''){
    item_alt = document.getElementById(idHoverLevel4);
    item_inner_alt = document.getElementById(idHoverLevel4+'_inner');
    item_alt.className = 'item3_4_over';
    item_inner_alt.className = 'item2_inner';
  }
  idHoverLevel4 = id;
  item_temp = document.getElementById(idHoverLevel4);
  item_inner = document.getElementById(idHoverLevel4+'_inner');
  item_temp.className = 'item3_4_hover';
  item_inner.className = 'item2_inner_act';
}

function hoverLevel4_act(pid){
  manageOverlay(1);
  objLevel4Id = 'pid_'+pid;
  objLevel4 = document.getElementById('pid_'+pid);
  erster = objLevel4.firstChild;
  while(erster != null){
    if(erster.className != 'item3_4_act'){
      if(erster.className != 'item2_actLine'){
        erster.className = 'item3_4_over';
      }
    }
    erster = erster.nextSibling;
  }
  if(idHoverLevel4 != ''){
    item_alt = document.getElementById(idHoverLevel4);
    item_inner_alt = document.getElementById(idHoverLevel4+'_inner');
    item_alt.className = 'item3_4_over';
    item_inner_alt.className = 'item2_inner';
  }
  idHoverLevel4 = '';
}