// JavaScript Document

function showdropdown (idname){
		getElementPosition (idname+'_main');
		document.getElementById(idname+'_menu').style.top=getElementPosition(idname+'_main').top+17+"px";
		document.getElementById(idname+'_menu').style.left=getElementPosition(idname+'_main').left+"px";
		document.getElementById(idname+'_menu').style.visibility= "visible";
}

function hidedropdown (event,idname){
	if(window.event){
		if (window.event.clientY < getElementPosition(idname).top-17 || window.event.clientY > getElementPosition(idname).top+getElementHeight(idname) || window.event.clientX < getElementPosition(idname).left || window.event.clientX > getElementPosition(idname).left+getElementWidth(idname)){
		document.getElementById(idname).style.visibility= "hidden";
		}
	}
	else{

		if (event.clientY < getElementPosition(idname).top-17 || event.clientY > getElementPosition(idname).top+getElementHeight(idname) || event.clientX < getElementPosition(idname).left || event.clientX > getElementPosition(idname).left+getElementWidth(idname)){
			document.getElementById(idname).style.visibility= "hidden";
		}
	}

}


function getElementPosition(elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
	offsetLeft += offsetTrail.offsetLeft;
	offsetTop += offsetTrail.offsetTop;
	offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
	offsetLeft += document.body.leftMargin;
	offsetTop += document.body.topMargin;
	}
	return {left:offsetLeft,top:offsetTop};
}

function getElementHeight(Elem) {
	var el = document.getElementById(Elem);
	var xpos = el.offsetHeight;
	return xpos; 
}

function getElementWidth(Elem) {
	var el = document.getElementById(Elem);
	var xpos = el.offsetWidth;
	return xpos; 
}