How to add Image Rollovers

<script type='text/javascript'>

//<![CDATA[

function pat_getByClass(c){

ems=new Array();e=document.getElementsByTagName('*');pattern=new RegExp('(^|\\\\s)'+c+'(\\\\s|$)');

for(i=0,j=0;i<e.length;i++)if(pattern.test(e[i].className)){ems[j]=e[i];j++;}

return ems;

};

function ps_flipit(){

var c = pat_getByClass('flipit');

for(i=0;i<c.length;i++){

c[i].firstChild.onmouseover=function(){

this.style.display='none';

this.parentNode.lastChild.style.display='';

};

c[i].lastChild.onmouseout=function(){

this.style.display='none';

this.parentNode.firstChild.style.display='';

};

}

}

ps_flipit();

//]]>

</script>

<a href="TARGET URL GOES HERE"><img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>