sfHover = function() {
	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 (window.attachEvent) window.attachEvent("onload", sfHover);



changeMenuColor = function(state,color,sec)
{
	if(state=="over")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			elementos[i].style.color = color;			
		}				
	}
	
	if(state=="out")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			elementos[i].style.color = "#5d5d5d";			
		}		
	}
};

changeSideMenuColor = function(state,color,colorbg,sec)
{
	
	if(state=="over")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			//elementos[i].style.background = colorbg;			
			elementos[i].style.color = "#ffffff";				
		}				
	}
	
	if(state=="out")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			//elementos[i].style.background = "#ffffff";			
			elementos[i].style.color = 	color;	
		}		
	}
};

changeSideMenuColor2 = function(state,color,colorbg,sec)
{
	//alert("entra");
	
	if(state=="over")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			//elementos[i].style.background = colorbg;			
			elementos[i].style.color = "#ffffff";				
		}				
	}
	
	if(state=="out")
	{
		var elementos = document.getElementsByName(sec);		
		
		for(var i=0;i<elementos.length;i++)
		{
			//elementos[i].style.background = "#ffffff";			
			elementos[i].style.color = 	color;	
		}		
	}
};