window.onload = sfHover;

/*function getElementsByTagNames(list,obj) {
	if (!obj) var obj = document;
	var tagNames = list.split(',');
	var resultArray = new Array();
	for (var i=0;i<tagNames.length;i++) {
		var tags = obj.getElementsByTagName(tagNames[i]);
		for (var j=0;j<tags.length;j++) {
			resultArray.push(tags[j]);
		}
	}
	var testNode = resultArray[0];
	if (!testNode) return [];
	if (testNode.sourceIndex) {
		resultArray.sort(function (a,b) {
				return a.sourceIndex - b.sourceIndex;
		});
	}
	else if (testNode.compareDocumentPosition) {
		resultArray.sort(function (a,b) {
				return 3 - (a.compareDocumentPosition(b) & 6);
		});
	}
	return resultArray;
}



*/
function sfHover() {
/*	var sfEls1 = document.getElementById("menu").getElementsByTagName('li');
	var sfEls2 = document.getElementById("menu").getElementsByTagName('span');
	var sfEls = sfEls1.concat(sfEls2);
*/
	var sfEls = document.getElementById("menu").getElementsByTagName('span');
	for (var i=0; i<sfEls.length; i++)
	{
		sfEls[i].onmouseover=function()
		{
			if (window.attachEvent)
			{
				this.className+=" sfhover";
			}
			if(this.title != '' && document.getElementById(this.title))
			{
				var naamClass = document.getElementById(this.title).className
				if(naamClass.substr((naamClass.length -7), 7)!="_active")
				{
					document.getElementById(this.title).className = naamClass+"_active";
				}
			}
		}
		sfEls[i].onmouseout=function()
		{
			if (window.attachEvent)
			{
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
			if(this.title != '' && document.getElementById(this.title))
			{
				var naamClass = document.getElementById(this.title).className
				if(naamClass.substr((naamClass.length -7), 7)=="_active")
				{
					document.getElementById(this.title).className = naamClass.substr(0, (naamClass.length -7));
				}
			}
		}
	}
}