$(document).ready(function() {

	if ((navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/webOS/i))) {
		$("a.featured").removeClass("featured");
	}

	$(".featured").fancybox({
		'overlayOpacity'        : 0.9,
		'overlayColor'          : '#0d1b51',
		'centerOnScroll'		: true,
		'hideOnContentClick'    : true,
		'hideOnOverlayClick'	: true,
		'autoDimensions'        : true,
		'padding'		        : 12,
		'type'		   			: 'iframe',
		'href'			        : 'http://www.hetdmbureau.nl/sponsor/sponsor.html',
		//'href'			        : 'images/ex1.jpg',
		'width'					: 700,
		'height'				: '90%',
		'transitionIn'			: 'fade',
		'transitionOut'			: 'fade'
		
	});
	
	// fancybox titel
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
							if (currentArray.length == 1) {
								return '<div>' + title + '<\/div>';
							} else {
								return '<div>' + title + '<span>' + (currentIndex + 1) + ' / ' + currentArray.length + '<\/span>' + '<\/div>';
							}
	}

	// fancybox
	$("a.fblink").fancybox({
		'cyclic' : false,
		'slideshow'	: true,
		'titleShow'	: true,
		'titlePosition'	: 'inside',
		'opacity' : true,
		'overlayOpacity' : 0.9,
		'transitionIn'	: 'fade',
		'transitionOut'	: 'none',
		//'overlayColor'	: '#fff',
		//'overlayColor'	: '#ee5425',
		'overlayColor'	: '#dddddd',
		'centerOnScroll' : false,
		'titleFormat' : formatTitle,
		'showCloseButton' : true
		
	});	
	
	
	
	
	$("a.home").click(function(event) {
		event.preventDefault();
		$(".para").hide();
		$("#home").show();
		$("a").removeClass("current");
		$(this).addClass("current");
	}); 

	$("a.over").click(function(event) {
		event.preventDefault();
		$(".para").hide();
		$("#over").show();
		$("a").removeClass("current");
		$(this).addClass("current");
	}); 

	$("a.waar").click(function(event) {
		event.preventDefault();
		$(".para").hide();
		$("#waar").show();
		$("a").removeClass("current");
		$(this).addClass("current");
	}); 

	$("a.portfolio").click(function(event) {
		event.preventDefault();
		$(".para").hide();
		$("#portfolio").show();
		$("a").removeClass("current");
		$(this).addClass("current");
	}); 

	$("a.contact").click(function(event) {
		event.preventDefault();
		$(".para").hide();
		$("#contact").show();
		$("a").removeClass("current");
		$(this).addClass("current");
	}); 


	$("#home").show();
	$("#over").hide();
	$("#waar").hide();
	$("#portfolio").hide();
	$("#contact").hide();
	
	
});