html中用了两个js冲突，一个可以执行另外一个执行不了，求帮助。

纯小白一枚。。左边不能执行图片切换，右边公告可以切换。下楼发代码

图片切换代码
<script type="text/javascript">
window.onload=function(){
var wrap=document.getElementById('wrap'),
pic=document.getElementById('pic'),
list=document.getElementById('list').getElementsByTagName('li'),
index=0,
timer=null;
function auto(){
timer=setInterval(function(){
index++;
if(index>=list.length){
index=0;
}
change(index);
},2000);
}
auto();
function change(curIndex){
pic.style.marginTop=-184*curIndex+'px';
for(var n=0;n<list.length;n++){
list[n].className='';
}
list[curIndex].className='on';
index=curIndex;
}
wrap.onmouseover=function(){
clearInterval(timer);
}
wrap.onmouseout=auto;
for(var i=0;i<list.length;i++){
list[i].id=i;
list[i].onmouseover=function(){
change(this.id);
}
}
}
</script>
网页代码
<div class="wrap" id='wrap'>
<ul id="pic">
<li ><img src="images/Main/立春.jpg" /></li>
<li ><img src="images/Main/立夏.jpg" /></li>
<li ><img src="images/Main/立秋.jpg" /></li>
<li ><img src="images/Main/立冬.jpg" /></li>
</ul>
<ol id="list">
<li class="on" >1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
</div>

公告
<div id="notice-tit" class="notice-tit">
<ul id="notice-tit-gg">
<li class="select">
<a href="#">南京要闻</a>
</li>
<li>
<a href="#">民生资讯</a>
</li>
<li>
<a href="#">便民公告</a>
</li>
<li>
<a href="#">体育快讯</a>
</li>
<li>
<a href="#">城市公告</a>
</li>
</ul>
</div>