function showSubMenu(par) {
	if(par < 10)
	{
		par = '0'+par;
	}
	var marg = 30;
	var cMarg = 0;
	var cPosY = getY(document.getElementById(par))+30;
	var cPosX = getX(document.getElementById(par));
	if(document.getElementById(par).name == 'first')
	{
		document.getElementById(par).className = 'leftActive';
	}
	else if(document.getElementById(par).name == 'last')
	{
		document.getElementById(par).className = 'rightActive';
	}
	else
	{
		document.getElementById(par).className = 'active';
	}
	document.getElementById("sub_start_"+par).style.position = 'absolute';
	document.getElementById("sub_start_"+par).style.top = cPosY+'px';
	document.getElementById("sub_start_"+par).style.left = cPosX+'px';
	document.getElementById("sub_start_"+par).style.display = 'block';
	for(var i=0;i<document.getElementsByName("sub"+par).length;i++)
	{
		if(document.getElementById("sub_"+i+"_"+par).className == 'subLast')
		{
			cMarg = cMarg - 5;
		}
		if(i>0)
		{
			cMarg = cMarg - 4;
		}
		if(i == 0)
		{
			cMarg = cMarg + 10;
			cY = cPosY + cMarg;
		}
		else
		{
			cMarg = cMarg + marg;
			cY = cPosY + cMarg;
		}
		document.getElementById("sub_"+i+"_"+par).style.position = 'absolute';
		document.getElementById("sub_"+i+"_"+par).style.top = cY+'px';
		document.getElementById("sub_"+i+"_"+par).style.left = cPosX+'px';
		document.getElementById("sub_"+i+"_"+par).style.display = 'block';
	}
	cPosY=cPosY+cMarg+24;
	document.getElementById("sub_bottom_"+par).style.position = 'absolute';
	document.getElementById("sub_bottom_"+par).style.top = cPosY+'px';
	document.getElementById("sub_bottom_"+par).style.left = cPosX+'px';
	document.getElementById("sub_bottom_"+par).style.display = 'block';
}
function hideSubMenu(par) {
	if(par < 10)
	{
		par = '0'+par;
	}
	document.getElementById("sub_start_"+par).style.display = 'none';
	document.getElementById("sub_bottom_"+par).style.display = 'none';
	for(var i=0;i<document.getElementsByName("sub"+par).length;i++)
	{
		document.getElementById("sub_"+i+"_"+par).style.display = 'none';
	}
	if(document.getElementById(par).name == 'first')
	{
		document.getElementById(par).className = 'left';
	}
	else if(document.getElementById(par).name == 'last')
	{
		document.getElementById(par).className = 'right';
	}
	else
	{
		document.getElementById(par).className = '';
	}
}

function getX(el) {
x = el.offsetLeft;
if (!el.offsetParent) return x;
else return (x+getX(el.offsetParent));
}

function getY (el) {
y = el.offsetTop;
if (!el.offsetParent) return y;
else return (y+getY(el.offsetParent));
}