<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css" ></link>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function() {
$('#slaider').width($(document).width());
w = $(document).width() - 978;
w = w / 2;
w_ = $(document).width() - w;
center = $(document).width() / 2;
$('.slaide_info').offset({left:center - 489});
left = center - 2055;
$('#s_1').offset({left:left});
left = center - 1533;
$('#s_2').offset({left:left});
left = center - 1011;
$('#s_3').offset({left:left});
left = center - 33;
$('#s_4').offset({left:left});
left = center + 489;
$('#s_5').offset({left:left});
left = center + 1011;
$('#s_6').offset({left:left});
left = center + 1533;
$('#s_7').offset({left:left});
$('.mask').width(w);
$('#m_1').offset({left:0});
$('#m_2').offset({left:w_});
});
</script>
</head>
<body>
<div id="slaider">
<div id="s_1" class="slaide"><img src="img/1.jpg"/></div>
<div id="s_2" class="slaide"><img src="img/2.jpg"/></div>
<div id="s_3" class="slaide"><img src="img/3.jpg"/></div>
<div id="s_4" class="slaide"><img src="img/4.jpg"/></div>
<div id="s_5" class="slaide"><img src="img/2.jpg"/></div>
<div id="s_6" class="slaide"><img src="img/3.jpg"/></div>
<div id="s_7" class="slaide"><img src="img/1.jpg"/></div>
<div class="slaide_info">
<img id="prev_slaide" src="img/sys/l_a_1.gif" class="arrow" />
<img id="next_slaide" src="img/sys/r_a_1.gif" class="arrow" />
<div style="top:350px; background:white; width:100%; height:30px; margin-left:100px;">подробнее</div>
</div>
</div>
<div id="m_1" class="mask"></div>
<div id="m_2" class="mask"></div>
<script>
var scroll_l = 1;
var scroll_r = 1;
$('#prev_slaide').click(function() {
if ($('#s_7').offset().left == 687) {scroll_l = 0;} else {scroll_l = 1;}
if (scroll_l == 1) {
if ($('#s_1').offset().left == 687) {$('#s_1').animate({left: $('#s_1').offset().left - 978}, 1000);} else {$('#s_1').animate({left: $('#s_1').offset().left - 522}, 1000);}
if ($('#s_2').offset().left == 687) {$('#s_2').animate({left: $('#s_2').offset().left - 978}, 1000);} else {$('#s_2').animate({left: $('#s_2').offset().left - 522}, 1000);}
if ($('#s_3').offset().left == 687) {$('#s_3').animate({left: $('#s_3').offset().left - 978}, 1000);} else {$('#s_3').animate({left: $('#s_3').offset().left - 522}, 1000);}
if ($('#s_4').offset().left == 687) {$('#s_4').animate({left: $('#s_4').offset().left - 978}, 1000);} else {$('#s_4').animate({left: $('#s_4').offset().left - 522}, 1000);}
if ($('#s_5').offset().left == 687) {$('#s_5').animate({left: $('#s_5').offset().left - 978}, 1000);} else {$('#s_5').animate({left: $('#s_5').offset().left - 522}, 1000);}
if ($('#s_6').offset().left == 687) {$('#s_6').animate({left: $('#s_6').offset().left - 978}, 1000);} else {$('#s_6').animate({left: $('#s_6').offset().left - 522}, 1000);}
if ($('#s_7').offset().left == 687) {$('#s_7').animate({left: $('#s_7').offset().left - 978}, 1000);} else {$('#s_7').animate({left: $('#s_7').offset().left - 522}, 1000);}
$('.slaide_info').animate({opacity: "hide"}, 500);
$('.slaide_info').animate({opacity: "show"}, 500);}
});
$('#next_slaide').click(function() {
if ($('#s_1').offset().left == 687) {scroll_r = 0;} else {scroll_r = 1;}
if (scroll_r == 1) {
if ($('#s_1').offset().left == -291) {$('#s_1').animate({left: $('#s_1').offset().left + 978}, 1000);} else {$('#s_1').animate({left: $('#s_1').offset().left + 522}, 1000);}
if ($('#s_2').offset().left == -291) {$('#s_2').animate({left: $('#s_2').offset().left + 978}, 1000);} else {$('#s_2').animate({left: $('#s_2').offset().left + 522}, 1000);}
if ($('#s_3').offset().left == -291) {$('#s_3').animate({left: $('#s_3').offset().left + 978}, 1000);} else {$('#s_3').animate({left: $('#s_3').offset().left + 522}, 1000);}
if ($('#s_4').offset().left == -291) {$('#s_4').animate({left: $('#s_4').offset().left + 978}, 1000);} else {$('#s_4').animate({left: $('#s_4').offset().left + 522}, 1000);}
if ($('#s_5').offset().left == -291) {$('#s_5').animate({left: $('#s_5').offset().left + 978}, 1000);} else {$('#s_5').animate({left: $('#s_5').offset().left + 522}, 1000);}
if ($('#s_6').offset().left == -291) {$('#s_6').animate({left: $('#s_6').offset().left + 978}, 1000);} else {$('#s_6').animate({left: $('#s_6').offset().left + 522}, 1000);}
if ($('#s_7').offset().left == -291) {$('#s_7').animate({left: $('#s_7').offset().left + 978}, 1000);} else {$('#s_7').animate({left: $('#s_7').offset().left + 522}, 1000);}
$('.slaide_info').animate({opacity: "hide"}, 500);
$('.slaide_info').animate({opacity: "show"}, 500);
do_anim = 0;}
});
</script>
</body>
</html>
Здравствуйте, подскажите как отключить кнонку во время анимации, а то если два раза нажать то анимация некорректно выполняется