function showSub(subid, obj) 
{
	allsubs = document.getElementById('popups').getElementsByTagName('div');
	// zet allemaal uit
	for(i=0 ; i<allsubs.length; i++){
		document.getElementById(allsubs[i].id).style.display="none";
	}
	
	// vind x-positie
	var xPos = 220 + obj.offsetLeft;	// voor gewone browsers voldoet dit...
	
	// voor IE natuurlijk niet:
	if(navigator.appName == 'Microsoft Internet Explorer')
	{
		// alert('U heeft een hopeloze takkebrowser!');
		if(typeof( obj.offsetParent ) != 'undefined') 
		{
			for(xPos = 0; obj; obj = obj.offsetParent) 
			{
				//alert(obj.id + ':' + obj.offsetLeft);
				xPos += obj.offsetLeft;
			}
			
			// haal wrapper er weer af...
			var box = document.getElementById('wrapper').getBoundingClientRect();
			xPos -= box.left;
			xPos += 2; // ??? 
		}
		
		
	}
	
	// zet die ene weer aan
	if(document.getElementById(subid))
	{
		document.getElementById(subid).style.position = 'absolute';
		document.getElementById(subid).style.left = xPos + 'px'; 	
		document.getElementById(subid).style.top = '13px'; 
		document.getElementById(subid).style.zIndex = '3000'; 					// hoge zindex zodat ie op homepage boven slideshow valt
		
		document.getElementById(subid).style.display = "block";
	}
}

function hideSub(e, subid)
{
	e = e || window.event; 
	var reltg = e.relatedTarget || e.toElement;
	
	if(navigator.appName == 'Microsoft Internet Explorer')
	{	
		if(!document.getElementById(subid).contains(reltg)) 
		{ 
			// alert('sluit!');
			document.getElementById(subid).style.display="none";
		}
	}
	else
	{
		// bubbel omhoog tot aan body tag, en check of muis zich nog binnen submenu-div bevindt..
		while(reltg.nodeName != 'BODY')
		{
			reltg = reltg.parentNode;
			
			// alert(reltg.id + ', ' + subid);
			
			if(reltg.id == subid) 
			{
				// div van submenu zit nog in parents van dingetje dat dit event opgooide.
				// return hier dus, en sluit submenu niet
				return;
			}
		}
		
		// sluit submenu...
		document.getElementById(subid).style.display="none";
	}
}