var act_id = 0;
  window.onload = function() {
    //get the current page-uid
    act = document.getElementById('act-a');
    if(act) {
      act_id = act.className;
    }
  }
  function navi_hover(id,hover,method) {
    //get trough the nav li elements and search the li before and the li after the current hover element
    act_li = 'li_'+id;
    ul = document.getElementById('navi');
    i=0;
    while(ul.childNodes[i]) {
      if(ul.childNodes[i].nodeType==1) {
        act_ul_id = ul.childNodes[i].id;
        if(act_ul_id==act_li) {
          //actual hover element - get Parent and next li
          after = ul.childNodes[i].nextSibling;
          after_id = after.id;
          if(after_id==hidden_li)
            after = after.nextSibling;
          before = ul.childNodes[i].previousSibling;
        }
      }
      i++;
    } 
    //check if before or after has bg-position set
    after_id = after.id;
    before_id = before.id;    
    if(method=='hover') {
      if(after_id=="act_before") { 
        //next Menu is active 
        after.style.backgroundPosition = '0px -78px';
      } 
      else
        after.style.backgroundPosition = '0px -52px';
      if(before_id=="act_after") { 
        //previous Menu is active
        before.style.backgroundPosition = '0px -78px';
      }
      else
        before.style.backgroundPosition = '0px -26px';
      hover.style.backgroundPosition = 'bottom';  
    }
    else {
      if(after_id=="act_before") { 
        //next Menu is active 
        after.style.backgroundPosition = '0px -26px';
      } 
      else
        after.style.backgroundPosition = '0px 0px';
      if(before_id=="act_after") { 
        //previous Menu is active
        before.style.backgroundPosition = '0px -52px';
      }
      else
        before.style.backgroundPosition = '0px 0px';
      hover.style.backgroundPosition = 'top';  
    }  
  }