I have had some help to make a simple rollover function in Javascript. And some code in HTML to execute it. It works great....when I have one picture...but if I add two pictures calling the same funtion, no one of the pictures will change if the mouse is over it. Any suggestions?


Here is a sample of the code...


Code:
<script language="Javascript">
function rollover (newpic) //Function

{
	document.picture.src = newpic; //Sets pictures src = newpic

}
</script>
Code:
<img src="images/starlogo.gif" name="picture" border="0" onMouseOver="rollover('Rally/rally.gif');" 
onMouseOut="rollover('images/starlogo.gif')">