// Dropdown Script
var OpenObj;

function ShowDropDown(MouseObj, DivName){
	if(OpenObj){
		OpenObj.style.visibility = 'hidden';	
	}
	
	var DivObj = document.getElementById(DivName);
	DivObj.data = true;
	MouseObj.data = true;
	
	var MouseObjXY = FindMouseObjPosition(MouseObj);
	var MouseObjX = MouseObjXY[0];
	var MouseObjY = MouseObjXY[1];
	
	DivObj.style.visibility = 'visible';
	DivObj.style.left = (MouseObjX + 10) + 'px';
	DivObj.style.top = (MouseObjY + 34) + 'px';
	
	OpenObj = DivObj;
}


function FindMouseObjPosition(MouseObj){
	MouseObjLeft = MouseObj.offsetLeft;
	MouseObjTop = MouseObj.offsetTop;
	
	while(MouseObj.offsetParent != null){
		MouseObjParent = MouseObj.offsetParent;
		MouseObjLeft += MouseObjParent.offsetLeft;
		MouseObjTop += MouseObjParent.offsetTop;
		
		MouseObj = MouseObjParent;
	}
	
	return [MouseObjLeft, MouseObjTop];		
}


function HideDropDown(MouseObjEvent){
	var ParentObj;
	
	if(!MouseObjEvent){
		var MouseObjEvent = window.event;	
	}
	
	if(MouseObjEvent.relatedTarget){
		ParentObj = MouseObjEvent.relatedTarget;
	}else if(MouseObjEvent.toElement){
		ParentObj = MouseObjEvent.toElement;
	}
	
	if(!ParentObj){
		return;
	}
	
	while(ParentObj.tagName != 'HTML'){
		if(ParentObj.tagName == 'BODY'){
			break;	
		}
		if(ParentObj.data){
			return;	
		}
		
		ParentObj = ParentObj.parentNode;
	}
	
	if (OpenObj){ 
		setTimeout("OpenObj.style.visibility = 'hidden';", 300);		
	}	
}


function dropDownItemMouseOver(dropDownItem)
{
	dropDownItem.style.backgroundColor = '#CCCCCC';
}

function dropDownItemMouseOut(dropDownItem)
{
	dropDownItem.style.backgroundColor = '#FFFFFF';
}