Unnamed

<html>
<head>
<title> Order Form</title>
</head>
<body onload="checkservice();">

<script type="text/javascript" language="JavaScript">
function showwebhosting() {
div_webhosting.style.visibility='visible';
orderform.packet.focus();
}

function showgamehosting() {
div_gamehosting.style.visibility='visible';
orderform.game.focus();
}

function checkservice() {
service = document.forms.orderform.service.value;
switch (service) {
  case 'webhosting':
    showwebhosting();
    break;
  case 'gamehosting':
    div_webhosting.style.visibility='hidden';
    showgamehosting();
    break;
}

}

</script>

<!--
function checkservice() {
if(document.forms.orderform.service.value == 'webhosting') { showwebhosting(); }
}
-->

<form name="orderform">
<select name="service" onChange="checkservice();">
  <option value="webhosting">Webhosting</option>
  <option value="domain_registration">Domain registration</option>
  <option value="gameservers">Gameservers</option>
  <option value="voiceservers">Voiceservers</option>
  <option value="bouncers">Bouncers</option>
  <option value="shells">Shells</option>
</select>

<div id="div_webhosting" style="visibility:hidden">
  <label for="packet">
    <select name="packet" id="packet">
      <option value="packet_1">Packet 1</option>
      <option value="packet_2">Packet 2</option>
    </select>
  </label>
</div>

<div id="div_gamehosting" style="visibility:hidden">
  <label for="game">
    <select name="game" id="game">
      <option value="packet_1">cs</option>
      <option value="packet_2">blabla</option>
    </select>
  </label>
</div>




</form>

</body>
</html>