Как сделать, чтобы каждые пять секунд чередовались эти 4 функции?
$('#slideshow-nav-1').addClass('active').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide1.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').addClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-2').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide2.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').addClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-3').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide3.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').addClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-4').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide4.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').addClass('active');
});