var sec=4; var cAct=1; var cOld=0; var maxWidth=438; var block=false; var inVal=0; var forw=true; function doSlide(obj,show){ if (!block){ $("#sliderNumbers a").removeClass("active"); $("#sliderNumbers a[rel="+cAct+"]").addClass("active"); if (show){ block=true; obj.find("header").css("bottom",-44); obj.css("left",(forw ? maxWidth : -maxWidth)); obj.animate({ left: 0 },500,function(){ block=false; obj.find("header").animate({"bottom":0}); }); } else { obj.animate({ left: (forw ? -maxWidth : maxWidth) },500,function(){ block=false; obj.find("header").css("bottom",-44); }); } } } sGen=setInterval(function(){ inVal++; if (inVal>=(10*sec)){ inVal=0; cOld=cAct; if (forw) cAct++; else cAct--; if (cAct>cSlider && forw) cAct=1; else if (cAct<1 && !forw) cAct=cSlider; if (cOld>0){ doSlide($("#slide"+cOld),false); } doSlide($("#slide"+cAct),true); } },100); $(document).ready(function(){ $("#sliderNumbers a").click(function(){ aClick=parseInt($(this).prop("rel")); if (!block && aClick!=cAct){ inVal=0; cOld=cAct; cAct=aClick; forw=cAct>=cOld; if (cOld>0){ doSlide($("#slide"+cOld),false); } doSlide($("#slide"+cAct),true); } this.blur(); return false; }); });