voglio creare un cambio progressivo del colore di un layer con onmouseover ,e viceversa con onmouseut tornare all'inizio
ma cosi non funziona,cioè non riesco a controllare il cambio di colore
chiaramente c'e qualcosa che non va


<head>
<script>
var col=99;
function progrin(){
if(col>0){
col--;

}
document.getElementById('layer5').style.background Color=('#'+col+9999);

window.setTimeout("progrin();",10);

}


function progrout(){
if(col<99){
col++;
}
document.getElementById('layer5').style.background Color=('#'+col+9999);
window.setTimeout("progrout();",10);

}

<script>
</head>

<body>
<table border="1" width="100px" height="20px">

<tr>
<td><div id="layer5" onMouseOver="progrin();return true" onMouseOut="progrout();return true" style="width:100;height:20;background-color:999999"></div>


</td>

</tr>

</table>
<body>