OnMouseOver/OnMouseOut with images

i am going to have a bunch of images on one page. the images will NOT have borders. when you put your mouse over the image, i want a border to appear. then when you take the cursor off, i want the border to disappear. so how do i do that?


<img src="image_irl" border="0" OnMouseOver='?'; OnMouseOut='?';>

like this...

OnMouseOver='this.border="1" ' OnMouseOut='this.border="0" '