var timeout	= 500;
var closeTimer	= 0;
var menuItem	= 0;
var mainMenu = 0;

function showMenu(id,mid) {	
	cancelHideMenu();
	if(menuItem) menuItem.style.visibility = 'hidden';
	if(mainMenu) mainMenu.className = '';
	
	posMenu(id,mid);
	
	menuItem = document.getElementById(id);
	mainMenu = document.getElementById(mid);
	menuItem.style.left = posMenu(id,mid);
	menuItem.style.visibility = 'visible';
	mainMenu.className = 'active';

}
function hideMenuNow() {
	if(menuItem) menuItem.style.visibility = 'hidden';
	if(mainMenu) mainMenu.className = '';
}
function hideMenu() {
	closeTimer = window.setTimeout(hideMenuNow, timeout);
}
function cancelHideMenu() {
	if(closeTimer) {
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}
//document.onclick = hideMenuNow; 

function getOff(id) {
	x = document.getElementById(id);
	return x.offsetWidth;
}
function findPos(id){
  var 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;
  if(obj==document.getElementsByTagName('body')[0]){break}
  else{obj=obj.offsetParent;}
  }
  return posX;
}
function posMenu (id, mid) {
  var pos = 0;
  pos = findPos(mid) - findPos('tabmenu');
  if((pos + getOff(id)) > (findPos('tabmenu') + getOff('tabmenu'))) {
    pos = getOff('tabmenu') - getOff(id);
    pos = pos + 'px';
  }
  else {
    pos = pos + 'px';    
  }  
  return pos;
}