I have this code

<script language="JavaScript" type="text/JavaScript">
function colorStar(img,id) {
img = img.alt;
var i = 1;
while(i <= img) {
document.getElementById('star' + i + '_' + id).src='../layout/img/hover-stjerne.gif';
i++;
}
while(i > img && i <= 5){
document.getElementById('star' + i + '_' + id).src='../layout/img/tonet-stjerne.gif';
i++;
}
}
</script>

<img alt="1" id="star1_7910" src="../layout/img/stjerne.gif" onmouseover="colorStar(this,7910);" onMouseOut="colorStar(this,7910).document.images[].src='../layout/img/stjerne.gif';">
<img alt="2" id="star2_7910" src="../layout/img/stjerne.gif" onmouseover="colorStar(this,7910);" onMouseOut="colorStar(this,7910).document.images[].src='../layout/img/stjerne.gif';">
<img alt="3" id="star3_7910" src="../layout/img/stjerne.gif" onmouseover="colorStar(this,7910);" onMouseOut="colorStar(this,7910).document.images[].src='../layout/img/stjerne.gif';">

when, you for example run the mouse over stjerne3 selects all stars below it and they show hover-stjerne.gif instead of stjerne.gif / tonet-stjerne.gif.

When the mouse is moved away from the star must all go back to the original image.

Right now they ar markt with hover-stjerne.gif when the mouse is moved away so i need a kind of onMouseOut function which gets them back to original.

Hope somone can help me
regards
Michael