// Sub-menu variables
var about_sm = '<li><a href="/about/what_is_ipom.shtml">What</a></li>'
	+ '<li><a href="/about/who_is_ipom.shtml">Who</a></li>'
	+ '<li><a href="/letters/">Letters</a></li>'
	+ '<li><a href="/lists/ipomnl">Newsletter</a></li>'
	+ '<li><a href="/about/thanks.shtml">Thanks</a></li>'
	+ '<li><a href="/about/tech.shtml">Tech Info</a></li>'
	+ '<li><a href="/archives/">Archives</a></li>'
	+ '<li><a href="/copyright.shtml">Copyright</a></li>';

var news_sm = '<li style="margin-left: 85px">'
	+ '<a href="/cgi-bin/news_index.pl">News</a></li>'
	+ '<li><a href="/cgi-bin/calendar_index.pl">Calendar</a></li>';

var reference_sm = '<li style="margin-left: 160px;">'
	+ '<a href="/lyrics/">Lyrics</a></li>'
	+ '<li><a href="/faq.shtml">FAQ</a></li>'
	+ '<li><a href="/chats/">Chats</a></li>'
	+ '<li><a href="/cgi-bin/quotables_index.pl">Quotables</a></li>'
	+ '<li><a href="/cgi-bin/metmentions_index.pl">Mentions</a></li>'
	+ '<li><a href="/cgi-bin/disco_index.pl">Discography</a></li>'
	+ '<li><a href="/cgi-bin/wherearetheynow_index.pl">Where?</a></li>'
	+ '<li><a href="/archives/">Archives</a></li>';

var interact_sm = '<li style="margin-left: 260px;">'
	+ '<a href="/cgi-bin/boards_index.pl">Message Boards</a></li>'
	+ '<li><a href="/virtual_palace/">Virtual Reality</a></li>'
	+ '<li><a href="/letters/">Letters</a></li>'
	+ '<li><a href="/lists/ipomnl">Newsletter</a></li>'
	+ '<li><a href="/sounds/">Sounds</a></li>'
	+ '<li><a href="/contest/">Contests</a></li>';

var links_sm = '<li style="margin-left: 460px;">'
	+ '<a href="/cgi-bin/links_index.pl?graphical">Graphical</a></li>'
	+ '<li><a href="/cgi-bin/links_index.pl?text">Text</a></li>'
	+ '<li><a href="/cgi-bin/links_form_gen.pl?form=submit">Submit</a></li>'
	+ '<li><a href="/cgi-bin/links_form_gen.pl?form=spread">Spread IPOM</a>'
	+ '</li>';

var timeout;

var empty = "<ul><li>&nbsp;</li></ul>"

function show_submenu(data)
{
	/*
	 * If we're moving from the submenu to the menu, we don't want the submenu
	 * to disappear in a second...
	 */
	window.clearTimeout(timeout);

	var menu = "<ul onMouseOver=\"cancel_timer();\""
		+ " onMouseOut=\"hide_submenu();\">"
		+ data
		+ "</ul>";

	// display submenu
	document.getElementById("submenu").innerHTML = menu;
	/*
	 * Note that we cannot set background to "none" because it clears
	 * the background image as well, causing a flash for the second until
	 * we re-set the background image. However, setting a background image
	 * overrides the background color, so this is fine.
	 */
	//document.getElementById("submenu").style['background'] = 'none';
	document.getElementById("submenu").style['backgroundImage'] = 
		'url("/images/small_grad.jpg")';
	document.getElementById("submenu").style['backgroundRepeat'] = 'repeat-x';
	document.getElementById("submenu").style['backgroundPosition'] = 'top';
}

function hide_submenu()
{
	timeout = window.setTimeout("really_hide_submenu()", 250);
}

function cancel_timer()
{
	window.clearTimeout(timeout);
}

function really_hide_submenu()
{
	/*
	 * To hide the menu we add the "emtpy list" html - if we make it
	 * null we won't preserve the black bar and the whole page will move.
	 *
	 * We also need to remove the background image and set the color to
	 * black.
	 */
	document.getElementById("submenu").innerHTML = empty;
	document.getElementById("submenu").style['backgroundImage'] = 'none';
	document.getElementById("submenu").style['background'] = "#000000";
}