
	sfHover = function() {
	var sfEls = document.getElementById("menuSideMenu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
       
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
      
   var subels =   this.getElementsByTagName("LI");

   var subul = this.childNodes[1];
   if(subul!=null)
   {

 subul.style.position ="absolute";
  subul.style.top =getAbsoluteTop(subul)-subul.clientHeight-this.clientHeight+2;
  }
		}
		sfEls[i].onmouseout=function() {
		
   var subul = this.childNodes[1];
      if(subul!=null)
   {
      subul.style.position ="";
  subul.style.top ="";

  }
  	this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
   
	}
 
	}
  function getAbsoluteTop(o) {
     oTop = o.offsetTop            // Get top position from the parent object
     while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
          oParent = o.offsetParent  // Get parent object reference
          oTop += oParent.offsetTop // Add parent top position
          o = oParent
     }
     return oTop
}
function reverseUl(o)
{

        for(var j=o.childNodes.length; j>0;j--)
        for (var i=0; i<j; i++) 
       {     
          o.insertBefore(o.childNodes[i+1],o.childNodes[i]);          
       }
}

function reverseBack(o)
{
 
        for (var i=o.childNodes.length; i>0; i--) 
       {     
          o.insertBefore(o.childNodes[i-1],o.childNodes[i]);         
       }
}
	if (window.attachEvent) window.attachEvent("onload", sfHover)
  else if (window.addEventListener) window.addEventListener("load",sfHover,false) 

