sfHover = function() {
	var sfEls = document.getElementById("catMenu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
// 			this.className+=" sfhover";
			addClass(this, 'sfhover');
// 			alert(this);
		}
		sfEls[i].onmouseout=function() {
// 			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			removeClass(this, 'sfhover');
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function addClass(target, classValue)
{
    if (!hasClass(target, classValue))
    {
        if (target.className == "")
        {
            target.className = classValue;
        }
        else
        {
            target.className += " " + classValue;
        }
    }

    return true;
};




function removeClass(target, classValue)
{
    var removedClass = target.className;
    var pattern = new RegExp("(^| )" + classValue + "( |$)");

    removedClass = removedClass.replace(pattern, "$1");
    removedClass = removedClass.replace(/ $/, "");

    target.className = removedClass;

    return true;
};




function hasClass(target, classValue)
{
    var pattern = new RegExp("(^| )" + classValue + "( |$)");
    
    if (target.className.match(pattern))
    {
    	return true;
    }
    
    return false;
};