/* Copyright 2000 Jayson Falkner - JSP Insider */

/*        Jayson@jspinsider.com                */

<!--

// Determine browser type.

var isIE = (navigator.appName == "Microsoft Internet Explorer") ? 1 : 0;

var isNS = (navigator.appName == "Netscape") ? 1 : 0;

var isNS4 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) < 5);

var isOpera = (navigator.appName == "Opera") ? 1 : 0;



// Check to make sure the mouse doesn't move off the page

if (isIE)

	document.onmouseout = offPage;

// Edited to work with Netscape 4.x

if (isNS && !isNS4)

	document.addEventListener("mouseout", offPage, true);

if (isOpera)

	document.addEventListener("mouseout", offPage, true);

// Should the mouse go off the document window hide all menus

function offPage(event){

	var offScreen;

	if (isIE) offScreen = (window.event.clientY < 5) ? 1 : 0;

	if (isNS) offScreen = (event.pageY < 5) ? 1 : 0;

	if (isOpera) offScreen = (event.pageY < 5) ? 1 : 0;

	if (offScreen) hideOthers(10,10);

}



function hideOthers(column, row){

	if((isNS || isIE || isOpera) && !isNS4){

		// Hide all of the sub-menus except the one that should be showing and its super-menus.

		for(column_count = 0; document.getElementById("subMenu" + column_count + "0") != null; column_count++)

		{

		//window.alert("tada!");

		 if ( column == column_count )

			{

			var hide = false;

			for (row_count = 0; document.getElementById("subMenu" + column_count + row_count) != null; row_count++)

				{

				if (row_count == row) hide = true;

				if (hide)

				 {

				 var currentElement = document.getElementById("subMenu"+column_count+row_count);

				 currentElement.style.visibility = "hidden";

				 }

				}

		 }

		 if ( column != column_count )

			{

			for (row_count = 0; document.getElementById("subMenu" + column_count + row_count) != null; row_count++)

				{

				document.getElementById("subMenu"+column_count+row_count).style.visibility = "hidden";

				}

		 }

		}



		// Hide any special menus down here.

		var currentElement = document.getElementById("clearAll");

		if(currentElement != null) currentElement.style.visibility = "hidden";

	}

}



// Hide all the menus

function hide(id){

	if(isNS4){

		document.layers[id].visibility = "hide";

	}



	if((isNS || isIE || isOpera) && !isNS4){

		// Very poorly done, however works...need to glamorize this later

		var currentElement = document.getElementById("clearAll");

		if(currentElement != null) currentElement.style.visibility = "hidden";

	}

}



// Shows the submenu for the menu item

function showSubMenu(column, row) {

	if(isNS || isIE || isOpera){

		hideOthers(column, row);

		// Make the background layer visible for catching the mouse as it leaves the menu

		var currentElement = document.getElementById("clearAll");

		currentElement.style.visibility = "visible";

		// Show the correct sub-menu

		if(document.getElementById("subMenu"+column+row) != null)

		{

		var currentElement = document.getElementById("subMenu"+column+row);

		currentElement.style.visibility = "visible";

		}

	}

}



function show(id) {

	// This is for Netscape 4.x only

	if(isNS4){

		for(i = 9; i < 17;i++){

			document.layers[i].visibility = "hide";

		}

	document.layers[id].visibility = "show";

	}

}



function init(){

	// This is all browser specific code. To be later removed.

	if(isNS4){

		document.layers[1].left = 0;

		document.layers[2].left = document.layers[1].document.width -2 ;

		document.layers[3].left = document.layers[1].document.width + document.layers[2].document.width -4;

		document.layers[4].left = document.layers[1].document.width + document.layers[2].document.width + document.layers[3].document.width -6;

		document.layers[5].left = document.layers[1].document.width + document.layers[2].document.width + document.layers[3].document.width + document.layers[4].document.width -8;

		document.layers[6].left = document.layers[1].document.width + document.layers[2].document.width + document.layers[3].document.width + document.layers[4].document.width + document.layers[5].document.width -10;

		document.layers[7].left = document.layers[1].document.width + document.layers[2].document.width + document.layers[3].document.width + document.layers[4].document.width + document.layers[5].document.width + document.layers[6].document.width -12;

		document.layers[8].left = document.layers[1].document.width + document.layers[2].document.width + document.layers[3].document.width + document.layers[4].document.width + document.layers[5].document.width + document.layers[6].document.width + document.layers[7].document.width -14;

		document.layers[9].left = 0;

		document.layers[10].left = document.layers[2].left;

		document.layers[11].left = document.layers[3].left;

		document.layers[12].left = document.layers[4].left;

		document.layers[13].left = document.layers[5].left;

		document.layers[14].left = document.layers[6].left;

		document.layers[15].left = document.layers[7].left;

		document.layers[16].left = document.layers[8].left;

		document.layers[1].visibility = "show";

		document.layers[2].visibility = "show";

		document.layers[3].visibility = "show";

		document.layers[4].visibility = "show";

		document.layers[5].visibility = "show";

		document.layers[6].visibility = "show";

		document.layers[7].visibility = "show";

		document.layers[8].visibility = "show";

	}



	if(isOpera)

		{

		var currentElement = document.getElementById("subMenu00");

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu10");

		currentElement.style.left = 59;

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu20");

		currentElement.style.left = 132;

		currentElement.style.top = 19;

		 currentElement = document.getElementById("subMenu21");

		 currentElement.style.left = 255;

		 currentElement.style.top = 34;

		currentElement = document.getElementById("subMenu30");

		currentElement.style.left = 212;

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu40");

		currentElement.style.left = 325;

		currentElement.style.top = 19;

		 currentElement = document.getElementById("subMenu41");

		 currentElement.style.left = 458;

		 currentElement.style.top = 51;

		currentElement = document.getElementById("subMenu50");

		currentElement.style.left = 399;

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu60");

		currentElement.style.left = 493;

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu70");

		currentElement.style.left = 580;

		currentElement.style.top = 19;

		currentElement = document.getElementById("subMenu80");

		currentElement.style.left = 668;

		currentElement.style.top = 19;

		}

}
// -->