clearInterval函数不运行的问题！也就是鼠标放在图片上面，为什么图片不停止！

<html>
<head> 
<script type="text/javascript">
var i;
function bd(){
i=1;
  function b(){
  if (i==5){
  i=1;
  }
   switch(i) {
case 1:
e=window.document.getElementById("xy");
e.href="p/1.html";
document.getElementById("kuai").src="http://www.ljjz.info/images/left_bg.jpg"
break;
case 2:
e=window.document.getElementById("xy");
e.href="p/2.html";
document.getElementById("kuai").src="http://www.ljjz.info/images/main_intro.jpg"
break;
case 3:
e=window.document.getElementById("xy");
e.href="p/3.html";
document.getElementById("kuai").src="http://www.ljjz.info/images/menu.jpg"
break;
case 4:
e=document.getElementById("xy");
e.href="p/4.html";
document.getElementById("kuai").src="http://www.ljjz.info/images/menu.jpg"
break;
}
i=i+1;
   }
   return b;
 }
</script>
</head>
<BODY  onLoad="setInterval(bd(),1000)">
<a href="p/1.html" id="xy"><img src="http://www.ljjz.info/images/left_bg.jpg" name="kuai" width=568 height=160 alt="" onMouseOver="clearInterval(setInterval(bd(),1000))"></a>
</body>
</html>