//<script>
var parentHeight = 1;
var parentWidth = 1;
var userAgent = navigator.userAgent.toLowerCase();
var is_opera  = (userAgent.indexOf('opera') != -1);
var is_saf    = ((userAgent.indexOf('safari') != -1) || (navigator.vendor == "Apple Computer, Inc."));
var is_webtv  = (userAgent.indexOf('webtv') != -1);
var is_ie     = ((userAgent.indexOf('msie') != -1) && (!is_opera) && (!is_saf) && (!is_webtv));
var is_ie4    = ((is_ie) && (userAgent.indexOf("msie 4.") != -1));
var is_moz    = ((navigator.product == 'Gecko') && (!is_saf));
var is_kon    = (userAgent.indexOf('konqueror') != -1);
var is_ns     = ((userAgent.indexOf('compatible') == -1) && (userAgent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_saf));
var is_ns4    = ((is_ns) && (parseInt(navigator.appVersion) == 4));

function bodyDimentions() {
//	parentHeight = document.body.clientHeight;
	parentHeight = 350;
//	parentWidth = document.body.clientWidth;
	parentWidth = 600; //document.body.clientWidth;
}

function RepositionLayer(e) {
 var theLayer = document.getElementById('infoLayer')
 if (navigator.appName.toLowerCase().indexOf('netscape') != -1){
  theLayer.style.top = ((parentHeight / 3) - (theLayer.clientHeight / 2)) + new Number(document.body.scrollTop);
  theLayer.style.left = ((parentWidth / 3) - (theLayer.clientWidth / 2)) + new Number(document.body.scrollLeft);
 }
 else {
  theLayer.style.top = ((parentHeight / 2) - (theLayer.clientHeight / 2)) + new Number(document.body.scrollTop);
  theLayer.style.left = ((parentWidth / 2) - (theLayer.clientWidth / 2)) + new Number(document.body.scrollLeft);
 }
}

function showInfo() {
	var theLayer = document.getElementById('infoLayer')
	bodyDimentions();
	RepositionLayer(theLayer);
	hideDropLists(theLayer);
	theLayer.style.display = '';
}

function hideInfo() {
	document.getElementById('infoLayer').style.display = 'none';
	if (is_ie) {
		selects = document.getElementsByTagName("select");
		for (var i = 0; i < selects.length; i++) {
			selects[i].style.visibility = "visible";
		}
	}
}

function hideDropLists(elm) {
	var leftpx = fetch_object_posleft(elm);
	var toppx = fetch_object_postop(elm);
	
	if (is_ie) {	
		menuarea = {
			"L" : leftpx,
			"T" : toppx,
			"R" : leftpx + elm.offsetWidth,
			"B" : toppx + elm.offsetHeight
		};		
		selects = document.getElementsByTagName("select");
		for (var i = 0; i < selects.length; i++) {
			if (checkOverlap(selects[i], menuarea)) {
				selects[i].style.visibility = "hidden";
			}
		}
	}
}

function checkOverlap(selectobj, m) {
	s = new Array();
	s['L'] = fetch_object_posleft(selectobj);
	s['T'] = fetch_object_postop(selectobj);	
	s['R'] = s['L'] + selectobj.offsetWidth;
	s['B'] = s['T'] + selectobj.offsetHeight;
	
	if (s['L'] >= m['L'] && s['L'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
	else if (s['R'] >= m['L'] && s['R'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
	else if (s['B'] >= m['T'] && s['T'] <= m['B'] && ((s['L'] >= m['L'] && s['L'] <= m['R']) || (s['R'] >= m['R'] && s['R'] <= m['R']))) { return true; }
	else if (m['B'] >= s['T'] && m['T'] <= s['B'] && ((m['L'] >= s['L'] && m['L'] <= s['R']) || (m['R'] >= s['R'] && m['R'] <= s['R']))) { return true; }
	else { return false; }
}

// get left position of elm
function fetch_object_posleft(elm)
{
	var left = elm.offsetLeft;
	while((elm = elm.offsetParent) != null)
	{
		left += elm.offsetLeft;
	}
	return left;
}

// #############################################################################
// get top position of elm
function fetch_object_postop(elm) {
	var top = elm.offsetTop;
	while((elm = elm.offsetParent) != null)	{
		top += elm.offsetTop;
	}
	return top;
}
//</script>