///////////////////////////////////////////////////////////////////////
// TEXTUAL DROPDOWN MENU
// WRITTEN BY TREVOR NIELSON : JULY 24, 2002
// ************* MODIFIED BY JMARR 081502
// PLATFORMS: IE 4.0+, NETSCAPE 4+, MOZILLA, OPERA
//
// NETSCAPE ISSUES:	ROLLOVERS FOR TABLE CELLS DO NOT SHOW UP IN NETSCAPE VERSION UNDER 6
// ISSUES:			OPERA HIDES THE MENUS PREMATURELY - NEED TO ADD A LITTLE MORE LOGIC 
//					TO TELL OPERA THAT THE USER IS OVER THE MENU
///////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////
//
// DO NOT MAKE CHANGES BELOW THIS LINE!!

var timer;					// Used for the setTimeout() so we will be able to clear it with clearTimeout()
var prevLayer;				// Holds the previous layer shown
var windowWidth;			// Holds the available width of the window
var currentImg;				// Holds the currently displayed image
var currentImgNum;			// Holds the current number of the currently displayed image

var prevImg = "img1";	// Holds the previous image
var prevImgNum = 1;			// Holds the previous images number
var isOver = false;			// Used to show the rollover image and hide the previous rolled over image once per menu
						

///////////////////////////////////////////////////////////////////////
// BROWERS DETECTION:
//
// Is this Netscape version 4 or earlier?
var v4 =(parseInt(navigator.appVersion) < 5) ? 1 : 0;
var ns =(navigator.appName.match(/Netscape/) && v4) ? 1 : 0;
// Is this Netscape 6+ or Mozilla?
var ns6 = (navigator.appName.match(/Netscape/) && !v4) ? 1 : 0;
// Is this Opera?
var opera = (navigator.userAgent.indexOf("Opera") != -1 ? 1 : 0);
// Is this Mozilla only?
var mozilla = (navigator.userAgent.indexOf("Gecko") != -1 && navigator.userAgent.indexOf("Netscape") == -1? 1 : 0);
// Is this IE 4? - Not used
var ie = (navigator.appName.match(/Microsoft Internet Explorer/) && v4) ? 1 : 0;

///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	tdState(td,over)
// PARAMETER(S): 	td = the table cell / over = is over the cell
// PURPOSE:			To change the td color of the table (Does not work in NS 4)
//
function tdState(td,over){
	td.style.backgroundColor = (over ? tdOn : tdOff);
}

///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	updateLayers()
// PARAMETER(S): 	NONE
// PURPOSE:			Updates the layers position when the page is resized and loaded
//

function updateLayers(){
	// Check if browser is wider than the menu table (760 width)
	windowWidth = (ns || opera || ns6 ? window.innerWidth : document.body.clientWidth);
	//alert (windowWidth);	
	// This prevents the layers from redrawing incorrectly if the window size is less than the layout size
	if (windowWidth < layoutSize+16) {
		if (ns) windowWidth = layoutSize + 16;
		else windowWidth = layoutSize;
	}else{
		if (ns6) windowWidth -= 16;
	}

	// Update all layers positions
	for (var i=0; i<dropDownArray.length; i++){
		var layerObj = MM_findObj("layer" + i);		
	//alert (layerObj.style.left);
		if (ns) layerObj.left = dropDownArray[i][0] + (windowWidth/2) - (tableWidth/2) + offsetWidth;
		else layerObj.style.left = dropDownArray[i][0] + (windowWidth/2) - (tableWidth/2) + offsetWidth;
	}
	
	if (opera) resizeHandler();
}

///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	resizeHandler()
// PARAMETER(S): 	NONE
// PURPOSE:			Updates the layers position when the page is resized and loaded
//					Opera does not recognize the onresize event so you need to
//					check for updates periodically to update the layers positions
//
function resizeHandler() {
	var winWidth = window.innerWidth;
	if (winWidth < layoutSize+16) winWidth = layoutSize;

	for (var i=0; i<dropDownArray.length; i++){
		var layerObj = MM_findObj("layer" + i);
		layerObj.style.left = dropDownArray[i][0] + (winWidth/2) - ((tableWidth-offsetWidth)/2);
	}

	setTimeout("resizeHandler()",500);	// Check if change in window size every 1/2 of second
}
///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	show(num)
// PARAMETER(S): 	num = number of layer to show
// PURPOSE:			Shows the drop down layer for the rollover
//					as well as hides the previous layer shown
//
OutOnArray = new Array('0','1','2','3','4')
	
function show(num){
   if(isLoaded){
	 clearTimeout(timer);
	
	// Hide the previous layer
	if (ns) prevLayer.visibility = "hide";
	else prevLayer.style.visibility = "hidden";
	
	if (isOver) eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_off')")
	
	// Show the layer and get set the previous layer
	layerObj = MM_findObj("layer" + num);		
	prevLayer = layerObj;
	if (ns) layerObj.visibility = "show"; 
	else layerObj.style.visibility = "visible";
	
		if (ns){
			eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_on')")
		}
		else{
			eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_on')")
		}
		
	}

		if (isOver) eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_on')");
		isOver = false;			
	
}


///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	hide(num)
// PARAMETER(S): 	num = number of layer to hide
// PURPOSE:			Hides the drop down layer for the rollover
//
function hide(num){
    if(isLoaded){
	// Hide the layer
			layerObj = MM_findObj("layer" + num);
			
		if (ns){
			timer = setTimeout("layerObj.visibility='hide';isOver=false",delay);
			eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_off')")
		}
		else{
			timer = setTimeout("layerObj.style.visibility='hidden';isOver=false",delay);	
			eval("changeImage('img" + OutOnArray[num] +"','img"+ OutOnArray[num] +"_off')")
			
		}			
	}
}		

///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	initMenus(num)
// PARAMETER(S): 	num = number of drop down layers
// PURPOSE:			Creates the events for the drop down layers
//
var isLoaded;
function initMenus(){
	// Set the previous shown layer to layer0 on load
	prevLayer = MM_findObj("layer0");
	
	// Set the mouse events for all of the layers
	for (var i=0; i<dropDownArray.length; i++){
		layerObj = MM_findObj("layer" + i);
		layerObj.onmouseover = new Function("show(" + i + ")");
		layerObj.onmouseout = new Function("hide(" + i + ")");
	}
	isLoaded=true;
}

///////////////////////////////////////////////////////////////////////
// FUNCTION(S): 	createDropDowns()
// PARAMETER(S): 	NONE
// PURPOSE:			Creates the drop down layers and fills them with
//					the text from the drop down array (dropDownArray)
//					Also, sets the styles for the layers  - Required for Netscape
//
function createDropDowns(){
	var display = "";	// This will hold the drop down layers
	for (var i=0; i<dropDownArray.length; i++){
		display += "<div id=\"layer" + i + "\" class=\"dropdown\">\n";

		if (border){	// Create the tables used for the border
			display += "\t<table border=0 cellpadding=0 cellspacing=0 bgcolor=" + borderColor + " width=" + dropDownArray[i][2] + ">\n";
			display += "\t\t<tr>\n";
			display += "\t\t\t<td>\n";
			display += "\t<table border=0 cellpadding=0 cellspacing=1>\n";
			display += "\t\t<tr>\n";
			display += "\t\t\t<td>\n";
		}
		display += "\t<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"" + tdOff + "\" width=\"" + dropDownArray[i][2] + "\">\n";
		
		for (var j=0; j<dropDownArray[i][1].length; j++){
			var URL = dropDownArray[i][1][j][1];
			display += "\t\t<tr>\n";
			if (!ns){
				//display += "\t\t\t<td " + tdHeight + " onClick=\"window.location='" + URL + "'\" onMouseOver=\"tdState(this,true); changeImage('img" + i +"','img"+ i +"_on','layer" + i +"');window.status='" + URL + "';return true\" onMouseOut=\"tdState(this,false);changeImage('img" + i +"','img"+ i +"_off','layer" + i +"')\" nowrap style='cursor:hand'>";
				display += "\t\t\t<td " + tdHeight + " onClick=\"window.location='" + URL + "'\" onMouseOver=\"tdState(this,true); window.status='" + URL + "';return true\" onMouseOut=\"tdState(this,false);\" nowrap style='cursor:hand'>";				
			} else {
				display += "\t\t\t<td " + tdHeight + " nowrap>";
			}
			
			display += "&nbsp;<a href=\"" + URL + "\" onMouseOver=\"window.status='" + dropDownArray[i][1][j][0] + "';return true\"" + tdClass + ">" + dropDownArray[i][1][j][0] + "</a>&nbsp;</td>\n";
			display += "\t\t</tr>\n";
			
			if (j < dropDownArray[i][1].length - 1){
				display += "\t\t<tr bgcolor=\"" + lineSeperatorColor + "\">\n";
				//display += "\t\t\t<td><a href=\"javascript://\" onMouseOver=\"changeImage('img" + i +"','img"+ i +"_on','layer" + i +"');return true\" onMouseOut=\changeImage('img" + i +"','img"+ i +"_off','layer" + i +"'); return true;\"><image src=\"spacer.gif\" width=\"100\" height=\"1\" border=\"0\"></a></td>\n";
				display += "\t\t\t<td><image src=\"/img/ub/clear.gif\" width=\"1\" height=\"1\" border=\"0\"></td>\n";				
				display += "\t\t</tr>\n";
			}
		}
		
		display += "\t</table>\n";
		
		if (border){	// Close the tables used for the border
			display += "\t\t\t</td>\n";
			display += "\t\t</tr>\n";
			display += "\t</table>\n";
			display += "\t\t\t</td>\n";
			display += "\t\t</tr>\n";
			display += "\t</table>\n";
		}
		display += "</div>\n";
	}

	//alert(display);
	document.write(display);

	// Netscape requires that you set the style tags after the layer is written to the document
	for (var i=0; i<dropDownArray.length; i++){
		var layerObj = MM_findObj("layer" + i);
		if (ns) {
			layerObj.left = dropDownArray[i][0];
			layerObj.width = dropDownArray[i][2];
		} else {
			layerObj.style.left = dropDownArray[i][0];
			layerObj.style.width = dropDownArray[i][2];
		}
	}
}


function preload(imgObj,imgSrc) {
	if (document.images) {
		eval(imgObj+' = new Image()');
		eval(imgObj+'.src = "'+imgSrc+'"');
	}
}

function changeImage(imgName,imgObj,layer) {	
	if (document.images) {
		if (document.layers) {
			if (layer!=null){
				eval('document.layers.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src');
			}
			else {
				document.images[imgName].src = eval(imgObj+".src");
			}
		}
		else {
			document.images[imgName].src = eval(imgObj+".src");
		}
	}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);