Probleem met woordenspel

Hallo,

mijn code :

<form action="woorden.php" method="POST">
<input type="text" name="woord" max-length="6"/>
<input type="submit" value="Instellen" name="submit"/>
</form>

<?php

//---Het woord, dat geraden moet worden
$woord = $_POST['woord'];//"spelen";

//---Alle letters worden gesplitst
$letter1 = substr($woord, 0, 1);
$letter2 = substr($woord, 1, 1);
$letter3 = substr($woord, 2, 1);
$letter4 = substr($woord, 3, 1); 
$letter5 = substr($woord, 4, 1);
$letter6 = substr($woord, 5, 1);

//---Dit krijgen de deelnemers te zien
if (isset($_POST['submit'])){

echo '
<script type="text/javascript">
function letter1() {
  document.getElementById("letter1").style.visibility = "visible";
}
setTimeout("letter1()", 5000); // after 5 sec
function letter2() {
  document.getElementById("letter2").style.visibility = "visible";
}
setTimeout("letter2()", 10000); // after 10 sec
function letter3() {
  document.getElementById("letter3").style.visibility = "visible";
}
setTimeout("letter3()", 15000); // after 15 sec
function letter4() {
  document.getElementById("letter4").style.visibility = "visible";
}
setTimeout("letter4()", 20000); // after 20 sec
function letter5() {
  document.getElementById("letter5").style.visibility = "visible";
}
setTimeout("letter5()", 25000); // after 25 sec
function letter6() {
  document.getElementById("letter6").style.visibility = "visible";
}
setTimeout("letter6()", 30000); // after 30 sec
 
</script>
<table width="400" height="56" border="1" align="center" style="text-align: center;font-size: 36px;">
  <tr>
    <td height="50px" bgcolor="#990000"><div id="letter1" style="visibility: hidden">'.$letter1.'</div></td>
    <td height="50px" bgcolor="#990000"><div id="letter2" style="visibility: hidden">'.$letter2.'</div></td>
    <td height="50px" bgcolor="#990000"><div id="letter3" style="visibility: hidden">'.$letter3.'</div></td>
    <td height="50px" bgcolor="#990000"><div id="letter4" style="visibility: hidden">'.$letter4.'</div></td>
    <td height="50px" bgcolor="#990000"><div id="letter5" style="visibility: hidden">'.$letter5.'</div></td>
    <td height="50px" bgcolor="#990000"><div id="letter6" style="visibility: hidden">'.$letter6.'</div></td>
  </tr>
</table>
';
}
?>

Nu zit ik met de volgende problemen :

- Het word alleen zichtbaar voor degene die het woord instelt, en ik wil graag,
dat het tabel voor iedereen zichtbaar wordt.
- Ik weet dat rand() bestaat, maar hoe kan ik maken, dat de divs op willekeurige volgorde zichtbaar worden?