城市切换 请帮忙修改一下
这个是非常漂亮的城市切换代码。但我想让它可以弹出第三层，即是可以选择市。请大家帮我改改，谢谢！
<style type="text/css">
#city *{ margin:0;padding:0; z-index:1000000; left:-20px; float:left;}
#warpper{ position: relative; z-index:1000000; margin-top:0px;}
#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
#city a{ cursor:pointer; color:#616161}
#city dl{ height:18px; line-height:18px; padding:0 10px;}
#city li{ float:left; list-style-type:none; margin:0px 5px; width:222px;}
#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
#city dl dd{ position:absolute; width:222px; left:0;top:0px!important; border:1px solid #FDAD23;
background:#fff; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120,
color=#cccccc); padding:3px 0;}
.block{ display:block;}
.none{ display:none;}
</style>
<script language="javascript">
function $(str){ return document.getElementById(str);}
function $$(str){ return document.getElementsByTagName(str);}
var timer;
function changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
hids(thisObj);
thisObj.className="over";
$("c"+(num+1)).className="block";
$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
}
function hids(thisObj){
clearTimeout(timer);
var tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$(tabObj).getElementsByTagName("dt");
for(var i=0;i<obj_dt.length;i++){
obj_dt[i].className="normal";
$("c"+(i+1)).className="none";
}
}
//guangdong
</script>
<div id="city">
<dl id="warpper">
<dt onMouseOver="changeMenu(this,0);"><font color=#C80063><b>[城市切换]</b></font></dt>
<dd id="c1" class="none">
<ul>
<li>
<font color=#DE751E><b> 分站</b></font>
</li>
<li>
<a href="">总站</a></br>
<a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a></br>
</li>
<div id="city">
<dl id="warpper">
<dt onMouseOver="changeMenu(this,1);"><font color=#04AC5A><b>广东</b></font></dt>
<dd id="c2">
<ul>
<li>
<a href="">广州</a><a href="">深圳</a><a href="">珠海</a>
</li>
</ul>
</dd>
</dl>
</div>
<li>
<font color=#04AC5A><b> 去购物街</b></font>
</li>
<li>
<a href="thread.php?fid=31&type=139#tabA" title="此类包含[衣服/鞋帽/配饰/包包]等！[新窗口打开]"
target="_blank">服饰街</a>
<a href="thread.php?fid=31&type=139&type=140#tabA" title="此类包含[手机/电脑/数码/MP3/MP4/MP5]等！[新窗
口打开]" target="_blank">数码街</a>
<a href="thread.php?fid=31&type=140&type=141#tabA" title="此类包含[酒吧/茶水/旅馆/住宿/宾馆/KTV/烧烤]等
！[新窗口打开]" target="_blank">休闲街</a>
<a href="thread.php?fid=31&type=143&type=142#tabA" title="此类包含[护肤/美容/化妆品/女人用品]等！[新窗口
打开]" target="_blank">女人街</a>
<a href="thread.php?fid=31&type=142&type=143#tabA" title="此类包含[家具/家电/装修设计]等！[新窗口打开]"
target="_blank">家居街</a>
</li>
<li>
<a href="thread.php?fid=31&type=142&type=144#tabA" title="此类包含[影楼/珠宝/钻戒/婚纱]等！[新窗口打开]"
target="_blank">婚嫁街</a>
<a href="thread.php?fid=31&type=144&type=145#tabA" title="此类包含[餐饮/小吃/酒店/面包/糕点/食品类]等！[
新窗口打开]" target="_blank">美食街</a>
<a href="thread.php?fid=31&type=145&type=146#tabA" title="此类包含[游戏/Q币/点卡/手机话费/各类充值卡]等
！[新窗口打开]" target="_blank">虚拟街</a>
<a href="thread.php?fid=31&type=146&type=146#tabA" title="此类包含[摩托车/电动车/自行车/汽车/车辆类]等！
[新窗口打开]" target="_blank">汽车街</a>
<a href="thread.php?fid=31&type=146&type=148#tabA" title="此类包含[杂货/五金/渔具/印刷/公司/企业/综合类]
等！以上分类没有的请选此类！[新窗口打开]" target="_blank">百货街</a>
</li>
<li>
<font color=#087CAD><b> 不懂去哪</b></font>
</li>
<li>
<a href="apps.php?id=10" title="与福州网友一起同城玩的游戏！">玩游戏</a>
<a href="thread.php?fid=11&type=149#tabA" title="快乐贴图专版，让您开怀一笑，还有美女可看哦！">看美女
</a>
<a href="thread.php?fid=66" title="点击浏览最近的同城活动！">找活动</a>
<a href="u.php" title="点击返回您的个人操作中心！">回我家</a>
<a href="thread.php?fid=62&type=133#tabA" title="不懂注册？不懂发帖？不懂贴图？来这学学！">学两招</a>
</li>
</ul>
</dd>
</dl>
</div>
<!--城市切换！结束！-->
