function sfHover() {
	cleanSfHover();
	if(document.getElementById("nav")){
		var sfEls = document.getElementById("nav").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($('contentBody') && window.attachEvent){
		//alert("si");
		if(document.getElementsByClassName){
			sfZoom = document.getElementsByClassName('overM', $('contentBody'));
			for(var i=0; i<sfZoom.length; i++){
				sfZoom[i].onmouseover=function(){
					this.className+=" sfhover";
				}
				sfZoom[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
				}
			}
		}
	}
}
function showlist(elem){

	var hijos =	elem.childNodes;
	for (var i = 0; i < hijos.length; i++)
	{
		if(hijos[i].className == "drop")
			{
			hijos[i].removeAttribute('style');
			}
	}
}
function hidelist(elem){
	var hijos =	elem.childNodes;
	for (var i = 0; i < hijos.length; i++)
	{	
		if(hijos[i].className == "drop")
			hijos[i].style.display = "none";
	}

}
function drop(){
	var DHTML = document.getElementById;
	if (!DHTML) return;
	
	alert("SI DHTML AL MENOS");
	var lista = document.getElementById("nav");
	var items = lista.getElementsByTagName("li");
		for (var i = 0; i < items.length; i++)
		{
			if (items[i].className == "sup"){
				items[i].setAttribute("onmouseover","showlist(this);");
				alert(items[i].getAttributes);
				
				items[i].setAttribute("onmouseout","hidelist(this);");
				}
		}
	
}
function cleanSfHover(){
	objs = document.getElementById("nav").getElementsByTagName("li");
	for(i=0 , len=objs.length; i<len;i++){
		objs[i].className = objs[i].className.replace(new RegExp(" sfhover\\b"), "");
	}
}