Here is the page that I am making below:

Code:
<html>
	<head>
		<title>~~~~***Melissa***~~~~</title>
		<script language="javascript">
			function show_page(page_number)
			{
				//Change the source of the inline frame
				if (page_number == 1)
					Main.src="MelissaHome.html";
				if (page_number == 2)
					Main.src="MelissaPoems.html";
				if (page_number == 3)
					Main.src="MelissaMusic.html";
				if (page_number == 4)
					Main.src="MelissaArt.html";
			}
		</script>
	</head>

	<body style="background-image:url(MelissaInterface.jpg); background-repeat:no-repeat; background-position:center; background-color:white;">

		<!-- The navigation table -->
		<table border="0" cellpadding="5" cellspacing="0" cols="1" style="width:188px; height:310px; position:absolute; top:290px; left:153px;">
			<tr>
				<td align="center"><input id="cmdHome" type="button" value="Home" onclick="show_page(1)" /></td>
			</tr>
			<tr>
				<td align="center"><input id="cmdPoems" type="button" value="Poems" /></td>
			</tr>
			<tr>
				<td align="center"><input id="cmdMusic" type="button" value="My Music" /></td>
			</tr>
			<tr>
				<td align="center"><input id="cmdArt" type="button" value="My Art" /></td>
			</tr>
		</table>

		<!-- The inline frame for the actual pages with content -->
		<iframe name="Main" frameborder="0" src="" style="width:460px; height:335px; position:absolute; top:200px; left:400px;"></iframe>

	</body>
</html>
In the ONCLICK event on the first button, did I script that right because it's not working at all. The source of the inline frame doesn't change. It just stays blank. Or did I script the function wrong? HELP!!!!!!!!