$(document).ready(function() {

	init_checkbox();
	
	init_slider();
		
	$('.taglineBox').delay(700).fadeIn(1500);
	
	$('#wat .menuBox li:first .background').show();
	
	$('#slider_jij').cycle({ 
		fx:     'slideX', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#next1', 
		prev:   '#prev1' 
	});
	
	$('#slider_werk').cycle({ 
		fx:     'scrollHorz', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#next2', 
		prev:   '#prev2' 
	});
	
	// Het menu moet absoluut gepositioneerd zijn
	$('#menuCntr').css({ position: 'absolute', top: 0 });
	
	$(window).scroll(function () { 
		// Alle nog lopende acties stoppen
		$('#menuCntr').stop();
		// Nieuwe eindpositie bepalen
		var newPos = $(document).scrollTop();
		// Animate
		$('#menuCntr').animate({ top: newPos }, 700, 'easeOutQuart');
	});
	
	$('#verzend').click(function(){
		submit_form();
	});
	
});



function scroll_page(id) {

	$('html, body').animate({
		scrollTop: $("div#"+id).offset().top
	}, 500, 'easeOutExpo');				   

}

function update_textbox(id) { 
	
	$('.menuBox a').removeClass('active');
	$('.menuBox .background').fadeOut('fast');
	$('.menuBox a#link_'+id).addClass('active').prev('.background').fadeIn('slow');
	
	$('.textBox.active').fadeOut('fast', function() {
		$('.textBox#box_'+id).fadeIn('slow').addClass('active');
	}).removeClass('active');
	
}

function init_slider() {
	
	var index = 2;
	$('#wij #slidesCntr').css('width', (slide_count+2)*170);
	$('#card_'+index).show().addClass('active');
	
	$('#wij .next').click(function() {
		
		if(index<=slide_count) {
			
			index++;
			$('.card.active').fadeOut('normal');
			
			if(index==slide_count) {
				$('.next').hide();			
			}
			if(index==2) {
				$('.prev').fadeIn('slow');
			}
			$('#wij #slidesCntr').animate({
				left: '-=170'
				}, 'normal', 'easeOutBack', function() {
					$('#card_'+index).fadeIn().addClass('active');
				});
		}
		
	});
	$('#wij .prev').click(function() {
		
		if(index>=1) {
			
			index--;
			$('.card.active').fadeOut('normal');
			
			if(index==1) {
				$('.prev').hide();			
			}
			if(index==slide_count-1) {
				$('.next').fadeIn('slow');
			}
			$('#wij #slidesCntr').animate({
				left: '+=170'
				}, 'normal', 'easeOutBack', function() {
					$('#card_'+index).fadeIn().addClass('active');
				});
		}
		
	});

}

function init_checkbox() {

	$('.checkbox').remove();
	
	$('input[type=checkbox].styled').each(function() {
		if($(this).is(':checked')==true) {
		   var classname = ' actief';
		}
		$(this).before('<span class="checkbox '+classname+'"></span>');
	});
	
	$('.checkbox').click(function() {
	
		if($(this).hasClass('actief')) {
		   $(this).removeClass('actief');
		   $(this).next().attr('checked',false);
		} else {
		   $(this).addClass('actief');
		   $(this).next().attr('checked',true);
		}
		
		var onclick = $(this).next().attr('onclick');
		
		if(onclick!='') {
		   eval(onclick);
		}
	
	});
	
	$('input[type=checkbox].styled').hide();

}

function submit_form() {
		
	var check = false;

	$('#contactformulier .required').each(function() {
		
		var regExp = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/;
		
		if($(this).val()!='' && regExp.test($(this).val())) {
			check = true;
		};
		
	});
	
	if(check==true) {
		
		if($('.checkbox').hasClass('actief')) {
			var nb = 'ja';
		} else {
			var nb = 'nee';
		}
		
		$.ajax({
			type : 'POST',
			url : baseurl+'includes/contact.php',
			async : true,
			data : 'naam='+$('input#naam').val()+'&bedrijf='+$('input#bedrijf').val()+'&email='+$('input#email').val()+'&nieuwsbrief='+nb,
			success : function(responseText, statusText) {
				
				$('input#naam').val('');
				$('input#bedrijf').val('');
				$('input#email').val('');
				$('.checkbox').removeClass('actief');
				$('p.error').slideUp('fast');
						
				switch (responseText) {
					case 'success' : 
						$('p.confirm').slideDown().delay(3000).fadeOut('slow');
					break;
					case 'nieuwe_aanmelding' : 
						$('p.nieuwe_aanmelding').slideDown().delay(3000).fadeOut('slow');
					break;
					case 'bestaande_aanmelding' : 
						$('p.bestaande_aanmelding').slideDown().delay(3000).fadeOut('slow');
					break;
					case 'no_data' : 
						$('p.no_data').slideDown().delay(3000).fadeOut('slow');
					break;
				}
			}
		});

	} else {
		
		$('p.error').slideDown();
		return false;
	
	}
		
}