<div class="anno">
<div class="list">
<div class="item">
<div class="m"> <div class="top"><div class="time">25.04 20:00</div><div class="title">прошедший матч</div></div> <div class="inner"><div class="place">Стадион Сан-Сиро, Милан</div> <table><tr> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Milan_AC.png" alt="Милан"></td> <td class="score"><img width="50" src="http://fanacmilan.com/seriaAicon/180x180/Seria_A.png" title="Серия А" alt="Серия А"><br>1:0</td> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Genoa.png" alt="Дженоа"></td> </tr></table> <div class="place_1"><b><br><a href="http://fanacmilan.com/news/chempionat_italii_milan_s_trudom_odolel_dzhenoa/2012-04-25-38252" target="_blank">ОТЧЕТ О МАТЧЕ</a></b></div> </div> </div> <div class="m"> <div class="top"><div class="time">29.04 17:00</div><div class="title">прошедший матч</div></div> <div class="inner"><div class="place">Стадио Артемио Франки, Сиена</div> <table><tr> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Siena.png" alt="Сиена"></td> <td class="score"><img width="50" src="http://fanacmilan.com/seriaAicon/180x180/Seria_A.png" title="Серия А" alt="Серия А"><br>1:4</td> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Milan_AC.png" alt="Милан"></td> </tr></table> <div class="place_1"><b><br><a href="http://fanacmilan.com/news/kassano_vozvrashhaetsja/2012-04-29-38322" target="_blank">ОТЧЕТ О МАТЧЕ</a></b></div> </div> </div> <div class="m"> <div class="top"><div class="time">02.05 22:45</div><div class="title">прошедший матч</div></div> <div class="inner"><div class="place">Стадион Сан-Сиро, Милан</div> <table><tr> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Milan_AC.png" alt="Милан"></td> <td class="score"><img width="50" src="http://fanacmilan.com/seriaAicon/180x180/Seria_A.png" title="Серия А" alt="Серия А"><br>2:0</td> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Atalanta.png" alt="Аталанта"></td> </tr></table> <div class="place_1"><b><br><a href="http://fanacmilan.com/news/milan_priblizhaetsja_k_juventusu/2012-05-03-38403" target="_blank">ОТЧЕТ О МАТЧЕ</a></b></div> </div> </div> <div class="m"> <div class="top"><div class="time">06.05 22:45</div><div class="title">прошедший матч</div></div> <div class="inner"><div class="place">Стадион Сан-Сиро, Милан</div> <table><tr> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Internazionale_FC.png" alt="Интер"></td> <td class="score"><img width="50" src="http://fanacmilan.com/seriaAicon/180x180/Seria_A.png" title="Серия А" alt="Серия А"><br>4:2</td> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Milan_AC.png" alt="Милан"></td> </tr></table> <div class="place_1"><b><br><a href="http://fanacmilan.com/news/inter_oderzhal_pobedu_v_milanskom_derbi/2012-05-07-38498" target="_blank">ОТЧЕТ О МАТЧЕ</a></b></div> </div> </div> <div class="m"> <div class="top"><div class="time">13.05 17:00</div><div class="title">прошедший матч</div></div> <div class="inner"><div class="place">Стадион Сан-Сиро, Милан</div> <table><tr> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Milan_AC.png" alt="Милан"></td> <td class="score"><img width="50" src="http://fanacmilan.com/seriaAicon/180x180/Seria_A.png" title="Серия А" alt="Серия А"><br>2:1</td> <td class="team"><img src="http://fanacmilan.com/seriaAicon/Novara1234.png" alt="Новара"></td> </tr></table> <div class="place_1"><b><br><a href="http://fanacmilan.com/news/pippo_indzagi_prinjos_milanu_pobedu_nad_novaroj/2012-05-13-38693" target="_blank">ОТЧЕТ О МАТЧЕ</a></b></div> </div> </div>
</div>
</div><script type="text/javascript">
<!--
$(document).ready(function(){
var annoindex = 3;
var prev1 = 3;
var prev2 = 4;
var list = $('.anno .item');
$('.anno .item').css('margin-top','-489px');
$('.scr .down').click( function() {
if($('.anno div:animated').length > 0)
return false;
var marg = parseInt(list.css('margin-top'));
if(isNaN(marg)) marg = 0;
var length = parseInt(list.height());
if(marg <= -1*(length-316)) return false;
$('.scr #pos'+prev1).removeClass('sel');
$('.scr #pos'+prev2).removeClass('sel');
prev1++;
prev2++;
$('.scr #pos'+prev1).addClass('sel');
$('.scr #pos'+prev2).addClass('sel');
list.animate({ marginTop: (marg - 163) + 'px' }, {duration: 500, queue: false})
})
$('.scr .up').click(function(){
if($('.anno div:animated').length > 0)
return false;
var marg = parseInt(list.css('margin-top'));
if(isNaN(marg)) marg = 0;
var length = parseInt(list.height());
if(marg >= 0) return false;
$('.scr #pos'+prev1).removeClass('sel');
$('.scr #pos'+prev2).removeClass('sel');
prev1--;
prev2--;
$('.scr #pos'+prev1).addClass('sel');
$('.scr #pos'+prev2).addClass('sel');
list.animate({ marginTop: (marg + 163) + 'px' }, {duration: 500, queue: false})
})
});
-->
</script>
<div class="scr">
<div class="up"></div>
<div class="down"></div>
<span id="pos0" class="pos"></span>
<span id="pos1" class="pos"></span>
<span id="pos2" class="pos"></span>
<span id="pos3" class="pos sel"></span>
<span id="pos4" class="pos sel"></span>
<span id="pos5" class="pos"></span>
<span id="pos6" class="pos"></span>
<span id="pos7" class="pos"></span>
</div>
</div>
