<script language="JavaScript" type="text/javascript">
<!--
function SetBG(color)
{
document.bgColor = color;
}
//-->
</script>
este es el script que se pone entre el <HEAD>
-------------
y en los cuadraditos que dices van estos codigos
<td bgcolor="#808080" onmouseover="SetBG('#808080')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#666666" onmouseover="SetBG('#666666')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
espero que los puedas entender..esta re facil