如何使每个页面对应的菜单选项背景区别与其他页面菜单背景

如题：我使用了一段代码，可以判断当前页在数组中的位置，但是在判断菜单中的次序时，dv中却好像老是没数据！求高手解答：
代码如下：
<script language="javascript" type="text/javascript">
var tp;
var url = location.pathname+location.search; // 用来取当前页面的文件名+参数
var arr = new Array();
// 将导航菜单中的页面文件名存入arr数组
arr.push("/WebSite1/Default.aspx"); 
arr.push("/WebSite1/Default2.aspx"); 
arr.push("/WebSite1/Default3.aspx");
// 判断当前页面在数组中的位置
for(i=0;i<arr.length;i++)
{
if(url.lastIndexOf(arr[ i ]) > -1)
{
tp=i; 
} 
}
var dv = document.getElementById("<%=LeftMenu.ClientID %>");
// 将位于id=LeftMenu中的所有a标签都存入lk中
var lk = dv.getElementsByTagName("a");
document.write(dv.length);
// 改变当前所在菜单项的样式
for(i=0;i<lk.length;i++)
{ 
if(i == tp)
{
switch(i) { 
case 0:
lk[ i ].style.fontWeight="bold";
lk[ i ].style.color="red";
lk[ i ].style.background="url(Images/menu_now.gif)";
case 1:
lk[ i ].style.fontWeight="bold";
lk[ i ].style.color="red";
lk[ i ].style.background="url(Images/menu_now.gif)";
case 2:
lk[ i ].style.fontWeight="bold";
lk[ i ].style.color="red";
lk[ i ].style.background="url(Images/menu_now.gif)";
break;
}
}
}
</script>
<div id="LeftMenu" runat="server">
<a href="Default.aspx" >1</a>
<a href="Default2.aspx">2</a>
<a href="Default3.aspx">3</a>
</div>