var currentlyOpenSubmenu = null;
var closeBlock = false;
var timer = null;

function find_pos(obj)
{
	var curleft = curtop = 0;
	
	if (obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
		while (obj = obj.offsetParent);
	}
		
	return [curleft,curtop];
}

//Resize for IE6 & Modern browsers
/*document.body.onresize = function (){
	positionSubmenus();
}*/

window.onresize  = function (){
	positionSubmenus();
}

function positionSubmenu(id)
{
	document.getElementById("menuStripe"+id).style.position = "absolute";

	menuPos = find_pos(document.getElementById("mainMenuLink"+id))[0];
	contentBegin = find_pos(document.getElementById("container"))[0];
	contentWidth = document.getElementById("container").offsetWidth;
	submenuWidth = document.getElementById("menuStripe"+id).offsetWidth;

	if(menuPos+submenuWidth > contentBegin+contentWidth)
	{
		newPosition = (contentBegin+contentWidth)-submenuWidth;
	}
	else
	{
		newPosition = menuPos;	
	}

	document.getElementById("menuStripe"+id).style.left = newPosition+"px";
	document.getElementById("menuStripe"+id).style.visibility = 'hidden';
	
	//Calculate how big the menu is going to be
	subMenuPos = find_pos(document.getElementById("menuStripe"+id))[0];
	submenuWidth = document.getElementById("menuStripe"+id).offsetWidth;	
	
	//WidthContent -
	newWidth = contentWidth-(subMenuPos-contentBegin);
	//10 = PADDING on both sides
	newWidth = (newWidth-submenuWidth)-10;
	
	if((newWidth+submenuWidth) > 0)
	{
		document.getElementById("menuStripe"+id).style.width = (newWidth+submenuWidth)+"px";
	}
}


function mouseOverMenu(id, type)
{
	//Set closeblock, clear timer, close old submenu(IF any), open new submenu
	closeBlock = true;
	clearTimeout(timer);
	
	if(currentlyOpenSubmenu != null)
	{	
		//Close the allready open menu		
		document.getElementById("menuStripe"+currentlyOpenSubmenu).style.visibility = 'hidden';		
	}	
	
	currentlyOpenSubmenu = id;		
	document.getElementById("menuStripe"+id).style.visibility = 'visible';		

	
}

function mouseOutMenu()
{
	//Clear timer, Set timer, set block to false
	clearTimeout(timer);
	closeBlock = false;
	timer = setTimeout('closeSubmenu('+currentlyOpenSubmenu+')',1000);	
}

function closeSubmenu(id)
{
	if(closeBlock == true)
	{
		//Clear timer, set new timer
		clearTimeout(timer);
		timer = setTimeout('closeSubmenu('+currentlyOpenSubmenu+')',1000);
	}
	else
	{
		//Close submenu, clear timers, reset currentlyOpenSubmenu, clear block
		if(currentlyOpenSubmenu != null)
		{	
			//Close the allready open menu
			document.getElementById("menuStripe"+currentlyOpenSubmenu).style.visibility = 'hidden';				
			currentlyOpenSubmenu = null;
			clearTimeout(timer);
			closeBlock = false;
		}			
	}
}
