// Detect the browser
var IE = (document.all) ? true : false
var NS4 = (document.layers) && parseInt(navigator.appVersion,10) == 4 ? true : false
var NS6 = !IE && !NS4 ? true : false

var block; 

// If NS then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0;
var tempY = 0;
var isOpen = false;
var myTimeOut = 0;

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  

  return true;
}

function showTerNav() {
	if(!isOpen) {
		block.left = tempX + 50;
		block.top = tempY - 25;
		block.visibility = !NS4 ? "visible" : "show";
		/*document.getElementById("terNav").style.left = tempX;
		document.getElementById("terNav").style.top = tempY;
		document.getElementById("terNav").style.visibility = "visible";*/
	}	
	killTimer();
	isOpen = true;
}

function startTimer() {
	myTimeOut = setTimeout("hideTerNav()", 500);
}

function hideTerNav() {
	block.visibility = !NS4 ? "hidden" : "hide";
	isOpen = false;
}

function killTimer() {
	clearTimeout(myTimeOut);
}

function init() {
	block = IE || NS6 ? document.getElementById("terNav").style : document.terNav
}

function loadLayer() {
	var code = "";
	
	if(NS4) code = '<layer id="terNav" left="50" top="200" visibility="hide" width="168" onMouseOver="showTerNav()" onMouseOut="startTimer()">'
	else code = '<div id="terNav" style="position:absolute; top: 200px; left: 50px; width:168px; visibility: hidden;" onMouseOver="showTerNav()" onMouseOut="startTimer()">'
	
	code +=	'<table cellpadding="0" cellspacing="0" border="0" width="168" class="ternavConstruction">' +
		'<tr><td height="10"><spacer type="block" width="1" height="1"></td></tr>' +
		'<tr><td><a href="services_landdevelopment.cfm" class="subnavGold"><img src="../images/block_blue.gif" alt="" border="0">&nbsp;Land Development</a></td>' +
		'</tr><tr><td height="10"><hr class="blue"></td></tr>' +
		'<tr><td><a href="services_landscape.cfm" class="subnavGold"><img src="../images/block_blue.gif" alt="" border="0">&nbsp;Landscape</a></td>' +
		'</tr><tr><td height="10"><hr class="blue"></td></tr>' +
		'<tr><td><a href="services_commercialconstruction.cfm" class="subnavGold"><img src="../images/block_blue.gif" alt="" border="0">&nbsp;Commercial Construction</a></td>' +
		'</tr><tr><td height="10"><hr class="blue"></td></tr>' +
		'<tr><td><a href="services_waterstorage.cfm" class="subnavGold"><img src="../images/block_blue.gif" alt="" border="0">&nbsp;Water Storage</a></td>' +
		'</tr><tr><td height="10"><spacer type="block" width="1" height="1"></td></tr></table>'
	
	if(NS4) code += '</layer>'
	else code += '</div>'
	
	document.write(code);
}

//Write the layer to the page
loadLayer();
init();