Parallax

parallax.js

var animateDelay = 0;
var animationDelay = 2500;

function switchImage() {		
	$("#slider .currentSlide").fadeOut(1300, function() {
		$(this).removeClass("currentSlide").prev().addClass("currentSlide");
		li = $(this).detach();
		li.removeAttr("style").find("img").removeAttr("style");
		li.prependTo("#slider");
	
		parallaxGo();
	});
}

function parallaxGo() {		
	$("#slider li:last .bottom").delay(animateDelay).animate({
		marginLeft: $("#slider li:last .bottom").attr("rel")
	}, animationDelay, "linear");

	$("#slider li:last .middle").delay(animateDelay).animate({
		marginLeft: $("#slider li:last .middle").attr("rel")
	}, animationDelay, "linear");

	$("#slider li:last .top").delay(animateDelay).animate({
		marginLeft: $("#slider li:last .top").attr("rel")
	}, animationDelay, "linear");
}

$(document).ready(function() {
	setInterval("switchImage()", 5500);
	parallaxGo();
});