var index = 0, images = [ "/images/main/img1006.jpg", "/images/main/img1007.jpg", "/images/main/img1008.jpg", "/images/main/img1009.jpg", "/images/main/img1010.jpg", "/images/main/img1011.jpg" ];
function runEffect() { $("#top-image").css("background-image", "url(" + images[index] + ")"); $("#top").effect( "slide", {}, 500, callback ); };
function callback() { $("#bottom-image").css("background-image", $("#top-image").css("background-image")); increment(); startTimer(); };
function startTimer() { setTimeout(function() { runEffect(); }, 4000 ); };
function increment() { index = (index + 1) % images.length; };
$(document).ready(function() { $("#top-image, #bottom-image").css("background-image", "url(" + images[index] + ")"); increment(); startTimer(); });