$(function(){
	
	$('a.verstuur').click(function(e) {
		
		e.preventDefault();
		
		$('div.contact-form form').submit();
		
	});
	
	$('a.cta').click(function(e) {
		
		e.preventDefault();
		
		$('div.index-popup').fadeIn(300);
	
	});
	
	$('#contact, #contact2, .link-wrapper a.contact, a.aanmelden, a.reserveren').click(function(e) {
		
		e.preventDefault();
		
		$('ul.menu a#contact').addClass('active');
		
		$('div.contact').fadeIn(300);
	
	});
	
	$('a.contact-us').click(function(e) {
		
		e.preventDefault();
		
		$('div.contact-form').fadeIn(300);
	
	});

	$('div.contact a.close').click(function(e) {
		
		e.preventDefault();
		
		$('ul.menu a#contact').removeClass();
		
		$('div.contact').fadeOut(300);
	
	});
	
	$('div.contact-form a.close').click(function(e) {
		
		e.preventDefault();
		
		$('ul.menu a#contact').removeClass();
		
		$('div.contact-form').fadeOut(300);
	
	});
	
	$('#disclaimer').click(function(e) {
		
		e.preventDefault();
		
		$('div.disclaimer').fadeIn(300);
	
	});
	
	$('div.index-popup a.close').click(function(e) {
		
		e.preventDefault();
		
		$('div.index-popup').fadeOut(300);
	
	});
	
	$('div.disclaimer a.close').click(function(e) {
		
		e.preventDefault();
		
		$('div.disclaimer').fadeOut(300);
	
	});
	
	$('ul.todo li a').click(function(e) {
		
		//e.preventDefault();
		
		//$('div.todo-popup').fadeIn(300);
	
	});
	
	$('div.todo-popup a.close').click(function(e) {
		
		//e.preventDefault();
		
		$('div.todo-popup').fadeOut(300);
	
	});
	
	var height = parseInt($('div.menu-container').height());
	height = height + parseInt($('div.image-container').height());
	
	$('div.beton, div.hout, div.marmer').css('height', height);
	$('div.link-wrapper').css('height', height);
	
	/*
	var width = parseInt($('ul.menu').width());
	width = width + 10;
	
	$('div.contact').css('width', width);
	$('div.contact-form').css('width', width);
	$('div.contact-us-wrapper').css('width', width);
	$('div.contact-wrapper').css('width', width);
	*/
	
	$('a.vergelijk').click(function() {
	
		$('div.beton, div.hout, div.marmer').show();
		
	});
	
	$('div.beton a.close').click(function(e) {
		
		e.preventDefault();
		
		$('div.beton').hide();
	
	});
	
	$('div.hout a.close').click(function(e) {
				
		e.preventDefault();
		
		$('div.hout').hide();
	
	});
	
	$('div.marmer a.close').click(function(e) {
		
		e.preventDefault();
		
		$('div.marmer').hide();
	
	});
		
	$('#beton, #beton2').click(function(e) {
		
		e.preventDefault();
		
		$('div.beton, div.hout, div.marmer').hide();
		
		$('.beton').fadeIn(300);
	
	});
	
	$('#marmer, #marmer2').click(function(e) {
		
		e.preventDefault();
		
		$('div.beton, div.hout, div.marmer').hide();
		
		$('.marmer').fadeIn(300);
	
	});
	
	$('#hout, #hout2').click(function(e) {
		
		e.preventDefault();
		
		$('div.beton, div.hout, div.marmer').hide();
		
		$('.hout').fadeIn(300);
	
	});
	
});
