横向导航的问题！

function switchTab(tabpage,tabid){
var oItem = document.getElementById(tabpage).getElementsByTagName("li"); 
    for(var i=0; i<oItem.length; i++){
        var x = oItem[i];    
        x.className = "";
}
document.getElementById(tabid).className = "Selected";
var dvs=document.getElementById("cnt").getElementsByTagName("div");
for (var i=0;i<dvs.length;i++){
  if (dvs[i].id==('d'+tabid))
    dvs[i].style.display='block';
  else
     dvs[i].style.display='none';
}
}<div id="contents">
  <div class="right">
   <ul id="TabPage1">
<li id="Tab1" class="Selected" onClick="javascript:switchTab('TabPage1','Tab1');" title="首页">第一季度</li>
<li id="Tab2" onClick="javascript:switchTab('TabPage1','Tab2');">第二季度</li>
<li id="Tab3" onClick="javascript:switchTab('TabPage1','Tab3');">第三季度</li>
<li id="Tab4" onClick="javascript:switchTab('TabPage1','Tab4');">第四季度</li>
   </ul>
<div id="cnt">
  <div id="dTab1" class="Box">
    <iframe src="list_part.asp" name="content1" frameborder="0" scrolling="auto"></iframe>
  </div>
  <div id="dTab2" class="HackBox Box">
<iframe src="第二调用地址" name="content2" frameborder="0" scrolling="auto"></iframe>
  </div>
  <div id="dTab3" class="HackBox Box">
<iframe src="第二调用地址" name="content3" frameborder="0" scrolling="auto"></iframe>
  </div>
  <div id="dTab4" class="HackBox Box">
<iframe src="第二调用地址" name="content4" frameborder="0" scrolling="auto"></iframe>
  </div>
</div>
</div>
</div>谁帮我看一下上面的代码那里有问题，应该是显示四个季度，点击后下面的层显示框架，现在只能显示一、二、四季度，三季度的导航条不显示，是怎么回事？