js左右箭头图片切换

<span style="font-size:18px;"><style type="text/css">
#content{
	width: 600px;
	height: 501px;
	position: relative;
	margin: 40px auto;
}
#content a{
	width: 50px;
	height: 50px;
	background: rgba(240,240,240,0.5);
	border: 3px #fff solid;
	font-size: 40px;
	font-weight: bold;
        color: #fff;
        text-align: center;
        position: absolute;
        top:225px;
        text-decoration: none;
}
#content a:hover{
	color:#fff;
}
#prev{
	position: absolute;
	left: 10px;
}
#next{
	position: absolute;
	right:10px;
}
#img1{
	width: 600px;
	height: 501px; 
}

</style>
<script type="text/javascript">
    window.οnlοad=function(){
      	var oPrev=document.getElementById("prev");
      	var oNext=document.getElementById("next");
      	var oImg1=document.getElementById("img1");
      	var arrUrl=["images/1.jpg","images/2.jpg","imag