sfHover = function() {
  if(document.getElementById("hauptnavi")){
  	var sfEls = document.getElementById("hauptnavi").getElementsByTagName("LI");
  	for (var i=0; i<sfEls.length; i++) {
  		sfEls[i].onmouseover=function() {
  			this.className+=" sfhover";
  		}
  		sfEls[i].onmouseout=function() {
  			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  		}
  	}
  }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

$(document).ready(function() {
  slidemenu();
});

function slidemenu(){
  
  $('li.slidemenu').each(function(index) {
      $(this).bind('mouseenter', function() {        
        $(this).children("ul").css("left","20px").css("width","0px");
        //$(this).children("ul").css("left","-100px")
        //$(this).children("ul").css("zIndex","-3");              
        $(this).children("ul").animate({left: "20px",width: "198px"},400, function() {          
          //$('li.slidemenu ul').css("zIndex","0");
          $('li.slidemenu ul').not($(this)).css("left","-999em");
          //console.log("over");          
        });        
      });
      
      $(this).bind('mouseleave', function() {
        $(this).children("ul").css("left","-999em");              
        //$('li.slidemenu ul').not($(this)).css("left","-999em");
        //$('li.slidemenu ul').css("zIndex",0);
        //console.log("out");      
      });
            
  });

}