求教一个焦点图问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0; padding:0; list-style:none;}
.focusScroll{ width:490px; height:170px; border:1px solid #999; position:relative; }
.focusScroll ol{ width:490px; height:170px; overflow:auto;}
.focusScroll ol li{ width:100%;}
.focusScroll ol img{ width:490px; height:170px; display:block; border:0;}
.focusScroll ul{ position:absolute; bottom:10px; right:30px; z-index:1}
.focusScroll ul li{ 
width:20px; height:20px; float:left; border-radius:10px; background:rgba(255,255,255,0.8);
text-align:center; margin-right:10px; cursor:pointer;
}
.focusScroll ul li.on{background:rgba(0,0,0,0.8);}
</style>
</head><body>
<div class="focusScroll">
<ol id="focusPic">
     <li><a href="#"><img src="image/person1.jpg" /></a></li>
        <li><a href="#"><img src="image/person2.jpg" /></a></li>
        <li><a href="#"><img src="image/person3.jpg" /></a></li>
        <li><a href="#"><img src="image/person4.jpg" /></a></li>
        <li><a href="#"><img src="image/person5.jpg" /></a></li>
    </ol>
    <ul id="focusList">
     <li class="on">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>
<script>
function $(id){ return document.getElementById(id)};
var n = 0;
var speed = 2000;
var pic = $("focusPic");
var picHeight = pic.getElementsByTagName("img")[0].height;
var list = $("focusList").getElementsByTagName("li");
function focusPic(value){
for(var i = 0 ;i < list.length; i++){
if(i ==value){
pic.scrollTop = value*picHeight;
}else{
  return false;
}
}
}
function list(value){

for(var i = 0 ;i < list.length; i++){
list[i].className =(i==value)?"on":"";
}
}
function Mea(value){
list(value);
focusPic(value);
}
function move(){
for(var i = 0; i < list.length; i++){
(function(n){
list[i].onclick = function(){Mea(n)}
})(i);
}
}
window.onload = move;</script>
    
</body>
</html>代码如上。。现在我只想实现点击对应的数字 图片切换到对应的图片。。但是貌似值只能传到Mea函数里list 和focusPic 传不进去。。求大神修改下