$(function() {
	/*design variables*/
	var postsGap = 150;
	var hovertotopanimation = 0;
	/*betascripts on variables*/
	var searchblog = 0;
	/*Script options*/
	var scripttest = 0;
	var spicyAlerts = 0;
	
	/*helper variables*/
	var firstGap =  $(window).width() / 2 - $('.post').width()/2;
	var amount = $('.postwrapper').width() + postsGap;
	var postWidth = $('.postwrapper').width();
	
	/*animation attributes*/
	var popupanimationtime = 1000;
	
	var defaultposition = 100;
	
	/*Posts concerning variables*/
	var currentPost = 1;
	var postsOnSite = 0;
	
	/*Script conrol variables*/
	var menuopen = 0;
	var postisopen = 0;
	var freeForAnimation = 1;
	var openPostHeight = 0;
	var postHeight;
	var postinfoleft = 0;
	var currentObjectOpened = 0;

 	
	//throw "Hey, looks like you found the console! Play a little bit with it! Try something like  $(*).css({background-color: #F00}); ."
	
 	/*design additions*/
	if(spicyAlerts) {		
	
	};	

	$('#blackscreen').click( function() {
		if(scripttest) {
			alert("blackscreen.click");
		}
		
		switch (currentObjectOpened) {
			case 0: //something went wrooooong!
				
				break;
			case 1: //ipad
				$("#ipad").animate({"top": 100}, popupanimationtime);
				$("#ipadapp").animate({"top": -2000}, popupanimationtime );
				
				break;
				
			case 2:  //blog
				$("#blog").animate({"top": 100}, popupanimationtime);
				$("#blogapp").animate({"top": -2000}, popupanimationtime );


				break;
			case 3: //mail
				$("#mail").animate({"top": 100}, popupanimationtime);
				$("#mailapp").animate({"top": -2000}, popupanimationtime );
				
				break;	
			case 4: // somethin
				$('#bar').click();	
		}
		
		$('#blackscreen').animate( {"opacity": "0"}, "slow", function (){
			$('#blackscreen').css({"display" : "none"});
		});
		
	});
	
	//Add the arrowkey navigation
	$(document).keydown(function(e){
		if(scripttest) {
			alert("document.keydown: " + e.keyCode);
		}
		switch (e.which) {
			case 39: // right arrow
				/*
				('#container').move(0,-1);
				*/
				$('#previous').click();
				
				break;
			case 37: //left arrow
				/*
				$(document).move(0,1);
				*/
				$('#next').click();
				break;
				
			case 40:  //down arrow
				$('.more').click();
				$("a").click();
				break;
			case 38: //up arrow
				$('.more').click();
				$("a").click();
				break;	
			case 32:
				$('#bar').click();	
		}
		
	});
	
	$(".postlistitem").click(function() {
		
		if(scripttest) {
			alert("The postlistitem was clicked.");
		}
		$("#articletitleindisplay").html($(this).find(".articletitleinlist").html());
		$("#postcontentindisplay").html($(this).find(".postcontent").html());
		$("#dateindisplay").html($(this).find(".date").html());
		$("#articledisplay").jScrollPane();
		
	});
	
	$(".ipadlistitem").click(function() {
		if(scripttest) {
			alert("The ipaditemlist was clicked.");
		}
		$("#ipadapprightdisplaytopbar").html($(this).find(".projectstitleinlist").html());
		$("#ipadrightdisplayprojecttitle").html($(this).find(".projectstitleinlist").html());
		$("#ipadrightdisplayprojectinfo").html($(this).find(".projectinfo").html());


		$("#projectimage").html($(this).find(".projectslistitemimage").html());
		$("#projectimage").find(".projectimageimg").css({"display" :"block"});
		
		
		
	});
	
	$("#blog").click(function() {
		if(scripttest) {
			alert("The blog was clicked.");
		}
		
		
		
		currentObjectOpened = 2;
		$('#blackscreen').css({"display" : "inherit"});
		$('#blogapp').css({"display" : "inherit"});

		$('#blackscreen').animate( {"opacity": "1"}, "fast");
	
		$("#blogapp").animate({"top": 20}, popupanimationtime );	

		$("#blog").animate({"top": -2000}, popupanimationtime);

		
		
		
	});
	
	$("#ipad").click(function() {
		if(scripttest) {
			alert("The ipad was clicked.");
		}
		

		currentObjectOpened = 1;
		$('#blackscreen').css({"display" : "inherit"});
		$('#ipadapp').css({"display" : "inherit"});

		$('#blackscreen').animate( {"opacity": "1"}, "fast");
				
		$("#ipad").animate({"top": -2000}, popupanimationtime);
		$("#ipadapp").animate({"top": 20}, popupanimationtime );	
		
	});	
	
	$("#mail").click(function() {

		if(scripttest) {
			alert("The mail was clicked.");
		}
		
		currentObjectOpened = 3;
		$('#blackscreen').css({"display" : "inherit"});
		$('#mailapp').css({"display" : "inherit"});

		$('#blackscreen').animate( {"opacity": "1"}, "fast");
				
		$("#mail").animate({"top": -2000}, popupanimationtime);
		$("#mailapp").animate({"top": 0}, popupanimationtime );

	
	});
	
	
	if(hovertotopanimation) {
	$(".hovertotopanimation").hover( function () {
		if(scripttest) {
			alert("hovertotopanimation.hover");
		};
		
		//var object = $(this);
		//var defaultposition = object.position();
		//defaultposition = defaultposition.top;
		
		var defaultposition = 100;
		
   		$(this).animate( {"top": "80"}, 50);	
	 	 },
 		function () {
   		$(this).animate( {"top": defaultposition}, 50);	
			
		}
		
	);
	}	

	$(window).resize(function() {
		if(scripttest) {
			alert("$(window).resize(function()");
		}
		/* Calculate the first gap, so everything stays centered; and update the global variable*/
		
		var newLeft = $(window).width() / 2 - $('#blogapp').width()/2;
		$('#blogapp').css({"left": newLeft});
		
		var newLeft = $(window).width() / 2 - $('#mailapp').width()/2;
		$('#mailapp').css({"left": newLeft});
		
		var newLeft = $(window).width() / 2 - $('#ipadapp').width()/2;
		$('#ipadapp').css({"left": newLeft});
		
		$('#blackscreen').css({"width" : $(window).width()});
		$('#blackscreen').css({"height" : $(window).height()});		
		
		var newLeft = $(window).width() / 2 - $('#content').width()/2 -50;
		$('#content').css({"left": newLeft});
		
		
			
	});
	
	$("#postlist").jScrollPane();
	$("#articledisplay").jScrollPane();
	$("#ipaditemslist").jScrollPane();
	$("#postlist").find(".postlistitem:first").click();
	$("#ipaditemslist").find(".ipadlistitem:first").click();
	
	//$("#ipaditemslist").css("ipaditemlistscrollbaradditions");

	$(window).resize();
});