Untitled

<html>
<head>
  <title>Kolu Konverter</title>
<style>
  body{
    width:90%;
    font-family:arial;
    margin:auto;
  }
  h1{
    background-color:lightyellow;
  }
  textarea{
    width:100%;
    height:200px;
  }
</style>
<script type="text/javascript">
  var EXCLUDE = " ";
  var METRE = 0;
  var STAPLE_NO = 1;
  var STAPLE_STR = "";
  //exclude variable holds the value that is being entered
  //PK = payyannuru
  //MK = Madhur Kolu
  //Met = Metre
  //Ft = feet

  function convert(inMetres){
    var types = ["PK", "MK", "Met", "Ft"];
    for(i=0;i<types.length;i++){
      if(types[i] != EXCLUDE){
        switch(types[i]){
          case "PK":
            // convert to payyannuru
            var inPayDecKol = (inMetres * 1.4057);
            var kols = Math.floor(inPayDecKol);
            var angul = ((inPayDecKol - kols)*24).toFixed(1);
            $("pkolu").value = kols;
            $("P_angula").value = angul;
            break;

          case "MK":
            //convert to madhur
            var inMadDecKol = (inMetres * 1.3458);
            var kols = Math.floor(inMadDecKol);
            var angul = ((inMadDecKol - kols)*24).toFixed(1);
            $("mkolu").value = kols;
            $("M_angula").value = angul;
            break;

          case "Ft":
            //convert to feet
            var inFeet = (inMetres * 3.28);
            var feet = Math.floor(inFeet);
            var inch = ((inFeet - feet)*12).toFixed(1);
            $("ft").value = feet;
            $("inch").value = inch;
            break;
        }
      }
    }
  }

  function staple(){
    STAPLE_STR += "========================================================\n";
    STAPLE_STR += "STAPLE No." + STAPLE_NO + "\n";
    STAPLE_STR += "========================================================\n";
    STAPLE_STR += ($("pkolu").value + " pkol " + $("P_angula").value + " ang\n");
    STAPLE_STR += ($("mkolu").value + " mkol " + $("M_angula").value + " ang\n");
    STAPLE_STR += $("metre").value + " mtr\n";
    STAPLE_STR += ($("ft").value + "\"" + $("inch").value + "'\n");
    $("staple").value = STAPLE_STR;
    STAPLE_NO++;
  }

  function ptom(){
    METRE = $("metre").value = ($("pkolu").value* 0.71138) + ($("P_angula").value * 0.0296);//this needs better validation... parseint etc
    EXCLUDE = "PK";
  }

  function ma_tom(){
    METRE = $("metre").value = ($("mkolu").value * 0.743) + ($("M_angula").value * (0.743/24));
    EXCLUDE = "MK";
  }

  function mToft(){
    METRE = $("metre").value = ($("ft").value * 0.3048) + ($("inch").value * 0.0254);
    EXCLUDE = "Ft";
  }
  function $(id){
    return document.getElementById(id);
  }
</script>
</head>
<body>
  <h1>Kolu konverter</h1>
  <p>Payyannuru Kolu:<input type="text" id="pkolu" onkeyup="ptom();convert(METRE)" value="0">Angula:<input type="text" value="0" id="P_angula" onkeyup="ptom();convert(METRE);"></p>
  <p>Madhur Kolu<input type="text" value="0" id="mkolu" onkeyup="ma_tom();convert(METRE)">Angula:<input type="text" value="0" id="M_angula" onkeyup="ma_tom();convert(METRE);"></p>
  <p>Metre<input type="text" value="0" id="metre" onkeyup="EXCLUDE='';convert(this.value);"></p>
  <p>Feet<input type="text" value="0" id="ft" onkeyup="mToft();convert(METRE)">Inch:<input type="text" value="0" id="inch" onkeyup="mToft();convert(METRE);"></p>
  <p><input type="button" value="Staple current values into the textbox" onclick="staple();" /></p>
  <textarea id="staple"></textarea>
</body>
</html>