切り替わる画像をクリックすると別のページへジャンプ

<html lang="ja">
<head>
<title>JavaScript</title>

<script type="text/javascript">
<!--
//変更秒間隔を指定
var sec = 3;
sec = sec * 1000;
//画像を指定
arrI = new array("1.gif","2.gif","3.gif","4.gif","5.gif");
//画像をクリックした際のジャンプ先を指定
arrA = new array("bg1.html","bg2.html","bg3.html","bg4.html","bg5.html");

var num = arrI.length;
var arrO = new array();
for (var i=0;i<num;i++) {
  arrO[i] = new Image();
  arrO[i].src = arrI[i];
}
i = 0;
function cngImg(){
	if(document.all){
		document.images.img.style.filter="blendTrans()";
		document.images.img.filters.blendTrans.Apply();
	}
	document.images.img.src = arrO[i].src;
	if(document.all){
		document.images.img.filters.blendTrans.Play();
	}
	i ++;
	if(i >= num){i = 0;}
	setTimeOut("cngImg()",sec);
}
function onC(){
	location.href = arrA[i - 1];
}
// -->
</script>
</head>
<body onLoad="cngImg()">
<p><img src="1.gif" id="img" border=0 onClick="onC()" alt=""></p>
</body>
</html>