var colour_normal	= '#1a1f56';
var colour_selected	= '#000000';
var colour_hover	= '#ffffff';
var colour_border	= '#ffffff';
var colour_current	= '#808080';

isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;


var arrMenu =	Array(
	Array('<EM>Home</EM>', 'http://www.metal-observer.com/home.php?lid=1', '', 
		Array(
		)
	),
	Array('<EM>Magazine</EM>', '', '', 
		Array(
			Array('Reviews', 'articles.php?lid=1&sid=1')
			,
			Array('Interviews', 'articles.php?lid=1&sid=4')
			,
			Array('Articles', 'articles.php?lid=1&sid=8')
			,
			Array('Live reviews', 'articles.php?lid=1&sid=9')
			,
			Array('Underground', 'articles.php?lid=1&sid=6')
			,
			Array('DVD/VHS Reviews', 'articles.php?lid=1&sid=7')
			,
			Array('Band Histories', 'articles.php?lid=1&sid=2')
		)
	),
	Array('<EM>Specials</EM>', '', '', 
		Array(
			Array('Festivals', 'festivals.php?lid=1')
			,
			Array('World Metal Web', 'worldmetalweb.php?lid=1')
			,
			Array('TMO Photos', 'tmophotos.php?lid=1')
		)
	),
	Array('<EM>Downloads</EM>', '', '', 
		Array(
			Array('MP3s', 'mp3s.php?lid=1')
			,
			Array('Wallpapers', 'wallpapers.php?lid=1')
			,
			Array('Tablatures', 'tablatures.php?lid=1')
		)
	),
	Array('<EM>Interactive</EM>', '', '', 
		Array(
			Array('Forum', 'http://www.metal-observer.com/forum/')
			,
			Array('Guestbooks', 'guestbooks.php?lid=1')
			,
			Array('Polls', 'polls.php?lid=1')
			,
			Array('Contests', 'contests.php?lid=1')
		)
	),
	Array('<EM>Miscellaneous</EM>', '', '', 
		Array(
			Array('Shop', 'shop.php?s=intro&lid=1')
			,
			Array('Mailorder', 'mailorder/')
			,
			Array('Classifieds', 'http://pub23.bravenet.com/classified/show.php?usernum=1914621972')
			,
			Array('Do You Speak Metal?', 'speakmetal.php?lid=1')
			,
			Array('Sitemap', 'sitemap.php?lid=1')
		)
	),
	Array('<EM>About us!</EM>', '', '', 
		Array(
			Array('Contact', 'contact.php?lid=1')
			,
			Array('Playlists', 'playlists.php?lid=1')
			,
			Array('History', 'history.php?lid=1')
			,
			Array('The Brotherhood', 'articles.php?lid=1&sid=3')
			,
			Array('Rarely Asked Questions', 'raq.php?lid=1')
		)
	),
	Array('<EM>Links</EM>', '', '', 
		Array(
			Array('Bands', 'links.php?t=1&lid=1')
			,
			Array('Labels', 'links.php?t=2&lid=1')
			,
			Array('Promoters', 'links.php?t=3&lid=1')
			,
			Array('Webzines', 'links.php?t=4&lid=1')
			,
			Array('Mailorders', 'links.php?t=7&lid=1')
			,
			Array('Artwork', 'links.php?t=5&lid=1')
			,
			Array('Fun & games', 'links.php?t=6&lid=1')
			,
			Array('Studios', 'links.php?t=8&lid=1')
			,
			Array('Resources', 'links.php?t=9&lid=1')
		)
	)
)

var strDomain = 'http://www.metal-observer.com/';

function getLayer(id) {
	if (isNS4) {
		return document.layers[id];
	}
	else if (isIE4) {
		return document.all[id];
	}
	else if (isIE5 || isNS6) {
		return document.getElementById(id);
	}
}

function loadMainmenu(mainmenuindex) {
	var menu = '';
	
	menu += '<TABLE height=20 width="100%" border=0 cellpadding=0 cellspacing=0><TR>';
	for ( var i = 0; i < arrMenu.length; i++ ) {
		menu += '<TD bgColor="' + arrMenu[i][2] + '" onMouseover="this.bgColor=colour_hover" onMouseout="this.bgColor=arrMenu['+i+'][2]" id="mainmenu' + i + '" name="mainmenu' + i + '"><TABLE width="100%" border=0 cellspacing=0 cellpadding=0><TR>';
		menu += '<TD width=8 align=left><IMG width=8 height=8 src="http://www.metal-observer.com/tmomenu/arrow_right.gif"></TD>';
		menu += '<TD align=center><A href="';
		if ( arrMenu[i][3].length == 0 )
			menu += arrMenu[i][1];
		else
			menu += 'JavaScript:void(0)" onClick="loadSubmenu(' + i + ');';
		menu += '">' + arrMenu[i][0] + '</A></TD>';
		menu += '<TD width=8 align=right><IMG width=8 height=8 src="http://www.metal-observer.com/tmomenu/arrow_left.gif"></TD>';
		menu += '</TR></TABLE></TD>';
	}
	menu += '</TR><TR height=1>';
	
	for ( var i = 0; i < arrMenu.length; i++ ) {
		menu += '<TD bgColor="';
		if ( i == mainmenuindex )
			menu += colour_selected;
		else
			menu += colour_border;
		menu += '"></TD>';
	}
	
	menu += '</TR></TABLE>';
	
	getLayer('mainmenu').innerHTML = menu;
}

function loadSubmenu(mainmenuindex) {
	for ( var i = 0; i < arrMenu.length; i++ )
	{
		if ( i == mainmenuindex )
			arrMenu[i][2] = colour_selected;
		else
			arrMenu[i][2] = colour_normal;
	}
	loadMainmenu(mainmenuindex);
	
	var arrSubmenu = arrMenu[mainmenuindex][3];
	var submenu = '';
	submenu += '<TABLE height=20 width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="'+colour_selected+'"><TR>';
	if ( arrSubmenu.length == 0 )
		submenu += '<TD bgcolor="'+colour_selected+'"></TD>';
	
	for ( var i = 0; i < arrSubmenu.length; i++ ) {
		var colour = colour_selected;
		if ( (mainmenuindex == current_menu) && (i == current_submenu) )
			colour = colour_current;
		var url = arrSubmenu[i][1];
		if ( url.indexOf('http://') != 0 )
			url = strDomain + url;
		submenu += '<TD onMouseover="this.bgColor=colour_hover" onMouseout="this.bgColor=\''+colour+'\'" bgColor="'+colour+'" id="mainmenu' + i + '" name="mainmenu' + i + '" ><TABLE width="100%" border=0 cellspacing=0 cellpadding=0><TR>';
		submenu += '<TD onMouseover="this.bgColor=colour_hover" onMouseout="this.bgColor=\''+colour+'\'" bgcolor="'+colour+'" align=center><A href="' + url + '"';
		if ( arrSubmenu[i][1].indexOf('http://') == 0 )
			submenu += ' target=_blank';
		submenu += '>' + arrSubmenu[i][0] + '</A></TD>';
		submenu += '</TR></TABLE></TD>';
	}
	submenu += '</TR></TABLE>';
	
	getLayer('submenu').innerHTML = submenu;
}