$(document).ready(function(){
	$('<img src="'+$('.animHolder ul li img').attr("src")+'" alt="" id="prevImg" />').appendTo('.animHolder');
	$('<img src="/img/imgBorder.png" alt="" class="borderImg" />').appendTo('#image');
	fader(1);
});

function fader(i) {
	var animInt = Math.floor(Math.random()*3)

	if(animInt == 0){
		$("#prevImg")
			.animate({
				width:"320px",
				padding : "70px"
			}, 3500);
	}
	else if (animInt == 1){
		$("#prevImg")
			.animate({
				paddingLeft : "130px"
			}, 3500);
	}
	else if (animInt == 2){
		$("#prevImg").css("width","420px");
		$("#prevImg")
			.animate({
				paddingTop : "70px"
			}, 3500);
	}

	$("#prevImg").animate({delay:1}, 2500)
	$("#prevImg").fadeOut(500,
	function(){
		if(this.complete){
			$("#prevImg").attr({'src':$('.animHolder ul li:eq('+i+') img').attr('src')});
			$("#prevImg").css("width","500px");
			$("#prevImg").css("padding","0");
		}
		$("#prevImg").fadeIn(500);
		i++;
		if(i == $('.animHolder ul li').children().size())
			i = 0;
		fader(i);
	});
}