menu = new Array();
menu['menu_bz'] = document.getElementById('menu_bz').innerHTML;
menu['menu_bl'] = document.getElementById('menu_bl').innerHTML;
menu['menu_rub'] = document.getElementById('menu_rub').innerHTML;

function getSubMenu(e){
	//get object from mouse position.
	subObj = obj = document.all ? event.srcElement : e.target;
	//get submenu object.
	subMenuObj = document.getElementById ? document.getElementById('subMenuDiv') : document.all.subMenuDiv;
	
	//check if the pointer is in an menu object or not.
	foundSubDiv = false;
	while(obj){
		if(obj.id == subMenuObj.id)
			foundSubDiv = true;
		obj = obj.offsetParent;
	}
			
	if(foundSubDiv == false){
		if(menu[subObj.id]){
			//determin width, top position and left position.
			t = subObj.offsetTop + subObj.offsetHeight;
			l = subObj.offsetLeft;
			
			//patch top and left when we are in an other object.
			obj = subObj;
			while(obj.offsetParent){
				t += obj.offsetParent.offsetTop;
				l += obj.offsetParent.offsetLeft;
				obj = obj.offsetParent;
			}
			
			//set DIV mesurements and position.
			subMenuObj.style.top = t;
			subMenuObj.style.left = l;
			subMenuObj.style.width = subObj.offsetWidth; 
			
			//push right content and make DIV visible
			subMenuObj.innerHTML = menu[subObj.id];
			subMenuObj.style.visibility = 'visible';
		}else{
			//hide the thing and clean up.
			subMenuObj.style.visibility = document.all ? 'hidden' : 'hide';
			subMenuObj.innerHTML = "";
		}
	}
}

document.onmousemove = getSubMenu;