/*

    Menu bar javascript code v0.2
	-------------------------------------
	Author: Davi Menasaka 
	Created: 01/28/2001
	Target browsers: IE >= 5, NS >= 4
	Modifications: simplified

*/

var DHTML; /* DHTML support */

var detect; /* for browser detection */
var OS,browser,version,total,thestring; /* for browser detection */

var menuShown = 0;	/* stores which menu is stored right now */
var DefaultYPos = 83; /* Stores the default y position of the menues */
var menuImages = 	new Array(
						new Array(new Image(), new Image(), DefaultYPos, "14", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "65", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "139", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "201", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "259", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "319", "148px", "hidden"),
						new Array(new Image(), new Image(), DefaultYPos, "377", "148px", "hidden")
                                  );  /* 6 dimensional array storing the menu images. Should contains as menu arrays, as the number of menu groups */

/*
	function InitLayers()
	This function initializes the layers. Hides them and sets default position
*/
function InitLayers()
{

	var myObj; /* stores the selected obj */

	// sniff out DHTML support
	DHTML = (document.getElementById || document.all || document.layers);

	// if Netscape add plus one pixel to top positon
	if (navigator.appName == "Netscape")
	{
		if (navigator.appVersion.charAt(0) != '4')
		{
			for (i=0;i<=6;i++) { menuImages[i][2] = 84 }
		}
	}

	if (DHTML) {

		// initalize the menu image objects
		for (i=0;i<=6;i++)
		{
			myObj = getObj("ml" + i)
			myObj.top = menuImages[i][2]
			myObj.left = menuImages[i][3]
			myObj.width = menuImages[i][4]
			myObj.visibility = menuImages[i][5]
			menuImages[i][0].src = "images/bt" + i + "_out.gif";
			menuImages[i][1].src = "images/bt" + i + "_off.gif";
		}

		if (document.layers)
		{
			/* Netscape does not care the event handlers in the div declarations so these are necessairy :( */

			document.layers["ml0"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml0"].onmouseout = fnDivMouseOut0;
			document.layers["ml0"].onmouseover = fnDivMouseOver0;
			document.layers["ml1"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml1"].onmouseout = fnDivMouseOut1;
			document.layers["ml1"].onmouseover = fnDivMouseOver1;
			document.layers["ml2"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml2"].onmouseout = fnDivMouseOut2;
			document.layers["ml2"].onmouseover = fnDivMouseOver2;
			document.layers["ml3"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml3"].onmouseout = fnDivMouseOut3;
			document.layers["ml3"].onmouseover = fnDivMouseOver3;
			document.layers["ml4"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml4"].onmouseout = fnDivMouseOut4;
			document.layers["ml4"].onmouseover = fnDivMouseOver4;
			document.layers["ml5"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml5"].onmouseout = fnDivMouseOut5;
			document.layers["ml5"].onmouseover = fnDivMouseOver5;
			document.layers["ml6"].captureEvents(Event.MOUSEOUT|Event.MOUSEOVER);
			document.layers["ml6"].onmouseout = fnDivMouseOut6;
			document.layers["ml6"].onmouseover = fnDivMouseOver6;
		}
	}
}


/* General event catcher functions */
function fnImgMouseOver(nImg)
{
	SelectImage(nImg);
	ShowMenu(nImg);
}

function fnImgMouseOut(nImg)
{
	DeselectImage(nImg);
	HideMenu(nImg);
}

function fnDivMouseOver(nDiv)
{
	SelectImage(nDiv);
	ShowMenu(nDiv);
}

function fnDivMouseOut(nDiv)
{
	DeselectImage(nDiv);
	HideMenu(nDiv);
}


/* These almost empty declarations are needed for Netscape to work, as there is no way to pass a parameter to a function when the browser invokes an event handler function */
function fnDivMouseOut0() {fnDivMouseOut(0);}
function fnDivMouseOver0() {fnDivMouseOver(0);}
function fnDivMouseOut1() {fnDivMouseOut(1);}
function fnDivMouseOver1() {fnDivMouseOver(1);}
function fnDivMouseOut2() {fnDivMouseOut(2);}
function fnDivMouseOver2() {fnDivMouseOver(2);}
function fnDivMouseOut3() {fnDivMouseOut(3);}
function fnDivMouseOver3() {fnDivMouseOver(3);}
function fnDivMouseOut4() {fnDivMouseOut(4);}
function fnDivMouseOver4() {fnDivMouseOver(4);}
function fnDivMouseOut5() {fnDivMouseOut(5);}
function fnDivMouseOver5() {fnDivMouseOver(5);}
function fnDivMouseOut6() {fnDivMouseOut(6);}
function fnDivMouseOver6() {fnDivMouseOver(6);}


/*
	function SelectImage(nImg)
	This function sets the source of the image with number nImg to the selected version
*/
function SelectImage(nImg)
{
	document.images["mg" + nImg].src = menuImages[nImg][1].src;
}


/*
	function DeselectImage(nImg)
	This function sets the source of the image with number nImg to the deselected version
*/
function DeselectImage(nImg)
{
	document.images["mg" + nImg].src = menuImages[nImg][0].src;
}


/*
	function ShowMenu(nMenu)
	This function shows the menu with number nMenu and sets the menuShown variable
*/
function ShowMenu(nMenu)
{
	var myObj;
	menuShown = nMenu;
	myObj = getObj("ml" + nMenu)
	myObj.visibility = "visible";
}


/*
	function HideMenu(nMenu)
	This function hides the menu with number nMenu and clears menuShown variable
*/
function HideMenu(nMenu)
{
	var myObj;
	menuShown = -1;
	myObj = getObj("ml" + nMenu)
	myObj.visibility = "hidden";
}


/*
	function getObj(name)
	This function always passes back the DIV object regarding to the DHTML support in the browser
*/
function getObj(name)
{
	if (document.getElementById)
	{
		return document.getElementById(name).style;
	}
	else if (document.all)
	{
		return document.all[name].style;
	}
	else if (document.layers)
	{
		return document.layers[name];
	}
}