// JavaScript Document

$(document).ready(function(){
	
	var totalScreenshots = 4;
	var currentScreenShot = 1;
	
	$("#screen"+currentScreenShot).css({opacity: '1', zIndex: '2'});
	
	$('#screenholder').click(function () {
		$("#screen"+currentScreenShot).stop().animate({opacity: 0},600, "easeOutQuad");
		$("#screen"+currentScreenShot).css({zIndex: '1'});
		if(currentScreenShot+1>totalScreenshots){
			currentScreenShot = 1	
		} else {
			currentScreenShot++;
		}
		$("#screen"+currentScreenShot).stop().animate({opacity: 1},1000, "easeOutQuad");
		$("#screen"+currentScreenShot).css({zIndex: '1'});
	});
	
	
	

	
	
	
	
	
		
});