Есть слайдер, не могу сделать автоматическое перелистование слайдов


$(document).ready(function() {

$(".slider").each(function () {
var obj = $(this);
$(obj).append("<div class='nav'></div>");
$(obj).find("li").each(function () {
$(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>");
$(this).addClass("slider"+$(this).index());

});
$(obj).find("span").first().addClass("on");
});
});
function sliderJS (obj, sl) { // slider function
var ul = $(sl).find("ul");
var bl = $(sl).find("li.slider"+obj);
var step = $(bl).width();
$(ul).animate({marginLeft: "-"+step*obj}, 500);
}
$(document).on("click", ".slider .nav span", function() { // slider click navigate
var sl = $(this).closest(".slider");
$(sl).find("span").removeClass("on");
$(this).addClass("on");
var obj = $(this).attr("rel");
sliderJS(obj, sl);
return false;
});



<div class="slider" style="float:left; border:1px solid #999;">
<ul>
<li><a href="#"><img src="{THEME}/images/1.png" alt=""></a></li>
<li><a href="#"><img src="{THEME}/images/2.png" alt=""></a></li>
<li><img src="{THEME}/images/3.png" alt=""></li>
<li><img src="i/4.jpg" alt=""></li>
<li><img src="i/5.jpg" alt=""></li>
</ul>
</div>