// Projecten
$(document).ready(function() {
	var projectOverzicht = $("#overzicht");
	var projectMore = $("#overzichtMore");
	var overzichtKlanten = $("#overzichtKlanten");
	var totalProjects = 6;
	
	checkBloks();
	addLink();
	projectMore.live("click", function () {
		var totalBloks = $(".projectBlok").size();
		$.get("/includes/ajax_work.asp", { current: totalBloks }, function(data){
			$("#scroll2Me").remove();
			projectOverzicht.append(data);
			addLink();
			
			$("#overzicht .projectBlok.hidden").hide();
			$('html,body').animate({scrollTop: $("#scroll2Me").offset().top}, 1000);
			checkBloks();
			$("#overzicht .projectBlok.hidden").fadeIn(1500);
			totalProjects = totalProjects + 6;
			data = ""
			
			$('.boxgrid.captionfull').hover(function(){
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
			}, function() {
				$(".cover", this).stop().animate({top:'188px'},{queue:false,duration:160});
			});
		});
	});
	
	function checkBloks() {
		if($(".projectBlok").size() >= $("#countWork").val()) {
			projectMore.fadeOut(1000);
		}
	}
	
	function addLink() {
		$(".boxcaption").css("cursor", "pointer");
		$(".boxcaption").click(function(el) {
			$(this).addClass("selectedObj");
			var url = $(".selectedObj a").attr("href");
			$(this).removeClass("selectedObj");
			window.location = url;
		});	
	}
});