$(document).ready(function() {
	
	/* --------------------------------------------------------- */
	/* NAVIGATIE STRUCTUUR
	/* --------------------------------------------------------- */
	var pageCount = 0;
	var totalPages = Number($('div.blok').length)-1;
	/* Aangepast waldo (blokwidth*1.5) (original: 285) */
	var blockWidth = 416;
	
	

	

	$('#ffwd').click(function(e) {
		e.preventDefault();
		if(pageCount < totalPages) {
			var x		= -blockWidth * (pageCount+1);
			$("#right").animate({"left": x}, 250);
			pageCount++;
		} /*else {
			$("#right").animate({"left": "0"}, 250);
			pageCount = 0;
		}*/
	});
	

	function AnimateFFD() {
		var x		= -blockWidth * (pageCount+1);
		$("#right").animate({"left": x}, 800);
		pageCount++;
	}
	function AnimateRWD() {
		var x		= -blockWidth * (pageCount-1);
		$("#right").animate({"left": x}, 800);
		pageCount--;
	}
	//AnimateFFD();
	//setTimeout(AnimateRWD,800);

	
	$('#rwd').click(function(e) {
		e.preventDefault();
		if(pageCount > 0) {
			var x		= -blockWidth * (pageCount-1);
			$("#right").animate({"left": x}, 250);
			pageCount--;
		}/*else{
			pageCount = totalPages;
			var x		= -blockWidth * (pageCount);
			$("#right").animate({"left": x}, 250);
		}*/
	});
											  
	$(window).resize(hideshowVerticalFade);
	if($(window).width()<1100) hideshowVerticalFade();
	
	function hideshowVerticalFade() {
		if($(window).width()<800) {
			$("#white-fade-vertical").hide();
		} else {
			$("#white-fade-vertical").show();
		}
		
		if($(window).width()<1100) {
			$("#white-fade-vertical-home").hide();
		} else {
			$("#white-fade-vertical-home").show();
		}
	};
	
	$("ul.mapped-image li").each(function() {
		str=$(this).attr('coords');
		arr=new Array(4);
		arr=str.split(",");
		setPosition($(this),arr[0],arr[1],arr[2],arr[3]);
		$(this).tooltip();
	});
	
	function setPosition(elem,x1,y1,x2,y2) {
		elem.css("left",x1+"px");
		elem.css("top",y1+"px");
		elem.css("height",(y2-y1)+"px");
		elem.css("width",(x2-x1)+"px");
		
		elem.children('a').hover(
			function() {
				var height=$(this).parent().parent().height();
				var x=$(this).parent().css("left");
				var y=$(this).parent().css("top");
				height=parseInt(y.split('px'))+height;
				$(this).css({"background-image":$(this).parent().parent().css("background-image"), "background-position":"-"+x+" -"+height+"px"});
			},			
			function() {
				$(this).css("background-image", "none");
			}
		);
	}
	
	
});