function findPos(el) {
	var obj=document.getElementById(el);
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

var timeout	= 500;
var closetimer	= 0;
var closetimer2 = 0;
var ddmenuitem	= 0;
var ddmenuitem2 = 0;

function openMenu(number){
	var pos = findPos('item'+number);
	
	mcancelclosetime();
	if(ddmenuitem) { 
		closeMenu();
		closeSubMenu();
	}
	if(ddmenuitem2) closeSubMenu();
	
	$('submenu'+number).style.left = pos[0]+'px';
	$('submenu'+number).style.top = pos[1]+35+'px';
	$('submenu'+number).style.display = 'block';
	$('link'+number).style.borderBottom = '6px solid #175782';
	ddmenuitem = number;
}

function openSubMenu(number){
	var pos = findPos('item'+number);
	
	mcancelclosetime();
	if(ddmenuitem2) closeSubMenu();

	
	$('submenu'+number).style.left = pos[0]+200+'px';
	$('submenu'+number).style.top = pos[1]+'px';
	$('submenu'+number).style.display = 'block';
	$('link'+ddmenuitem).style.borderBottom = '6px solid #175782';
	ddmenuitem2 = number;
}

function closeMenu(){
	if (ddmenuitem) {
		$('submenu' + ddmenuitem).style.display = 'none';
		$('link' + ddmenuitem).style.border = 'none';
	}
}

function closeSubMenu(){
	if (ddmenuitem2) {
		$('submenu' + ddmenuitem2).style.display = 'none';
	}
}

function mclosetime()
{
	closetimer = window.setTimeout(closeMenu, timeout);
	closetimer2 = window.setTimeout(closeSubMenu, timeout);
}

function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	if(closetimer2)
	{
		window.clearTimeout(closetimer2);
		closetimer2 = null;
	}
}

document.onclick = closeMenu; 
document.onclick = closeSubMenu;