var time_d=4000; //time for delay var time_t=8000; //time for timeout var time_r=700; //time for replacement var now_visible=0; var number; var counter=0; var busy=false; $(document).ready(function() { $(".carusel_banner").css('opacity',0).hide(); $(".carusel_banner").eq(0).css('opacity',1).show(); number = $("#carusel_banner_modul .carusel_banner").size(); while (counter'); } $("#carusel_banner_modul .carusel_banner_nav_block .carusel_banner_nav").eq(0).toggleClass('carusel_activ'); $("#carusel_banner_modul .carusel_banner").eq(0).show().animate({opacity:1}, time_r, t_next_bann()); $('.carusel_banner_nav').bind('click', function() { now_visible = $(this).index(); $(".carusel_banner_nav").removeClass('carusel_activ'); $(".carusel_banner").stop().animate({opacity:0}, time_r, function(){$(".carusel_banner").not($("#carusel_banner_modul .carusel_banner").eq(now_visible)).hide();}); $(".carusel_banner_nav").eq(now_visible).addClass('carusel_activ'); $("#carusel_banner_modul .carusel_banner").eq(now_visible).stop().show().animate({opacity:1}, time_r ); if (!busy) {busy=true; setTimeout(zadergka, time_t);} }); }); function next_bann(){ if (busy) return ; $("#carusel_banner_modul .carusel_banner").eq(now_visible).animate({opacity:0}, time_r, function(){$("#carusel_banner_modul .carusel_banner").eq(now_visible-1).hide();}); $("#carusel_banner_modul .carusel_banner_nav_block .carusel_banner_nav").eq(now_visible).toggleClass('carusel_activ'); now_visible++; if (now_visible>=number) now_visible=0; $("#carusel_banner_modul .carusel_banner").eq(now_visible).show().animate({opacity:1}, time_r, t_next_bann()); $("#carusel_banner_modul .carusel_banner_nav_block .carusel_banner_nav").eq(now_visible).toggleClass('carusel_activ'); }; function t_next_bann(){setTimeout(next_bann, time_d);} function zadergka(){busy=false; next_bann();}