一个简单的函数应用问题

上面是:
<li><a href="#" onclick="return index_go(0)"><img alt="" id="index_a0"/><img id="index_c0" alt=""  /></a></li>
<li><a href="#" onclick="return index_go(1)"><img alt="" id="index_a1" /><img id="index_c1" alt=""/></a></li>
<li><a href="#" onclick="return index_go(2)"><img  alt="" id="index_a2" /><img id="index_c2" alt=""/></a></li>
 函数:<script type="text/javascript">
function index_go(i){
$('index_b0').style.display=i==0?'':'none';
$('index_b1').style.display=i==1?'':'none'; 
$('index_b2').style.display=i==2?'':'none';
$('index_a0').style.display=i!=0?'':'none';
$('index_a1').style.display=i!=1?'':'none';
$('index_a2').style.display=i!=2?'':'none';
$('index_c0').style.display=i==0?'':'none';
$('index_c1').style.display=i==1?'':'none';
$('index_c2').style.display=i==2?'':'none';
return false;
}        </script>
下边是: <div  id="index_b0">
        <div  id="index_b0">
        <div  id="index_b0"> 
怎样将函数返回的显示值应用到对应的ID层或图片上.  谢谢各位稍微提以下,小弟纠结了.