menuName = new Array();
buttonName = new Array();

menuItem = new Array();
menuDescription = new Array();
menuLocation = new Array();

// DEFINE YOUR MENU NAMES HERE

menuName[0] = "menu";
menuName[1] = "services";

// DEFINE YOUR BUTTON NAMES HERE - AS IT IS IN YOUR HTML CODE (THE BUTTON'S ID)

buttonName[0] = "products_btn";
buttonName[1] = "services_btn";

for (i = 0 ; i < menuName.length ; i++)
{
	menuItem[i] = new Array();
	menuDescription[i] = new Array();
	menuLocation[i] = new Array();
}

// DEFINE YOUR MENU'S HERE
// FOLLOW THIS GUIDE //

// E.G.
// MenuItem[0][0] is the first item in the first menu defined above the first [n] defines to which menu this item belongs
// the second [n] defines the menu entry number

//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
// ||||||||||||||||||||||||| VERY IMPORTANT ||||||||||||||||||||||||||| //
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////
// PLEASE REMEMBER TO DEFINE THE MENU'S IN YOUR .CSS STYLESHEET ASWELL  //
//////////////////////////////////////////////////////////////////////////

// OBJECTS IN MENU 0

menuItem[0][0] = "SAP <acronym title='Advanced Business Application Programming'>ABAP</acronym>";
menuDescription[0][0] = "::: Advanced Business Application Programming";
menuLocation[0][0] = "?Page=sap_abap.php";

menuItem[0][1] = "SAP <acronym title='Exchange Infrastructure'>XI</acronym>";
menuDescription[0][1] = "::: SAP System Maintenance";
menuLocation[0][1] = "?Page=sap_xi.php";

menuItem[0][2] = "SAP Basis";
menuDescription[0][2] = "::: SAP Basis";
menuLocation[0][2] = "?Page=sap_basis.php";

menuItem[0][3] = "SAP Java";
menuDescription[0][3] = "::: SAP Java";
menuLocation[0][3] = "?Page=sap_java.php";

menuItem[0][4] = "SAP Portal";
menuDescription[0][4] = "::: SAP Portal";
menuLocation[0][4] = "?Page=sap_portal.php";

// OBJECTS IN MENU 1

menuItem[1][0] = "SAP Services";
menuDescription[1][0] = "::: SAP Services";
menuLocation[1][0] = "?Page=sap_services.php";

menuItem[1][1] = "SAP System Maintenance";
menuDescription[1][1] = "::: SAP System Maintenance";
menuLocation[1][1] = "?Page=system_maintenance.php";

d = document;

for (m = 0 ; m < menuName.length ; m++)
{
	d.write('<div id="' + menuName[m] + '" onmouseover="show_menu(\'' + buttonName[m] + '\', \'' + menuName[m] +'\')" onmouseout="hide_menu(\'' + buttonName[m] + '\', \'' + menuName[m] +'\')">');
	d.write('<img src="images/menu_top_shade.png" width="100%" height="8" style="border-bottom: 1px solid #406387;" />');
	for (i = 0 ; i < menuItem[m].length ; i++)
	{
		d.write('<a href="' + menuLocation[m][i] + '" onmousemove="window.status=\'' + menuDescription[m][i] +'\'" onmouseout="window.status=\'\'"><span class="menu_bold">&raquo;&nbsp;</span>' + menuItem[m][i] + '</a>');
	}
	d.write('<img src="images/menu_bottom.gif" style="border-top: 1px solid #acbdcf;" /></div>');
}

function show_menu(btn, menuName)
{
	document.getElementById(btn).style.backgroundImage = "url('images/nav_hover.png')";
	document.getElementById(menuName).style.visibility = "visible";
	document.getElementById(menuName).style.display = "inline";	
}

function hide_menu(btn, menuName)
{
	if (act_btn != btn)
	{		
		document.getElementById(btn).style.backgroundImage = "none";
	}
	document.getElementById(menuName).style.visibility = "hidden";
	document.getElementById(menuName).style.display = "none";	
}

function activate_button(button)
{
	if (button != "none")
	{
		document.getElementById(button).style.backgroundImage = "url('images/nav_hover.png')";
	}
}