function sfHover(parent_id) {
	var sfEls = document.getElementById(parent_id).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(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) {
	window.attachEvent("onload", function() { 
		sfHover("linkermenu"); sfHover("bovenmenu"); 
	});
}


function imgBovenMenu(sender, id, on, off)
{
	img = document.getElementById(id +'_img');
	img.src = img.src.replace(/_off/, '_on');
	
	sender.onmouseover = function() { img = document.getElementById(this.id +'_img'); img.src = img.src.replace(/_off/, '_on');	}
	sender.onmouseout = function()  { img = document.getElementById(this.id +'_img'); img.src = img.src.replace(/_on/, '_off');	}
}

function imgBovenMenuInit()
{
	ids = ['m_1', 'm_2', 'm_3', 'm_4', 'm_5', 'm_6', 'm_7']; 
	
	for(i=0; i<ids.length; i++)
	{			
		img = document.getElementById(ids[i] +'_img');
		
		img.onmouseover = function() 	{ 
			this.src = this.src.replace(/_off/, '_on');	
			
			menuitem = document.getElementById(this.id.replace("_img", "")).parentNode;
			menuitem.className += " sfhover";
		}
		
		img.onmouseout = function() 	{ 
			this.src = this.src.replace(/_on/, '_off');	
			
			menuitem_id = this.id.replace("_img", "");
			
			menuitem = document.getElementById(menuitem_id).parentNode;
			menuitem.className = menuitem.className.replace(/sfhover/g, "");
		}
	}
}


/*
function focusOpMenu()
{
	var vorige_a = false;
	
	document.onactivate = document.onfocus = document.onkeydown = document.onmouseover = document.onmouseout = document.onkeypress = function(e) 
	{ 
		var srcObj = e ? e.target : document.activeElement;
		
		if(srcObj.className && srcObj.className == "menuitem")
		{
			srcObj.parentNode.className += " hoverfocus"; 
			
			if(vorige_a)
				vorige_a.parentNode.className = vorige_a.parentNode.className.replace(new RegExp("hoverfocus\\b"), "");
			
			vorige_a = srcObj; 
		}
		else
		{
			try
			{
				a = srcObj.parentNode.parentNode.parentNode.getElementsByTagName('a')[0];
				
				console.log(a.className +  "   " + a.parentNode.className);
				
				if(a.className != "menuitem" && a.parentNode.className.indexOf('hoverfocus') == -1)
				{
					console.log('verbergen!');
					lis = document.getElementById('linkermenu').getElementsByTagName('li');
					for(i=0; i<lis.length; i++)
					{
						lis[i].className = lis[i].className.replace(new RegExp("hoverfocus\\b"), "")
					}
				}
				else
				{
					//a.parentNode.getElementsByTagName('ul')[0].style.left = '140px';
				}
			}
			catch(error)
			{
				console.log(error);

				lis = document.getElementById('linkermenu').getElementsByTagName('li');
				for(i=0; i<lis.length; i++)
				{
					lis[i].className = lis[i].className.replace(new RegExp("hoverfocus\\b"), "")
				}
			}
		}
	}
	
	as = document.getElementById('linkermenu').getElementsByTagName('a');
	var vorige_a = false;
	
	for(i=0; i<as.length; i++)
	{
		a = as[i];
	}

}
*/