// TopTab1.0 By China_Y,www.wdsxp.com.Retain copyright
function topTab(n){
    for(i=1; i<=3; i++) //Setting left options menu, cannot be left for 0
    {      
        if(i==n){document.getElementById("lft"+i).style.display = "block";
    document.getElementById("lfta"+i).className = "TopTab-l-li";
    }
        else{document.getElementById("lft"+i).style.display = "none";
    document.getElementById("lfta"+i).className = "";
    }
    }
}

function topTabr(n){
    for(i=1; i<=3; i++) //Setting right options menu, cannot be left for 0
    {      
        if(i==n){document.getElementById("rt"+i).style.display = "block";
    document.getElementById("rta"+i).className = "TopTab-r-li";
    }
        else{document.getElementById("rt"+i).style.display = "none";
    document.getElementById("rta"+i).className = "";}
    }
}


// navin
function youtube_embed(s){document.write('<object width="425" height="355"><param name="movie" value="'+s+'"></param><param name="wmode" value="transparent"></param><embed src="'+s+'" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>');}

<div id="TopTab">
      <div id="TopTab-l">
            <div class="TopTab-l-l">
                <ul>
                <li><a class="TopTab-l-li" onfocus="this.blur();" id="lfta1" href="javascript:topTab(1);">左菜单项目LEFT1</a></li>
                <li><a id="lfta2" onfocus="this.blur();" href="javascript:topTab(2)">左菜单项目LEFT2</a></li>
                <li><a id="lfta3" onfocus="this.blur();" href="javascript:topTab(3)">左菜单项目LEFT3</a></li>
               </ul>
            </div>
            <div class="TopTab-mid">
                      <div id="lft1" style="display:block;" class="TopTab-mid-cont">左菜单主体内容 1</div>
                      <div id="lft2" style="display:none;" class="TopTab-mid-cont">左菜单主体内容 2</div>
                      <div id="lft3" style="display:none;" class="TopTab-mid-cont">左菜单主体内容 3</div>
            </div>
      </div>
      <div id="TopTab-r">
             <div class="TopTab-mid2">
                    <div id="rt1" style="display:block;" class="TopTab-mid-cont">右菜单主体内容 1</div>
                    <div id="rt2" style="display:none;" class="TopTab-mid-cont">右菜单主体内容 2</div>
                    <div id="rt3" style="display:none;" class="TopTab-mid-cont">右菜单主体内容 3</div>
              </div>
              <div class="TopTab-r-r">
                   <ul>
                   <li><a class="TopTab-r-li" onfocus="this.blur();" id="rta1" href="javascript:topTabr(1);">右菜单项目RIGHT1</a></li>
                    <li><a id="rta2" onfocus="this.blur();" href="javascript:topTabr(2)">右菜单项目RIGHT2</a></li>
                    <li><a id="rta3" onfocus="this.blur();" href="javascript:topTabr(3)">右菜单项目RIGHT3</a></li>
                  </ul>
             </div>
     </div>
</div>

/*  CSS TopTab width:821px */
#TopTab{width:100%;margin:0;padding:0;}
#TopTab-l {
    width:407px;
    float:left;
    height:157px;
    margin-right:4px;
}
#TopTab-r {
    width:410px;
    float:right;
    height:157px;
}
.TopTab-l-l {
    width:150px;
    float:left;
    height:157px;
}
.TopTab-r-r{
    width:150px;
    float:left;
    height:157px;
}
.TopTab-l-l ul, .TopTab-r-r ul{
    padding:9px 0;
    margin:0;
}
.TopTab-l-l li, .TopTab-r-r li{
    list-style:none;
    background:#ccc;
}
.TopTab-l-l li a{
    color:#333;
    width:130px;
    height:29px;
    font-size: 12px;
    padding:16px 20px 0 0;
    text-align:right;
    display:block;
    outline:none;
}
.TopTab-r-r li a{
    color:#333;
    width:130px;
    height:29px;
    font-size: 12px;
    padding:16px 0 0 20px;
    text-align:left;
    display:block;
    outline:none;
}
.TopTab-l-l li a:hover, .TopTab-l-li{
    background:#999;
    color:#FFF!important;  
}
.TopTab-r-r li a:hover, .TopTab-r-li{
    background:#999;
    color:#FFF!important;  
}
.TopTab-mid, .TopTab-mid2{
    float:left;
    height:157px;
    overflow:hidden;
    width:254px;
    border:1px solid #999;
    background:#f2f2f2;
}
.TopTab-mid-cont{
    padding:8px 5px;
    margin:0;
    color:#5c5c5c;
}
.TopTab-mid-cont a{color:#6c6c6c;}
.TopTab-mid-cont a:hover{color:#bbb;}
.TopTab-mid-cont ul{padding:0 5px;margin:0;}
.TopTab-mid-cont li{ list-style:none;}

$elements['sideblock_category']='';

<!--global:{block_category}-->