sfHover = function(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("\\s?sfhover\\b"), "");
		}
	}
}




showHide = function()
{
	var divs = document.getElementsByTagName('div');
	for (var i=0; i<divs.length; i++)
	{
		var div = divs[i];
		var classAttribute = String(div.getAttribute('title'));
		if (classAttribute.toLowerCase().match('showhide'))
		{
			div.style.cursor = "pointer";
			div.onclick = function ()
			{
				this.style.visibility = (this.style.visibility == "visible") ? "hidden" : "visible"; return false;
			}
		}
	}
}




maintainHighlight = function(menu)
{
	var listItem = document.getElementById(menu).getElementsByTagName('ul');  
	for(var i=0;i<listItem.length;i++)
	{
		listItem[i].onmouseover=function()
		{
			if(menu == 'menu')
			{
				var changeStyle = this.parentNode.getElementsByTagName('a');
				changeStyle[0].style.color = "#FFF";
				changeStyle[0].style.backgroundPosition = "right -24px";
			}
			else
			{
				var changeStyle = this.parentNode.getElementsByTagName('span');
				changeStyle[0].style.color = "#9900f0";
			}
		}
		listItem[i].onmouseout=function()
		{
			if(menu == 'menu')
			{
				var changeStyle = this.parentNode.getElementsByTagName('a');
				changeStyle[0].removeAttribute('style');
			}
			else
			{ 
				var changeStyle = this.parentNode.getElementsByTagName('span');
				changeStyle[0].removeAttribute('style');
			}
		}
	}
}








function addEvent( obj, type, fn )
{
	if ( obj.attachEvent )
	{
		obj['e'+type+fn] = fn;
		obj[type+fn] = function()
		{
			obj['e'+type+fn]( window.event );
		}
		obj.attachEvent( 'on'+type, obj[type+fn] );
	}
	else
	{
		obj.addEventListener( type, fn, false );
	}
}





function removeEvent( obj, type, fn )
{
	if ( obj.detachEvent )
	{
		obj.detachEvent( 'on'+type, obj[type+fn] );
		obj[type+fn] = null;
	}
	else
	{
		obj.removeEventListener( type, fn, false );
	}
}




addEvent(window, 'load', function() { sfHover('menu'); maintainHighlight('menu'); });
addEvent(window, 'load', showHide);