LUCID time thingiy

<html>
<head>
<script>
function newval(){
     var erl = document.forms["usagelength"].["prestart"].value;
     alert(erl);
}
</script>
</head>
<body>
<form name="usagelength" onsubmit="newval">
<b> Earlyest:</b><input id="prestart" type="text" /><br />
<b>Ideal:</b><input id="idealstart" type="text" /><br />
<b> latest:</b><input id="l8start" type="text" /> <br />
<b>Length:</b><input id="length" type="text" /><br />
</form>
<div  style="position:absolute;top:0px;left:300px;font-family:Arial;">
<table id="alltime" border="1" style="width:200px;height:400px;" ><tr><td>
<table id="maintime"style="position:absolute;background-color:#0099FF;top:29px;left:60px;width:136;height:120px;" >
<tr height="10px"><td style="background-color:#19FFFF;"></td></tr>
<tr height="10px"><td style="background-color:#19FFFF;"></td></tr>
<tr><td style="background-color:#19FFFF;"></td></tr>
<tr height="10px"><td style="background-color:#19FFFF;"></td></tr>
<tr height="10px"><td style="background-color:#19FFFF;"></td></tr></table>
<div style="position:absolute;top:20px;left:10px;">00:00 -</div>
<div style="position:absolute;top:40px;left:10px;">01:00 -</div>
<div style="position:absolute;top:60px;left:10px;">02:00 -</div>
<div style="position:absolute;top:80px;left:10px;">03:00 -</div>
<div style="position:absolute;top:100px;left:10px;">04:00 -</div>
<div style="position:absolute;top:120px;left:10px;">05:00 -</div>
<div style="position:absolute;top:140px;left:10px;">06:00 -</div>
<div style="position:absolute;top:160px;left:10px;">07:00 -</div>
<div style="position:absolute;top:180px;left:10px;">08:00 -</div>
<div style="position:absolute;top:200px;left:10px;">09:00 -</div>
<div style="position:absolute;top:220px;left:10px;">10:00 -</div>
<div style="position:absolute;top:240px;left:10px;">11:00 -</div>
<div style="position:absolute;top:260px;left:10px;">12:00 -</div>
</td></tr></table>

</div>