$(document).ready(function(){

	// Square Logo Animation
	$("#base").animate({opacity: "1"}, 680)
	.animate({opacity: "0"}, 100)
	.animate({opacity: "1"}, 100);
	$("#two").animate({opacity: "1"}, 680)
	.animate({opacity: "0"}, 50)
	.animate({opacity: "1"}, 50);
	$("#one").animate({opacity: "1"}, 680)
	.animate({opacity: "0"}, 50)
	.animate({opacity: "1"}, 50);
	// End Logo Animation
	// TextBlur Animation
	$("#TextIntro").animate({opacity: "1"}, 680)
	.animate({top: "+=165"}, 300)
	.animate({left: "+=145"}, 400);

	// Start Menu Animation
	$("#AboutUs").animate({opacity: "0"}, 840)
	.animate({opacity: ".4"}, 50);
	$("#Service").animate({opacity: "0"}, 860)
	.animate({opacity: ".4"}, 100);
	$("#Portfolio").animate({opacity: "0"}, 920)
	.animate({opacity: ".4"}, 50);
	$("#ContactUs").animate({opacity: "0"}, 1000)
	.animate({opacity: ".4"}, 50);
	// End Menu Animation
	$("#CONT").animate({opacity: "0"}, 1060)
	.animate({opacity: "1"}, 50);
	$("#SAV").animate({opacity: "0"}, 1020)
	.animate({opacity: "1"}, 50);
	$("#HSC").animate({opacity: "0"}, 1090)
	.animate({opacity: "1"}, 50);
	$("#PLU").animate({opacity: "0"}, 1130)
	.animate({opacity: "1"}, 50);
	$("#Handboek").animate({opacity: "0"}, 1170)
	.animate({opacity: "1"}, 50);

	$('#timer').countdown({until: 3, compact: true, onExpiry:frame2, description: ' to Go'});

	$(".button").hover(
		  function() {
			//alert("robby");
	        $(this).stop().animate({opacity: "1"}, 500);
	      }, function () {
	        $(this).stop().animate({opacity: "0.4"}, 500);
	      }
		);
		return false;





	function frame2() {
		$("#HSC").animate({left: "-=293"}, 720)
		.animate({top: "-=146"}, 500);
		$("#SAV").animate({left: "+=144"}, 600)
		.animate({top:"-=289"}, 400);
		$("#PLU").animate({left: "-=582"}, 1200);
		$("#CONT").animate({left: "-=146"}, 560)
		.animate({top: "+=144"}, 800);
		$("#Handboek").animate({left: "+=145"}, 500)
		.animate({top: "+=145"}, 600);
		$("#TextIntro").animate({left: "-=584"}, 700);
		$("#HSCBus").animate({opacity: "0"}, 900)
		.animate({opacity: "+=1"}, 200);
		$("#Annual").animate({opacity: "0"}, 1050)
		.animate({opacity: "+=1"}, 200);
		$("#Holbein").animate({opacity: "0"}, 900)
		.animate({opacity: "+=1"}, 200);
		$("#Text").animate({opacity: "0"}, 1050)
		.animate({opacity: "+=1"}, 200)
		.animate({top: "+=290"}, 900);
	}


});