var pastDD;
var currentDD;
var currentDDLink;
var areaDD;
var interval;

function dropdown( ddid, linkid, area )
{
	if( pastDD ){
		pastDD.style.display = 'none';
	}
	
	if( document.getElementById(ddid) )
	{
		currentDD = document.getElementById(ddid);
		currentDD.onmouseover = show;
		currentDD.onmouseout = check;
		pastDD = currentDD;
		
		currentDDLink = linkid;
		currentDDLink.onmouseout = check;
		
		areaDD = document.getElementById(area);
		
		show();
	}
}

function show()
{
	currentDD.style.display = 'block';
	currentDD.style.right = getPosition(areaDD)[0] + 'px';
	currentDD.style.top = getPosition(areaDD)[1] + 'px';
	
	if( getPosition(currentDDLink)[0] < getPosition(currentDD)[0] )
		currentDD.style.right = getPosition(areaDD)[0] + (getPosition(currentDD)[0] - getPosition(currentDDLink)[0]) + 'px';
		
	clearInterval( interval );
}
function hide()
{
	currentDD.style.display = 'none';
	clearInterval( interval );
}
function check()
{
	interval = setInterval( hide, 1000 );
}

function getPosition(element)
{
	var posX = 0;
	var posY = 0;
	
	while( element.offsetParent )
	{
		posX += element.offsetLeft;
		posY += element.offsetTop;
		element = element.offsetParent;
	}
	
	return [posX,posY];
}

function trace(message)
{
	document.getElementById('trace').innerHTML = message;
}

function dropdown_bg(state,element)
{
	if( state == 'show' )
		element.offsetParent.style.backgroundColor = '#0b1713';
		
	if( state == 'hide' )
		element.offsetParent.style.backgroundColor = '#183229';
}