sfHover = function() { if(typeof(document.getElementById('menu')) != 'undefined'){
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			//this.className+=" sfhover";
			if(this.lastChild.nodeName == "UL"){
				this.lastChild.style.width = this.lastChild.offsetWidth;
				
				var randToMenu = findPos(document.getElementById('menu'));
				var randToItem = findPos(this);
				var itemWidth = this.offsetWidth;
				var subWidth = this.lastChild.offsetWidth;
				var itemToSub = (subWidth - itemWidth)/2;
				var randToSub = randToItem - itemToSub;
				var menuWidth = document.getElementById('menu').offsetWidth;
				
				this.lastChild.style.left = randToItem + 'px';
				
				/*if(randToMenu > randToSub){
					//align left
					this.lastChild.style.left = randToMenu + 30 + 'px';
				}else if(randToSub + subWidth > randToMenu + menuWidth){
					//align right
					this.lastChild.style.left = randToMenu + menuWidth - subWidth - 30 + 'px';
				}else{
					//align middle
					this.lastChild.style.left = (findPos(this) - (this.lastChild.offsetWidth-this.offsetWidth)/2) + 'px';
				}*/
				
				//this.lastChild.style.left = (findPos(this) - (this.lastChild.offsetWidth-this.offsetWidth)/2) + 'px';
			}
		}
		sfEls[i].onmouseout=function() {
			//this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			if(this.lastChild.nodeName == "UL"){this.lastChild.style.left = '-9999px';}
		}
	}
}}
/*

if(this.lastChild.nodeName == "UL"){this.lastChild.style.left = '-9999px';}

*/
function findPos(obj){
	var currentleft = 0;
	if(obj.offsetParent){
		do{
			currentleft += obj.offsetLeft;
		}while(obj = obj.offsetParent);
		
		return currentleft;
	}
}