[JavaScript] 마우스 오버 아웃 해당 이미지 바꾸기 스크립트

마우스 오버 아웃시 해당 이미지 바꾸기 스크립트입니다.
html 소스는 편할때로 편집하실수있구요. 
script 소스만 해당페이지에 넣어주시면됩니다.
파란색부분은 jpg로바꾸셔도되고 네이밍 형식을 바꾸셔도됩니다.

예제1) html 소스
<img src="memu01.gif" onmouseover="img_rolover_rolout(this,'memu01',event)"onmouseout="img_rolover_rolout(this,'memu01',event)">
<img src="memu02.gif" onmouseover="img_rolover_rolout(this,'memu01',event)" onmouseout="img_rolover_rolout(this,'memu02',event)">
<img src="memu02.gif" onmouseover="img_rolover_rolout(this,'memu01',event)" onmouseout="img_rolover_rolout(this,'memu03',event)">

<script>
// 이미지경로및이름[.확장자빼고] < 이부분만 수정하시면되며
// 마우스오버 이미지는 이미지명뒤에 _over 를 붙여주세요
// (객체, 이미지경로및이름[.확장자빼고], 이벤트)
function img_rolover_rolout(id,img_title,e){
 var e = e || window.event; // 브라우저별 설정
 if(e.type == "mouseover"){
  id.src = img_title +"_over.gif";
 }else{
 id.src = img_title +".gif";
 }
}
</script>