function showDropDown(event, objSrcElem, dropdown) {
	var x, y , objSrcElem, objDropDown;
	objDropDown = document.all[dropdown];
	if (objDropDown.style.display == "block") return;
	
	// objSrcElem = event.srcElement;
	x = objSrcElem.offsetLeft;
	y = objSrcElem.offsetTop;

	level = 1;
	objParentNode = objDropDown.parentNode;
	while (objParentNode.tagName.toUpperCase() != "BODY") {
		if (objParentNode.className == "dropdown") {
			level += 1;
		}
		objParentNode = objParentNode.parentNode;
	}

	if (level>1) {
		x = x + objSrcElem.offsetWidth - 3;
		y = y + 2;
	}
	
	else {
		objParent = objSrcElem.offsetParent;
		while (objParent.tagName.toUpperCase() != "BODY") {
			x += objParent.offsetLeft;
			y += objParent.offsetTop;
			objParent = objParent.offsetParent;
		}
		x = x - 12;
		y = y + objSrcElem.offsetHeight + 1;
		if (navigator.appName.indexOf("Internet Explorer") >= 0) {
		  y += 3;
		}

		w = objSrcElem.offsetWidth;
		// objDropDown.childNodes[0].childNodes[0].style.width = (w - 10) + "px";
	}

	objDropDown.style.zIndex = level;
	objDropDown.style.left = x + "px";
	objDropDown.style.top = y + "px";


// Hiding <select> elements fall in dropdown's area
//	for (i = 0; i < document.all.tags("SELECT").length; i++) {
//		obj = document.all.tags("SELECT")[i];
//		if (!obj || !obj.offsetParent)
//			continue;
//	
//		objX = obj.offsetLeft;
//		objY = obj.offsetTop;
//		
//		objParent = obj.offsetParent;
//		while (objParent.tagName.toUpperCase() != "BODY") {

//			objX += objParent.offsetLeft;
//			objY += objParent.offsetTop;
//			objParent = objParent.offsetParent;
//		}
//		alert(x + " " + (x+objDropDown.offsetWidth) + "  " + y + " " + (y+objDropDown.offsetHeight))
//		if (!((objX+obj.offsetWidth) < x) || (objX > (x + objDropDown.offsetWidth)) || ((objY+obj.offsetHeight) < y) || (objY > (y + objDropDown.offsetHeight))) {
//			
//			obj.style.visibility = "hidden";
//		}
//	}

	if (level>1) {
		objDropDown.style.borderTop = "#99ccff 1px solid";
	}
	objDropDown.style.display = "block";
}

function animate(dropdown) {
	document.all[dropdown].filters.alpha.opacity += 20;
	if (document.all[dropdown].filters.alpha.opacity < 100)  { eval ("setTimeout(\"animate('"+dropdown+"')\", 30)");  }
}

function hideDropDown(event, objSrcElem, dropdown) {
	var objDropDown, objSrcElem, x, y;
	objDropDown = document.all[dropdown];
	// objSrcElem = event.srcElement;

	// if (objSrcElem != objDropDown) {
	
		x = objDropDown.offsetLeft;
		y = objDropDown.offsetTop;
	
		objParent = objDropDown.offsetParent;
		while (objParent.tagName.toUpperCase() != "BODY") {
			x += objParent.offsetLeft;
			y += objParent.offsetTop;
			objParent = objParent.offsetParent;
		}
		mouseX = event.clientX;
		mouseY = event.clientY;
		/*
		objParent = objSrcElem.offsetParent;
		while (objParent.tagName.toUpperCase() != "BODY") {
			mouseX += objParent.offsetLeft;
			mouseY += objParent.offsetTop;
			objParent = objParent.offsetParent;
		}
		*/
//		alert(mouseX+" "+mouseY);
		if ((mouseX > x) && (mouseX < (x + objDropDown.offsetWidth)) && (mouseY > y-3) && (mouseY < (y + objDropDown.offsetHeight))) { return ;}
	// }
	objDropDown.style.display='none';
}

