function sfHoverEvents(sfEls) {
	var len = sfEls.length;
	for (var i=0; i<len; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(" sfhover", "");
		}
	}
}
function sfHover() {
	var ULs = document.getElementsByTagName("UL");
	var len = ULs.length;
	for(var i=0;i<len;i++) {
		if(ULs[i].className.indexOf("classBasedMenu") != -1)
		sfHoverEvents(ULs[i].getElementsByTagName("LI"));
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

/* script for side menu */
function showLinks(area) {
	var arrowName = area + "Arrow";
	var divName = area + "Links";
	var closedMenuGraphic = '../graphics/plus.png';
	var openMenuGraphic = '../graphics/minus.png';
	if (document.getElementById(divName).style.display == 'block') {
		document.getElementById(arrowName).src = closedMenuGraphic;
		document.getElementById(divName).style.display = 'none';
	}

	else {

		var linksArray = new Array('first','second');
		for (i = 0; i < linksArray.length; i++) {
			document.getElementById(linksArray[i] + 'Links').style.display = 'none';
			document.getElementById(linksArray[i] + 'Arrow').src = closedMenuGraphic;
		}
		if (document.getElementById(divName).style.display == 'none') {
			document.getElementById(divName).style.display = 'block';
			document.getElementById(arrowName).src = openMenuGraphic;
		}
		else {
			document.getElementById(divName).style.display = 'none';
			document.getElementById(arrowName).src = closedMenuGraphic;
		}
	}
}

/* script for side menu for one */
function showLinks_one(area) {
	var arrowName = area + "Arrow";
	var divName = area + "Links";
	var closedMenuGraphic = '../graphics/plus.png';
	var openMenuGraphic = '../graphics/minus.png';
	if (document.getElementById(divName).style.display == 'block') {
		document.getElementById(arrowName).src = closedMenuGraphic;
		document.getElementById(divName).style.display = 'none';
	}

	else {

		var linksArray = new Array('first');
		for (i = 0; i < linksArray.length; i++) {
			document.getElementById(linksArray[i] + 'Links').style.display = 'none';
			document.getElementById(linksArray[i] + 'Arrow').src = closedMenuGraphic;
		}
		if (document.getElementById(divName).style.display == 'none') {
			document.getElementById(divName).style.display = 'block';
			document.getElementById(arrowName).src = openMenuGraphic;
		}
		else {
			document.getElementById(divName).style.display = 'none';
			document.getElementById(arrowName).src = closedMenuGraphic;
		}
	}
}