// list of arrays holding the names and filenames for each sub menu item
var subMenu1 = new Array("HOME PAGE","NEWS","MERCHANDISE","IMAGE GALLERY","F.A.Q.");
var subLink1 = new Array("home.html","news.html","merchandise.html","gallery.html","faq.html");

var subMenu2 = new Array("EPISODE GUIDE","CHARACTER GUIDE","MECHA GUIDE","TIMELINE INFO","MOVIE GUIDE","LEXICON","ROBOTECH II","SHADOW CHRONICLES");
var subLink2 = new Array("episodes.html","char1.html","mecha1.html","timeline.html","movies.html","lexicon.html","robo2.html","newseries.html");

var subMenu3 = new Array("MACROSS","MOBILE SUIT GUNDAM","ORGUSS","OTHER FAVORITE ANIMES");
var subLink3 = new Array("macross.html","gundam.html","orguss.html","otheranimes.html");

var subMenu4 = new Array("INTERNET LINKS","YOUR INFORMATION","LEGAL STUFF","ABOUT ROBO LEGACY");
var subLink4 = new Array("links.html","info.html","legal.html","about.html");

var subMenu4b = new Array("INTERNET LINKS","Robotech sites","Other sites","YOUR INFORMATION","LEGAL STUFF","ABOUT ROBO LEGACY");
var subLink4b = new Array("links.html","links1.html","links2.html","info.html","legal.html","about.html");

// ------------------------------------------------------------------
// Draws the items under the sub-menus
// ------------------------------------------------------------------
function drawSideMenu() {
	document.write('<p style="text-align:center"><a href="mailto:webmaster@robotechlegacy.freeservers.com">SEND ME AN EMAIL</a></p>');
	document.write('<p style="text-align:center"><a href="http://www.robotech.com"><img src="../images/robotech_advertisement.gif" width="120"');
	document.write('height="90" border=0 alt=""></a></p>');
	document.write('<p style="text-align:center">version 9.01</p>');
}

// ------------------------------------------------------------------
// Draws the sub menu header text
// ------------------------------------------------------------------
function drawSubMenuHeader() {
	document.write('<tr height="20"><td align="center" bgColor=\"#000374\">');
	document.write('<font color="white">::: SUB-MENU :::');
	document.write('</font></td></tr>');
}

// ------------------------------------------------------------------
// Draws the sub menu for that page
// ------------------------------------------------------------------
function drawSubMenu( menuItems, linkItems ) {
	document.write('<table class="menus" border="0" width="150" cellpadding="3" cellspacing="0">');
	drawSubMenuHeader();

	for( i in menuItems ) {
		drawSubMenuItem(menuItems[i], linkItems[i]);
	}

	document.write('</table>');
}

// ------------------------------------------------------------------
// Draws an item on the sub menu, with the name and link
// ------------------------------------------------------------------
function drawSubMenuItem( name, link ) {
	var entry = "<tr height=\"20\"><td bgColor=\"#EEEEEE\" align=\"center\""
				+ " onMouseOver=\"doMenuOn(this)\" onMouseOut=\"doMenuOff(this)\" onClick=\"linkTo('"
				+ link + "')\">" + name + "</td></tr>";
	
	document.write(entry);
}

// ------------------------------------------------------------------
// Changes to the current document to the specified page
// ------------------------------------------------------------------
function linkTo( link ) {
	location.href = link;
}

// ------------------------------------------------------------------
// Draws the main menu atop the each page
// ------------------------------------------------------------------
function drawMainMenu() {
	drawMainMenuItem('GENERAL', 1, '../general/home.html');
	drawMainMenuItem('THE SERIES', 2, '../robo/episodes.html');
	drawMainMenuItem('RELATED ANIMES', 3, '../animes/macross.html');
	drawMainMenuItem('ABOUT & INFO', 4, '../about/about.html');
}

// ------------------------------------------------------------------
// Draws an item on the main menu, with the name and link
// ------------------------------------------------------------------
function drawMainMenuItem( name, menuItemNo, link ) {
	var entry = "<td width=\"192\" align=\"center\" bgColor=\"#EEEEEE\" "
				+ "onClick=\"linkTo('" + link + "')\" "
				+ "onMouseOver=\"doMainMenuOn(this," + menuItemNo + ")\" "
				+ "onMouseOut=\"doMainMenuOff(this)\">" + name + "</td>";

	document.write(entry);
}

// ------------------------------------------------------------------
// Do events for main menu mouse over
// ------------------------------------------------------------------
function doMainMenuOn( obj, menuItemNo ) {
	showDesc( menuItemNo );
	doMenuOn( obj );
}

// ------------------------------------------------------------------
// Do events for main menu mouse out
// ------------------------------------------------------------------
function doMainMenuOff( obj ) {
	clearDesc();
	doMenuOff( obj );
}

// ------------------------------------------------------------------
// Display main menu description
// ------------------------------------------------------------------
function showDesc( menuItemNo ) {
	var str;

	switch( menuItemNo )	{
		case 1: str = "General info here..."; break;
		case 2: str = "All the information about the original series and Robotech II"; break;
		case 3: str = "Everything regarding Macross, Mobile Suit Gundam, Orguss and more..."; break;
		case 4: str = "Site information and internet links"; break;
	}

	if( navigator.appName == "Netscape" ) {
		document.getElementById("desc").childNodes[0].nodeValue = str;
	}
	else {
		desc.innerText = str;
	}
}

// ------------------------------------------------------------------
// Clear main menu description
// ------------------------------------------------------------------
function clearDesc() {
	if( navigator.appName == "Netscape" ) {
		document.getElementById("desc").childNodes[0].nodeValue = " ";
	}
	else {
		desc.innerText = " ";
	}
}

// ------------------------------------------------------------------
// Displays the appropriate sub-menu depending on the # passed
// ------------------------------------------------------------------
function displaySubMenu( subMenuNo ) {
	switch( subMenuNo ) {
		case 1: drawSubMenu( subMenu1, subLink1 ); break;
		case 2: drawSubMenu( subMenu2, subLink2 ); break;
		case 3: drawSubMenu( subMenu3, subLink3 ); break;
		case 4: drawSubMenu( subMenu4, subLink4 ); break;
		case 5: drawSubMenu( subMenu4b, subLink4b ); break;
	}
}