<TABLE class=eBlock border=0 cellSpacing=0 cellPadding=0 width="400">
<TBODY>
<TR>
<TD style="PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px">
<DIV style="PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; MARGIN-BOTTOM: 5px; BACKGROUND: #2a2a2a; COLOR: #fff; PADDING-TOP: 10px; border-radius: 2px"><B>Видеоархив</B></DIV>
  <link type="text/css" rel="StyleSheet" href="/css/slidervideo.css" />
  <script src="/js/s3Slider.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $('#slider').s3Slider({  
  timeOut: 4000  
  });  
  });  
  </script>  

  <div id="slider">  
  <ul id="sliderContent">  

  $MYINF_3$  

  <div class="clear sliderImage"/>  

  </div></div></DIV></TD></TR></TBODY></TABLE>

/* ------ mobilyslider
-----------------------------------------------*/

#content {
width:950px;
margin:100px auto 0;
}

.slider {
float:left;
width:950px;
height:390px;
position:relative;
padding-bottom:26px;
background:url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:950px;
height:390px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:950px;
height:390px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}

$('.slider').mobilyslider({
       content: '.sliderContent',
       children: 'div',
       transition: 'fade',
       animationSpeed: 500,
       autoplay: false,
       autoplaySpeed: 3000,
       pauseOnHover: false,
       bullets: true,
       arrows: true,
       arrowsHide: true,
       prev: 'prev',
       next: 'next',
       animationStart: function(){},
       animationComplete: function(){}
    });

<?if($URI_ID$='shMain')?>

      <div id="content"><div class="slider">
             <div class="sliderContent">
<script src="/js/jquery.js" type="text/javascript"></script>  
<script src="/js/mobilyslider.js" type="text/javascript"></script>  
<script src="/js/init.js" type="text/javascript"></script>
                 <div class="item">
                     <img src="images/bigbanner.png" alt="" />
                 </div>
                 <div class="item">
                     <img src="images/img2.jpg" alt="" />
                 </div>
                 <div class="item">
                     <img src="images/img3.jpg" alt="" />
                 </div>
                 <div class="item">
                     <img src="images/img4.jpg" alt="" />
                 </div>
                 <div class="item">
                     <img src="images/img5.jpg" alt="" />
                 </div>
                 <div class="item">
                     <img src="images/img6.jpg" alt="" />
                 </div>
<?endif?>
</div>
</div>
</div>