Webpage for Arduino communication through webpage

!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Control Panel</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" src="tabber.js"></script>
<link rel="stylesheet" href="example.css" TYPE="text/css" MEDIA="screen">

<script type="text/javascript">

/* Optional: Temporarily hide the "tabber" class so it does not "flash"
   on the page as plain HTML. After tabber runs, the class is changed
   to "tabberlive" and it will appear. */

document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<script>
$(document).ready(function(){
   $form = $('form');
   $form.submit(function(){
      $.post($(this).attr('action'), $(this).serialize(), function(response){
            // do something here on success
      },'json');
      return false;
   });
});
</script>

<script>
var cam_image = 'thermo.jpeg';

var buffer = {};
function preload() {
    buffer = new Image();
    // attaching the seconds breaks cache
    buffer.src = cam_image + '?' + (new Date()).getTime();
    buffer.onload = function() {
        setTimeout(preload, 1000); // 30 seconds refresh
        document.getElementById('re').src = buffer.src;
    }
}
preload();
</script>

</head>
<body>

<h1>Control Panel</h1>

<form method="POST" action="web_interface.cgi">
<div class="tabber">

     <div class="tabbertab">
          <h2>Main</h2>
          <img src="incubator.jpeg" height=400 width=400>
          <img src="incubator.jpeg" height=400 width=400>
          <img src="incubator.jpeg" height=400 width=400><p>
          <p>Graphs and status of each device</p>
     </div>
     <div class="tabbertab">
          <h2>Thermocycler</h2>
          <img src="thermo.jpeg" height=400 width=400 id="re"><p>
          <br>
          Set Temperature:<input type="text" name="temper">
          <input type="submit" value="SetTemp">
          <BR><BR>
          <input type="submit" value="Start Device">
          <input type="submit" value="Stop Device">

     </div>
     <div class="tabbertab">
          <h2>Incubator</h2>
          <img src="incubator.jpeg" height=400 width=400><p>
          <input type="button" value="Start Device">
          <input type="button" value="Stop Device">
     </div>
     <div class="tabbertab">
          <h2>Electrophoresis</h2>
          <img src="incubator.jpeg" height=400 width=400><p>
          <input type="button" value="Start Device">
          <input type="button" value="Stop Device">
     </div>
     <div class="tabbertab">
          <h2>Centrifuge</h2>
          <img src="incubator.jpeg" height=400 width=400><p>
          <input type="button" value="Start Device">
          <input type="button" value="Stop Device">
     </div>
    </form>
</div>

</body>
</html>