Lucid tracker

<html>
<head>
<script>
function newval(){
     var erl = document.getElementById('prestarth').value + document.getElementById('prestartm').value;
     var ideal = document.getElementById('idealh').value + document.getElementById('idealm').value;
     var late = document.getElementById('lateh').value + document.getElemantById('latem').value;
}
function timetopx(time){
return px;
}
</script>
</head>
<body>
<b> Earlyest:<input id="prestarth" maxlength=2 type="text" size="2"/>:<input id="prestartm" maxlength=2 type="text" size="2"/></b><br />
<b> Ideal:<input id="idealh" maxlength=2 type="text" size="2"/>:<input id="idealm" maxlength=2 type="text" size="2"/></b><br />
<b> Latest:<input id="lateh" maxlength=2 type="text" size="2"/>:<input id="latem" maxlength=2 type="text" size="2"/></b><br />
<b>Length:</b><input id="length" type="text" /><br />
<input type="button" value="Show" onclick="newval();"/>

<div  style="position:absolute;top:0px;left:300px;font-family:Arial;">
<table id="alltime" border="1" style="width:220px;height:400px;overflow:scroll;" ><tr><td><div style="width:210px;height:390px;overflow:scroll;">


01:00 yesterday-</br>
02:00-</br>
03:00-</br>
04:00-</br>
05:00-</br>
06:00-</br>
07:00-</br>
08:00-</br>
09:00-</br>
10:00-</br>
11:00-</br>
12:00-</br>
13:00-</br>
14:00-</br>
15:00-</br>
16:00-</br>
17:00-</br>
18:00-</br>
19:00-</br>
20:00-</br>
21:00-</br>
22:00-</br>
23:00-</br>
24:00-<br/>
01:00 today-</br>
02:00-</br>
03:00-</br>
04:00-</br>
05:00-</br>
06:00-</br>
07:00-</br>
08:00-</br>
09:00-</br>
10:00-</br>
11:00-</br>
12:00-</br>
13:00-</br>
14:00-</br>
15:00-</br>
16:00-</br>
17:00-</br>
18:00-</br>
19:00-</br>
20:00-</br>
21:00-</br>
22:00-</br>
23:00-</br>
24:00-<br/>
01:00 tomorrow-</br>
02:00-</br>
03:00-</br>
04:00-</br>
05:00-</br>
06:00-</br>
07:00-</br>
08:00-</br>
09:00-</br>
10:00-</br>
11:00-</br>
12:00-</br>
13:00-</br>
14:00-</br>
15:00-</br>
16:00-</br>
17:00-</br>
18:00-</br>
19:00-</br>
20:00-</br>
21:00-</br>
22:00-</br>
23:00-</br>
24:00-<br/>
<table id="maintime"style="position:relative;background-color:#0099FF;top:-1320px;right:-50px;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></td></tr></table>

</div>