function getAnchorPosition(anchorname){var useWindow=false;var coordinates=new Object();var x=0,y=0;var use_gebi=false, use_css=false, use_layers=false;if(document.getElementById){use_gebi=true;}else if(document.all){use_css=true;}else if(document.layers){use_layers=true;}if(use_gebi && document.all){x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);}else if(use_gebi){var o=document.getElementById(anchorname);x=AnchorPosition_getPageOffsetLeft(o);y=AnchorPosition_getPageOffsetTop(o);}else if(use_css){x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);}else if(use_layers){var found=0;for(var i=0;i<document.anchors.length;i++){if(document.anchors[i].name==anchorname){found=1;break;}}if(found==0){coordinates.x=0;coordinates.y=0;return coordinates;}x=document.anchors[i].x;y=document.anchors[i].y;}else{coordinates.x=0;coordinates.y=0;return coordinates;}coordinates.x=x;coordinates.y=y;return coordinates;}
function getAnchorWindowPosition(anchorname){var coordinates=getAnchorPosition(anchorname);var x=0;var y=0;if(document.getElementById){if(isNaN(window.screenX)){x=coordinates.x-document.body.scrollLeft+window.screenLeft;y=coordinates.y-document.body.scrollTop+window.screenTop;}else{x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset;}}else if(document.all){x=coordinates.x-document.body.scrollLeft+window.screenLeft;y=coordinates.y-document.body.scrollTop+window.screenTop;}else if(document.layers){x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset;}coordinates.x=x;coordinates.y=y;return coordinates;}
function AnchorPosition_getPageOffsetLeft(el){var ol=el.offsetLeft;while((el=el.offsetParent) != null){ol += el.offsetLeft;}return ol;}
function AnchorPosition_getWindowOffsetLeft(el){return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;}
function AnchorPosition_getPageOffsetTop(el){var ot=el.offsetTop;while((el=el.offsetParent) != null){ot += el.offsetTop;}return ot;}
function AnchorPosition_getWindowOffsetTop(el){return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;}

function openMenu(id){
	closeMenus();
	titleid = 'menu_item_' + id;
	titlelinkid = 'menu_item_'+id +'_link';
	menuid = id + '_menu';
	var padding = 0;
	var coord = getAnchorPosition(titlelinkid);
//	var coord = findPosition(titleid);
//	var coord = new Object();
//	coord.x = findPosX(titleid);
//	coord.y = findPosY(titleid);
	var titleHeight = document.getElementById(titlelinkid).offsetHeight;
//	var titleHeight = 28;
	var openy = coord.y + titleHeight + padding;
	var containerMargin = 0 - document.getElementById('container').offsetLeft;
	var openx = coord.x + containerMargin;
//	alert('('+openx+','+openy+')');
//	var openy = coord[1] + titleHeight + padding;
	//alert(titleHeight);
	//document.getElementById(titlelinkid).onmouseover = closeMenus(id);
	document.getElementById(menuid).style.display = 'block';
	document.getElementById(menuid).style.position = 'absolute';
	//document.getElementById(menuid).style.zindex = '100';
	document.getElementById(menuid).style.top = openy + 'px';
	document.getElementById(menuid).style.left = openx  + 'px';
	document.getElementById(titleid).className = '';
	document.getElementById(titlelinkid).className = 'menu_item_'+id+'_opened';
//	document.getElementById(titlelinkid).style.background = 'url(images/layout/menu-h/menu_'+id+'.gif)'
//	document.getElementById(titlelinkid).style.borderTop = '3px solid #000000 !important';
	

	var parent1 = document.getElementById(menuid);
	var thisChild = parent1.firstChild;
//	alert(thisChild.id);
	while ( thisChild != parent1.lastChild )
	{
		if ( thisChild.nodeType == 1 )
		{

			loopChilds(thisChild);			
		
		}
		thisChild = thisChild.nextSibling;
	}
	
	
}

function loopChilds(id){
	var parent1 = id;
	var thisChild = parent1.firstChild;
	while ( thisChild != parent1.lastChild )
	{
		if ( thisChild.nodeType == 1 )
		{

			//alert(thisChild.nodeName);
			if (thisChild.className != 'submenulink'){			
				thisChild.onmouseout = closeSubMenus;
			}
		
		}
		thisChild = thisChild.nextSibling;
	}
}

function closeMenus(opened) {

	var menus = getElementsByClassName('menu');
	for(i=0;i<menus.length;i++) {
		menus[i].style.display = 'none';
	}
	
	titleid = 'menu_item_' + opened;
	titlelinkid = 'menu_item_'+opened +'_link';
	menuid = opened + '_menu';
	var parent1 = document.getElementById('menu_wrap');
	var thisChild = parent1.firstChild;
	while ( thisChild != parent1.lastChild )
	{
		if ( thisChild.nodeType == 1 )
		{
			if(thisChild.id){
			//newID = thisChild.id.replace('menu_item_','');
			newID = thisChild.id + '_link';
			//alert(newID);
			document.getElementById(newID).className = thisChild.id + '_closed';
			}
		}
		thisChild = thisChild.nextSibling;
	}
	
	closeSubMenus();
}

function openSubMenu(id){
	closeSubMenus();
	titleid = 'menu_item_' + id;
	titlelinkid = 'menu_'+id +'_link';
	menuid = id + '_submenu';
	var padding = 3;
	var coord = getAnchorPosition(titlelinkid);
	
	var titleHeight = document.getElementById(titlelinkid).offsetHeight;
	var titleWidth = document.getElementById(titlelinkid).offsetWidth;
	var openy = coord.y - 1;
	var containerMargin = 0 - document.getElementById('container').offsetLeft;
	var openx = coord.x + containerMargin + titleWidth + padding;
	//alert(titleHeight);
	document.getElementById(id+'_submenu').style.display = 'block';
	document.getElementById(id+'_submenu').style.position = 'absolute';
	document.getElementById(id+'_submenu').style.top = openy + 'px';
	document.getElementById(id+'_submenu').style.left = openx  + 'px';
	
//	document.getElementById(id+'_submenu').onmouseout = subMenuMouseOut;

}

function closeSubMenus() {
	var menus = getElementsByClassName('submenu');
	for(i=0;i<menus.length;i++) {
		menus[i].style.display = 'none';
	}	
}

function getElementsByClassName(clsName) 
{ 
	var arr = new Array(); 
	var elems = document.getElementsByTagName("*");
	for ( var cls, i = 0; ( elem = elems[i] ); i++ )
	{
		if ( elem.className == clsName )
		{
			arr[arr.length] = elem;
		}
	}
	return arr;
}