var ttop=0;
function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}

function  setMenu(div) { // CHANGE TAB
div = "#" + div;
clearMenu();
$(div).attr( "class" , "menuHeader2"); // SET IMAGE & 
}

function clearMenu(clearsub) {
var obj = document.getElementsByTagName("td");
for (var i=0; i<obj.length; i++)
{
	if(Left(obj[i].id,2)=="m_")
	{
		$("#"+obj[i].id).attr( "class" , "menuHeader1");
		//$("#m1").attr( "class" , "menuHeader1"); // SET IMAGE & 
	}
}
if (!clearsub) {
	var obj_sub = document.getElementsByTagName("div");
	for (var i=0; i<obj_sub.length; i++)
	{
		//if(obj_sub[i].id!=""){alert(obj_sub[i].id);}
		if(Left(obj_sub[i].id,4)=="sub_")
		{
			hideza(obj_sub[i].id);
		}
	}
}


}


function  hideza(div) { // CHANGE TAB

div = "#" + div;

$(div).attr( "class" , "subMenuHide"); // SET IMAGE & 

}
function  showza(div) { // CHANGE TAB
var obj = document.getElementById(div);
var left=getOffsetLeft(obj);
obj.style.width=obj.offsetWidth+10;
if(screen.width>1024)
{
	left=left+((screen.width-1024)/2);
}
obj.style.left =left  + "px";
if(obj.style.top<ttop || ttop==0){
	obj.style.top = (obj.offsetTop+2) + "px";
	ttop=obj.style.top;
}

div = "#" + div;
$(div).attr( "class" , "subMenu"); // SET IMAGE & 

}
function getOffsetLeft(div) {
	var elm=document.getElementById(div.id.replace('sub_',''));
	var mOffsetLeft = elm.offsetLeft;
	var mOffsetParent = elm.offsetParent;
	var parents_up = 2;
	while(parents_up > 0) {
		mOffsetLeft += mOffsetParent.offsetLeft;
		if(mOffsetParent.offsetParent!=null){mOffsetParent = mOffsetParent.offsetParent;}
		parents_up--;
	}
	
	return mOffsetLeft+120;
}