<div id="tabBox">
<ul class="tabs">
<li class="active"><a href="#">Реклама</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Видео</a></li>
</ul>
<div class="contain">
<div class="mask">
<ul>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5765141643057408";
/* arsenal-club #6 */
google_ad_slot = "8240817773";
google_ad_width = 220;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5765141643057408";
/* arsenal-club #7 */
google_ad_slot = "2277803610";
google_ad_width = 220;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</ul>
<ul>
$MYINF_19$
<li class="top"><a href="/news" class="ga-tracking-hook8">Далее »</a></li>
</ul>
<ul>
$MYINF_20$
<li class="top"><a href="/load" class="ga-tracking-hook8">Далее »</a></li>
</ul>
</div>
</div>
</div>
<style type="text/css">
#tabBox {
background:url(http://www.arsenal.com/assets/images/structure/tabBoxBg.gif) top left repeat-x;
height:135px;
width:242px;
clear:both;
}
#tabBox .tabs {
margin:0 0 0 5px;
padding:1px 0 0 0;
height:16px;
overflow:hidden;
border-left:1px solid #fff;
}
#tabBox .tabs li {
float:left;
height:16px;
}
#tabBox .tabs li.active a {
background:#fff;
color:#000;
padding-left:6px;
}
#tabBox .tabs li a {
float:left;
color:#fff;
display:block;
height:16px;
line-height:16px;
padding:0 4px 0 5px;
border-right:1px solid #fff;
}
#tabBox * {
margin:0;
padding:0;
}
#tabBox .contain {
overflow:hidden;
height:109px;
width:233px;
border:1px solid #fff;
background:#f2f2f2 url(http://www.arsenal.com/assets/images/structure/tabBoxCont.gif) top left repeat-x;
margin-left:5px;
}
#tabBox .contain .mask {
width:1200px;
}
#tabBox .contain ul {
float:left;
width:221px;
padding:6px;
}
#tabBox .contain ul li {
overflow:hidden;
height:17px;
float:left;
clear:left;
width:100%;
}
#tabBox .contain ul li.top a {
color:#ab0e00;
text-align:right;
padding-right:15px;
background:url(http://www.arsenal.com/assets/images/structure/tabArrow.gif) center right no-repeat;
border-bottom:none;
}
#tabBox .contain ul li a {
color:#454545;
display:block;
line-height:16px;
border-bottom:1px solid #cdcdcd;
}
</style>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
if (!window.rpl){
rpl = {};
};
rpl.init = function(){
rpl.tabs();
};
rpl.tabs = function(){
var tabBox = $("#tabBox"),
tabs = tabBox.find(".tabs").children("li");
tabs.bind("click",function(e){
var tabIndex = tabs.index(this);
$(this).addClass("active").siblings().removeClass("active");
rpl.slideBox(tabIndex);
e.preventDefault();
return false;
});
};
rpl.slideBox = function(tid){
var boxes = $(".contain");
if ( tid > 0 ) {
boxes.animate({
scrollLeft:parseInt(boxes.css("width"))*tid
},300);
} else {
boxes.animate({
scrollLeft:0
},300);
}
};
rpl.init();
});
</script>
</div>
