$(document).ready(function(){
	var screenwidth 		= 	$(window).width();
	var screenheight 		= 	$(window).height();
	
	reset();
	
	$(window).resize(function(){
		reset();
	});
	
	if(pag == 9){
		var offset 		= 	$("#gallery").offset();
		var positie 	= 	offset.left;
		var controlspos = positie;
		
		$("#controls").css({'left' : controlspos+'px'});
	};
	
	if($.cookie("phhome")){
		$(".projectblok").show();
	} else {
		// t = setInterval(introBlok, 180);
		$(".projectblok").fadeIn(1400);
	};
	
	$(".menuitem").hover(function () {
		$(this).addClass("mo");
	  }, function () {
		$(this).removeClass("mo");
	});
	
	/*
	$(".projectblok").hover(function () {
		$(this).find('.projectblok_titel').fadeIn(150);
	  }, function () {
		$(this).find('.projectblok_titel').hide();
	});
	*/
	
	$('#gallery img').hide().fadeIn(1000);
	
	$('#gallery').cycle({
		fx: 'fade',
		after: onAfter,
		timeout:   0,
		speed: 1000,
		prev:   '.galprev',
		next:   '.galnext'
	});
	
	$('#gallery, #player').hover(function() { 
		//$('#player a').show();
	}, function(){
		//$('#player a').hide();
	});
	
	$('a#galpauze').click(function() { 
		$('#gallery').cycle('pause');
		$(this).parent().hide();
		//$("#player2").show();
	});
	
	$('a#galplay').click(function() { 
		$('#gallery').cycle('resume');
		$(this).parent().hide();
		//$("#player").show();
	});
	
	
});

function onAfter(curr,next,opts) {
	var caption = (opts.currSlide + 1) + ' • ' + opts.slideCount;
	$('#pagination p').html(caption);
}


var i = 0;
var speed = 1200;
var options = { path: '/', expires: 0 };
function introBlok(){
	if(i < max){
		$(".projectblok").eq(i).show(speed);
		i++;
	} else {
		clearInterval(t);
		$.cookie("phhome", 1, options);
	}
}

function reset(){
	screenwidth 		= 	$(window).width();
	screenheight 		= 	$(window).height();
	
	if(screenwidth < 970){
		screenwidth = 970;
	}
	
	var tussenruimte 	=	parseInt((screenwidth/5)/4);
	var zijruimte		=	parseInt((screenwidth/14));
	var grootte 		= 	parseInt(((screenwidth-(zijruimte*2)-(tussenruimte*4))*1)/5);
	var totaalproject 	= 	5*grootte;
	var bovenmarge		=	150;
	var texttop			=	grootte-25;
	
	var pnr	= 0; 
	while (pnr < max){
		if(pnr < 5){
			var top		=	bovenmarge;
			var left	=	zijruimte+(pnr*grootte)+(tussenruimte*pnr);
		} else if(pnr > 4 && pnr < 10){
			var left	=	zijruimte+((pnr-5)*grootte)+(tussenruimte*(pnr-5));
			var top		=	bovenmarge+grootte+tussenruimte;
		} else if(pnr > 9 && pnr < 15){
			var left	=	zijruimte+((pnr-10)*grootte)+(tussenruimte*(pnr-10));
			var top		=	bovenmarge+(grootte*2)+(tussenruimte*2);
		} else if(pnr > 14 && pnr < 20){
			var left	=	zijruimte+((pnr-15)*grootte)+(tussenruimte*(pnr-15));
			var top		=	bovenmarge+(grootte*3)+(tussenruimte*3);
		} else if(pnr > 19 && pnr < 25){
			var left	=	zijruimte+((pnr-20)*grootte)+(tussenruimte*(pnr-20));
			var top		=	bovenmarge+(grootte*4)+(tussenruimte*4);
		} else if(pnr > 24 && pnr < 30){
			var left	=	zijruimte+((pnr-25)*grootte)+(tussenruimte*(pnr-25));
			var top		=	bovenmarge+(grootte*5)+(tussenruimte*5);
		}
		$(".projectblok").eq(pnr).css({'height' : grootte+'px', 'width' : grootte+'px', 'top' : top, 'left' : left});
		$(".ptxt").eq(pnr).css({'marginTop' : texttop+'px'});
		pnr++;
	}
	
	if(pag == 1){
		var totalehoogte	=	parseInt(((pnr/4)*grootte))+parseInt(((pnr/4)*tussenruimte));
		$("#top").css({'height' : totalehoogte+'px'});
		$(".menuitem#terug").css({'marginRight' : zijruimte+'px'});
	};
	
	$("#logo, #logo2").css({'marginLeft' : zijruimte+'px'});
	$("#menu").css({'right' : zijruimte+'px'});
}