function tagMenu(){
  var $menu = document.getElementById("menu");
  $menu.id="menujs";
  var $li = $menu.getElementsByTagName("li");
  
  for(var i=0;i<$li.length;i++){
    addListener($li[i],"mouseover", mouseIn, false);
    addListener($li[i],"mouseout", mouseOut, false);
  }
}

function mouseIn(e, $src){
  if($src==null){
    $src = this;
  }
  if($src["timeoutout"]==null){
  $src["timeoutin"] = setTimeout(function(){addHover($src)}, 250)
  }else{
    clearTimeout($src["timeoutout"]);
    $src["timeoutout"]=null;
  }
}

function mouseOut(e, $src){
  if($src==null){
    $src = this;
  }
  if ($src["timeoutin"]==null){
  $src["timeoutout"] = setTimeout(function(){removeHover($src)}, 250);
  }else{
   clearTimeout($src["timeoutin"]);
   $src["timeoutin"]=null;
  }
}

function addHover($obj){
  if($obj.className==""){
    $obj.className="hover";
  }else{
    $obj.className+=" hover";
  }
  $obj["timeoutin"]=null;
}

function removeHover($obj){
  if ($obj.className.match("hover")){
    $obj.className = $obj.className.replace("hover", "").trim();
  }
  $obj["timeoutout"] = null;
}

addLoadEvent(tagMenu);