var t;
var t_sub;
var last_visible_id = '';
var last_visible_sub_id = '';
var lastElemId = "";
var lastElemSubId = "";
var elementSubOffsetX = 0;

function hideall(){
	if(last_visible_id != '')
	{
		document.getElementById(last_visible_id).style.visibility = "hidden";
	}
	
	if(lastElemId != '')	
	{
		document.getElementById(lastElemId).className = "mnu-lnk-main";
	}
	
	if(last_visible_sub_id != ''){
		document.getElementById(last_visible_sub_id).style.visibility = "hidden";
	}
	
	if(lastElemSubId != '')	
	{
		document.getElementById(lastElemSubId).className = "mnu-lnk-sub";
	}
}

function showitem(id, elemId, offsetX){
	
	elementSubOffsetX = offsetX;
	
	if(lastElemId != '' && lastElemId != elemId)	
	{
		document.getElementById(lastElemId).className = "mnu-lnk-main";
	}
	
	if(last_visible_id != '' && last_visible_id != id)
	{
		document.getElementById(last_visible_id).style.visibility = "hidden";
	}
	
	if(lastElemSubId != '')	
	{
		document.getElementById(lastElemSubId).className = "mnu-lnk-sub";
	}
	
	if(last_visible_sub_id != ''){
		document.getElementById(last_visible_sub_id).style.visibility = "hidden";
		
	}
	
	document.getElementById(elemId).className = "mnu-lnk-main-hover";
	lastElemId = elemId;
	
	if(elem = document.getElementById(id)){
		last_visible_id = id;
		
		for(var i=0; i<elem.children.length; i++)
		{
			elem.children[i].children[0].children[0].children[0].style.top = 
			Math.round((
				elem.children[i].children[0].children[0].clientHeight - 
				elem.children[i].children[0].children[0].children[0].clientHeight)/2) + "px";
		}
		elem.style.visibility = "visible";
		
		if(offsetX < 590 && offsetX + elem.offsetWidth >= 590 ){
			elem.style.left = 590 - elem.offsetWidth-offsetX-4+"px";
		}
		//alert(elem.offsetWidth);
	}
	
	clearInterval(t);
}//end function

function hideiteminterval(id){
	//alert(id);
	t = setInterval("hideitem('"+id+"')",500);
}//end function

function hideitem(id){
	if(elem = document.getElementById(id)){
		elem.style.visibility = "hidden";
	}
	
	if(lastElemId != '')	
	{
		document.getElementById(lastElemId).className = "mnu-lnk-main";
	}
}//end function


function showitemsub(id_sub, elemId){
	if(last_visible_sub_id != '' && last_visible_sub_id != id_sub){
		document.getElementById(last_visible_sub_id).style.visibility = "hidden";
	}
	
	if(lastElemSubId != '' && lastElemSubId != elemId)	
	{
		document.getElementById(lastElemSubId).className = "mnu-lnk-sub";
	}
	
	document.getElementById(elemId).className = "mnu-lnk-sub-hover";
	lastElemSubId = elemId;
	
	last_visible_sub_id = id_sub;
	parentElem = document.getElementById(last_visible_id);
	elem = document.getElementById(id_sub);
	
	for(var i=0; i<elem.children.length; i++)
	{
		elem.children[i].children[0].children[0].children[0].style.top = 
		Math.round((
			elem.children[i].children[0].children[0].clientHeight - 
			elem.children[i].children[0].children[0].children[0].clientHeight)/2) + "px";
	}
	
	elem.style.visibility = "visible";
	if(elementSubOffsetX < 590 && elem.offsetWidth + parentElem.offsetWidth + elementSubOffsetX >= 590 ){
		elem.style.left = -elem.offsetWidth+"px";
	}else{
		elem.style.left = parentElem.offsetWidth+"px";
	}
	
	clearInterval(t_sub);
	clearInterval(t);
}//end function

function hideitemintervalsub(id_sub){
	t_sub = setInterval("hideitemsub('"+id_sub+"')",500);
	t = setInterval("hideitem('"+last_visible_id+"')",500);
}//end function

function hideitemsub(id_sub){
	document.getElementById(id_sub).style.visibility = "hidden";
	/*
	if(lastElemId != '')	
	{
		document.getElementById(lastElemId).className = "mnu-lnk-main";
	}
	*/
	if(lastElemSubId != '')	
	{
		document.getElementById(lastElemSubId).className = "mnu-lnk-sub";
	}
	clearInterval(t_sub);
}//end function