<!--//--><![CDATA[//><!--
function setClass(element, newClass) { 
	if (element) {
		element.setAttribute("class", newClass); 
		element.setAttribute("className", newClass); 
	}
	return; 
}

function addClass(element, classID) { 
	var currentClass = getObjClass(element);
	var newClass =  currentClass + ' ' + classID
	if (element) {
		element.setAttribute("class", newClass); 
		element.setAttribute("className", newClass); 
	}
	return; 
}

function removeClass(element, classID) { 
	var currentClass = getObjClass(element) + " ";
	var newClass =  currentClass.replace(new RegExp(classID + "\\b"), "");
	if (newClass == "null ") newClass = "";
	if (element) {
		element.setAttribute("class", newClass); 
		element.setAttribute("className", newClass); 
	}
	return; 
}

function toggleClass(element, classID) {
	var currentClass = getObjClass(element)
	
	if (currentClass.indexOf(classID) > -1) {
		removeClass(element, classID);
	} else {
		addClass(element, classID);
	}
}

function getObjClass(element) {
	if (element.getAttribute) {
		if(element.getAttribute("class")== null ){
			return element.getAttribute("className")
		} else {
			return element.getAttribute("class")
		}
	}
}

sfHover = function() {
	var sfEls = document.getElementById("mainNav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			addClass(this, "sfhover");
		}
		sfEls[i].onmouseout = sfEls[i].onclick =function() {
			removeClass(this, "sfhover");
		}
	}
}

	window.onload = sfHover;
	
//--><!]]>