var seqTimer = 0;
var nowNum = 1;
var transitioning = false;
var imageTop = "40px";

function seqNextItem() {
	transitioning = true;
	var nextNum = nowNum + 1
	if (nextNum == 5) nextNum = 1;
		
	// Hide the current item
	$("#flipItem"+nowNum+" h3, #flipItem"+nowNum+" div").fadeOut(300);
	$("#flipItem"+nowNum+" img").animate({ top: "550px" }, 350, function(){
		
		$("#flipItem"+nowNum).hide();
		
		// Reset positioning
		$("#flipItem"+nowNum+" h3").show().css("left", "0");
		$("#flipItem"+nowNum+" div").show();
		$("#flipItem"+nowNum+" img").css("top", imageTop);
		
		// Switch dots
		$("#dots #dot"+nowNum).removeClass("on");
		$("#dots #dot"+nextNum).addClass("on");

		// Setup positioning
		$("#flipItem"+nextNum+" h3").css("left", "-500px").hide();
		$("#flipItem"+nextNum+" div").hide();
		$("#flipItem"+nextNum+" img").css("top", "550px");

		// Show the next item
		$("#flipItem"+nextNum).show();
		$("#flipItem"+nextNum+" img").animate({ top: imageTop }, 500, "easeOutBack", function(){
			$("#flipItem"+nextNum+" h3").show().animate({ left: "0" }, 450, "easeOutBack", function(){
				$("#flipItem"+nextNum+" div").fadeIn(500, function(){
					nowNum = nextNum;
					transitioning = false;
					seqTimer = setTimeout("seqNextItem()", 5000);
				});
			});
		});
	});
}

$(function(){
	seqTimer = setTimeout("seqNextItem()", 5000);
	
	$("#dots a").click(function(){
		if (!transitioning) {
			var dotId = $(this).attr("id");
			var nextNum = parseInt(dotId.substr(3, 1));
		
			// Hide current item
			$("#flipItem"+nowNum).hide();
			
			// Show new item
			$("#flipItem"+nextNum).show();
			
			// Switch dots
			$("#dots #dot"+nowNum).removeClass("on");
			$("#dots #dot"+nextNum).addClass("on");		
			
			nowNum = nextNum;
		}
		return false;
	});
	
	$("#spotlight").hover(function(){
		clearTimeout(seqTimer);
	}, function(){
		seqTimer = setTimeout("seqNextItem()", 2000);	
	});
	
});