var over;
var att = ' class="submenu" onMouseOver="over=true" onMouseOut="over=false;setTimeout(\'rem()\', 1000)"';
function sm(id)
{
	over = true;
	var content = '';
	
	document.getElementById('sub').style.display = 'none';
	if (id == 'section')
	{
		content += '<a href="/resource/"'+att+'">DOCUMENTS</a>'+
				'<a href="/treaties/"'+att+'">TREATIES</a>';
	}
	else if (id == 'miscellaneous')
	{
		content += '<a href="#" class="submenu" onMouseOver="over=true;mm(\'board\')" onMouseOut="over=false;setTimeout(\'rem()\', 1000);overm=false; setTimeout(\'remm()\', 1000)"><div class="submenu">BOARD OF DIRECTORS</div></a>'+
				'<a href="/notice/"class="submenu" onMouseOver="over=true; overm=false; setTimeout(\'remm()\', 1000);" onMouseOut="over=false;setTimeout(\'rem()\', 1000);">NOTICE BOARD</a>';
	}
	document.getElementById('sub').style.display = 'block';
	document.getElementById('sub').innerHTML = content;
	
	obj = document.getElementById(id);
	var posX = obj.offsetLeft;
	var posY = obj.offsetTop;
	
	while (obj.offsetParent)
	{
		posX = posX+obj.offsetParent.offsetLeft;
		posY = posY+obj.offsetParent.offsetTop;
		obj = obj.offsetParent;
	}
	document.getElementById('sub').style.left = posX+3+'px';
	document.getElementById('sub').style.top = posY+39+'px';
	
}
var overm
var attm = ' class="submenu" onMouseOver="overm=true; over=true" onMouseOut="overm=false;setTimeout(\'remm()\', 1000);over=false; setTimeout(\'rem()\', 1000)"';
function mm(mid) 
{
	overm = true;
	var mmcontent= '';
	
	document.getElementById('subm').style.display = 'none';
	
	if (mid = 'board')
	{
		mmcontent += '<a href="/ar/"'+attm+'">Ambassador Ashfaqur Rahman</a>'+
					 '<a href="/sa/"'+attm+'">Ambassador Shamim Ahmed</a>'+
					 '<a href="/si/"'+attm+'">Ambassador M. Serajul Islam</a>';
	}
	document.getElementById('subm').style.display = 'block';
	document.getElementById('subm').innerHTML = mmcontent;
	
	
	multi = document.getElementById('miscellaneous');
	var posmX = multi.offsetLeft;
	var posmY = multi.offsetTop;
	
	while (multi.offsetParent)
	{
		posmX = posmX+multi.offsetParent.offsetLeft;
		posmY = posmY+multi.offsetParent.offsetTop;
		multi = multi.offsetParent;
	}
	document.getElementById('subm').style.left = posmX+-228+'px';
	document.getElementById('subm').style.top = posmY+39+'px';
}
function rem()
{
	if (!over)
	{
		document.getElementById('sub').style.display = 'none';
	}
}
function remm()
{
	if (!overm)
	{
		document.getElementById('subm').style.display = 'none';
	}
}