var current="";
var delay = 400;
var delay2 =700;
var timer = 0;
var timer2 = 0;

function getLeft(el)
{
 var x;
 x = el.offsetLeft;
 if (el.offsetParent != null)
  x += getLeft(el.offsetParent);
 return x;
}

function getTop(el)
{
 var x;
 x = el.offsetTop;
 if (el.offsetParent != null)
  x += getTop(el.offsetParent);
 return x;
}

function getBounds(id)
{
	var element = document.getElementById(id);
	var left = element.offsetLeft;
	var top = element.offsetTop;
	for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
 	{
    	left += parent.offsetLeft;
	    top += parent.offsetTop;
  	}
	return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
};

function showMenu(menu_id)
{
	for (var i = 1; i < 1000; i++){
	
		if (document.getElementById('submenu_' + i)){
		
			document.getElementById('submenu_' + i).style.visibility = 'hidden';
		
		}
	
	}
	
	clearTimeout(timer2);
	var m=document.getElementById('submenu_' + menu_id);
	var parentRect = getBounds('dot' + menu_id);
	m.style.top = parentRect.top - 10;
	m.style.left =parentRect.left + 10;
	//m.style.width =parentRect.width;
	//m.style.position = 'absolute';
	m.style.visibility='visible';
	main_menu = 'submenu_' + menu_id;
}

function hideMenu()
{
	var m=document.getElementById(main_menu);
	m.style.visibility='hidden';
}

function showSub(id)
{
	subOver();
	hideCurrent();

	el=document.getElementById(id+'_b');

	x=getLeft(el);
	y=getTop(el);
	sb=document.getElementById(id);
	sb=sb.style;
	sb.left=x+el.offsetWidth;
	sb.top=y;
	sb.width=el.offsetWidth+el.offsetWidth/3;
	sb.visibility="visible";
	current = id;
}

function subOver()
{
	clearTimeout(timer);
	clearTimeout(timer2);
	timer=0;
	timer2=0;
}

function mainOver()
{
	clearTimeout(timer2);

	timer2=0;
}

function hideSub(id)
{
	subOver();
	if(!timer) timer = setTimeout("hideCurrent()", delay);
	if(!timer2) timer2 = setTimeout("hideMenu()", delay2);
/* document.getElementById(id).style.visibility="hidden";
 if(current)
 
  document.getElementById(current).style.visibility="hidden";*/
}

function hideCurrent()
{
	 if(current)
 {
  cm = document.getElementById(current);
  cm.style.visibility="hidden";
 }

}
function alpha(im,per)
{
 im.filters.alpha.opacity=per;}