关于js调用外部CSS的问题

我的代码原来是放在页面里面的，现在想css和js都单独出来，这样比较容易修改，可是关于JS中调用CSS的问题，小弟搞不清楚，希望大家帮帮忙，代码如下：
<style type="text/css"> 
.a101 
{   background-image: url(Images/Index/mid30_bg1.jpg);
color: #ffffff;
font-weight: bold;
padding-top:3px;
} 
.a102 
{
background-color:#B3B3B3;
color: #ffffff;
padding-top:3px;
} 
</style>现在想把这段代码放在css/css_index.css文件中，原来调用它的js代码如下：
<script language="javascript"> 
function asecBoard(n) 
{     for(i=1;i<3;i++) 
    { 
        eval("document.getElementById('al0"+i+"').className='a102'"); 
        eval("abx0"+i+".style.display='none'"); 
    } 
    eval("document.getElementById('al0"+n+"').className='a101'"); 
    eval("abx0"+n+".style.display='block'"); 
} 
</script>打算把这段代码放在js/js_index.js文件中，代码应该怎么改才能调用原来的CSS样式？？？