$(document).ready(function(){

	var delay = 2500;  // 2500
	var interval = 4000;  // 5000
	var initialInterval = 5000;  // 7000
	
	var size = getCookie('size');
	
	$(window).load(function() {		
		$("#pic1").css("opacity", 0);	
		$("#pic1").css("display", "block");	

		$("#pic1")
		.animate( 
			{ 
				opacity: 1
			}, delay, "swing"
		);
		setTimeout( "setup()", initialInterval);		
	});
	
/*
 	$(".enter").mouseenter(function () {
		$(".enter").css("color", "#00ff00");
		$("#animationContainer").css("border", "solid 1px #00ff00");
	});
	$(".enter").mouseleave(function () {
		$(".enter").css("color", "grey");		
		$("#animationContainer").css("border", "solid 1px grey");
	});
*/
	
});

var delay = 2500;  // 2500
var interval = 4000;  // 5000


function setup()
{
	
	$("#pic2").css("display", "block");
	$("#pic3").css("display", "block");
	$("#pic4").css("display", "block");
	$("#pic5").css("display", "block");
	$("#pic6").css("display", "block");
	$("#pic7").css("display", "block");
	
	$("#pic2").css("opacity", 1);
	$("#pic3").css("opacity", 1);
	$("#pic4").css("opacity", 1);
	$("#pic5").css("opacity", 1);
	$("#pic6").css("opacity", 1);
	$("#pic7").css("opacity", 1);
	
	trans1();
}

function trans1()
{
	$("#pic1")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans2()",interval); }
	);	
}

function trans2()
{	
	$("#pic2")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans3()",interval); }
	);
}

function trans3()
{
	$("#pic3")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans4()",interval); }
	);
}

function trans4()
{
	$("#pic4")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans5()",interval); }
	);
}

function trans5()
{
	$("#pic5")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans6()",interval); }
	);
}

function trans6()
{
	$("#pic6")
	.animate( 
		{ 
			opacity: 0
		}, delay, "linear", function(){ setTimeout("trans7()",interval); }
	);
}

function trans7()
{
	$("#pic1")
	.animate( 
		{ 
			opacity: 1
		}, delay, "linear", function(){ setTimeout("setup()",interval); }
	);
}