function header1( text ) {

	var theHTML = "" +
	"<table width=100% cellspacing=0 cellpadding=0>" +
  	"<tr>" +
    "	<td class=\"h1Cell\">" + text + "</td>" +
  	"</tr><tr>" +
    "	<td><img border=0 src=\"images/bar.png\" width=12 height=12></td>" +
  	"</tr>" +
	"</table>";

	document.write( theHTML );
}

function header2r( text ) {

	var theHTML = "" +

	"<table width=100% cellspacing=0 cellpadding=0>" +
	"	<tr>" +
	"		<td><img border=0 src=\"images/bar_t.png\" width=12 height=12></td>" +
	"	</tr><tr>" +
	"		<td class=\"h2Cell\">" + text + "</td>" +
	"	</tr><tr>" +
	"	<td><img border=0 src=\"images/bar.png\" width=12 height=12></td>" +
	"	</tr>" +
	"</table>";
	
	return (theHTML);
}

function header2( text ) {
	
	theHTML = header2r( text );
	
	document.write( theHTML );
}

function header2Bookmark( text ) {

	var theHTML = "" +

	"<table width=100% cellspacing=0 cellpadding=0>" +
	"	<tr>" +
	"		<td><img border=0 src=\"images/bar_t.png\" width=12 height=12></td>" +
	"	</tr><tr>" +
	"		<td class=\"h2Cell\"><a name=\"" + text + "\">" + text + "</a></td>" +
	"	</tr><tr>" +
	"	<td><img border=0 src=\"images/bar.png\" width=12 height=12></td>" +
	"	</tr>" +
	"</table>";
	
	document.write( theHTML );
}

function showmenu(menuName) {
	var menu = document.getElementById( menuName );
	menu.style.visibility = "visible";

}

function hidemenu(menuName) {
	var menu = document.getElementById( menuName );
	menu.style.visibility = "hidden";
}

function menu_bar() {

	var theHTML = ""+

	"	<table width=100% height=100% cellspacing=0 cellpadding=0>" +
	"	<tr>"+
	"		<td width=25 valign=top rowspan=2 class=\"sideMenu\" align=center>" +
	"			<a href=\"index.htm\"><img border=0 src=\"images/home.png\"></a><br>"+
	
	//	How to
	
	"			<img border=0 src=\"images/spacer.gif\" height=5 width=1>" +
	"			<div onmouseover='showmenu(\"howtoMenu\")' onmouseout='hidemenu(\"howtoMenu\")'>" +
	"				<img id='howtoMenuImage' border=0 src=\"images/how_tos.png\" alt=\"How to's\" width=25 height=64>" +
	"				<div id='howtoMenu' class='DivMenu'>" +
	"					<table class=\"DivMenuTable\">" +
	"						<tr class=firstMenuItem><td>How to's</td></tr>" +
	"						<tr><td><a href=\"install_the_program.htm\">Install the program</a></td></tr>" +
	"						<tr><td><a href=\"scan_some_mp3s.htm\">Scan some mp3s</a></td></tr>" +
	"						<tr><td>Stop the song mp3 being scanned twice</td></tr>" +
	"						<tr><td>Change the details that were scanned</td></tr>" +
	"						<tr><td>Scan other types of files</td></tr>" +
	"						<tr><td><a href=\"i_scanned_some_files_what_now.htm\">I scanned some files... what now?</a></td></tr>" +
	"						<tr><td><a href=\"contact.htm\">Contact the author</a></td></tr>" +
	"					</table>" +
	"				</div>" +
	"			</div>" +

	//	Troubleshoting	

	"			<img border=0 src=\"images/spacer.gif\" height=5 width=1>" +
	"			<div onmouseover='showmenu(\"troubleshootingMenu\")' onmouseout='hidemenu(\"troubleshootingMenu\")'>" +
	"				<img border=0 src=\"images/troubleshooting.png\" alt=\"Troubleshooting\" width=25 height=119 >" +
	"				<div id='troubleshootingMenu' class='DivMenu'>" +
	"					<table class=\"DivMenuTable\">" +
	"						<tr class=firstMenuItem><td>Troubleshooting</td></tr>" +
	"						<tr><td><a href=\"blank_details.htm\">All the details are blanks</a></td></tr>" +
	"						<tr><td><a href=\"dont_work.htm\">It don't work</a></td></tr>" +
	"					</table>" +
	"				</div>" +
	"			</div>" +
	
	//	User interface
	
	"			<img border=0 src=\"images/spacer.gif\" height=5 width=1>" +
	"			<div onmouseover=\"showmenu('uiGuideMenu')\" onmouseout=\"hidemenu('uiGuideMenu')\">" +
	"				<img border=0 src=\"images/ui_guide.png\" alt=\"User interface guide\" width=25 height=144>" +
	"				<div id='uiGuideMenu' class='DivMenu'>" +
	"					<table class=\"DivMenuTable\">" +
	"						<tr class=firstMenuItem><td>User interface guide</td></tr>" +
	"						<tr><td><a href=\"main_window.htm\">Main window</a></td></tr>" +
	"						<tr><td><a href=\"edit_song.htm\">Edit Song</a></td></tr>" +
	"						<tr><td><a href=\"options.htm\">Options</a></td></tr>" +
	"						<tr><td><a href=\"customise.htm\">Customize</a></td></tr>" +
	"					</table>" +
	"				</div>" +
	"			</div>" +
	

	"			<img height=1 width=25 src=\"images/spacer.gif\">"+
	"		</td>"+
	"		<td valign=top colspan=3>";//<img height=1 src=\"images/spacer.gif\">";

	document.write( theHTML );

}

function end_page() {

	var theHTML = "" +

	"		</td>" +
  	"	</tr>" +
  	"	<tr>" +
    "		<td height=19 width=28 valign=bottom><img src=\"images/bar_t.png\" width=12 height=12></td>" +
    "		<td width=100% valign=bottom>&nbsp;</td>" +
    "		<td width=1></td>" +
  	"	</tr>" +
  	"	<tr>" +
	"		<td colspan=4 valign=top bgcolor=#99CCFF height=40>" +
	"			<hr width=100%>" +
	"			<font size=2>©2001 Duncan Strand&nbsp;&nbsp;(This documentation is best viewed in Internet Explorer 5 or better)</font></td>" +
	"		</tr>" +
	"</table>";

	document.write( theHTML );
}