$(document).ready(function(){
	nieuws();
	menu();		
//	fotoslider();
	projectslider();
	radiobuttons();
//	validateContact();
	validateForm('contactformulier');
});

function nieuws() {
	$('#nieuws_container').cycle({
		fx:     'scrollVert',
		timeout:	4000,
		speed:	 	1000,
		next: 		'#next_news',
		prev: 		'#prev_news'
	});
}

function menu() {
	$('.menu_item:not(".active"), .subitem:not(".active")').hover(function(){
		var id = $(this).find('img').attr('id');
		$(this).find('img').attr('src','images/menu/'+id+'_roll.gif');		
	}, function(){
		var id = $(this).find('img').attr('id');
		$(this).find('img').attr('src','images/menu/'+id+'.gif');		
	});
	$('.sub').click(function(){
		$('.submenu').show();
	});
}

//var bNext = true;
//var bPrev = true;
//function fotoslider() {
//	
//	var nVisible = 1; // Aantal zichtbare items
//	var nDefaultSlides = 1; // Aantal items per keer sliden
//	var obj = $('.slide_foto'); // Naam van de items 
//	var nSlides = nDefaultSlides;
//	var nWidth = parseInt(obj.width()) + parseInt(obj.css('margin-right'));
//	var nTotal = parseInt($('.slide_foto').size());
//	var nActive = nVisible;
//	
//	$('#next').click(function(){
//		if(bNext == true) {
//			var nRemaining = nTotal - nActive;
//			if(nRemaining < nSlides) {
//				nSlides = nRemaining;
//			} else {
//				nSlides = nDefaultSlides;	
//			}
//			if(nActive == 1) {
//				nActive = nDefaultSlides;	
//			}
//			var nLeft = parseInt($('.foto_container').css('left')) - (nWidth * nSlides);
//			nActive = nActive + nSlides;
//			if(nTotal == nActive) {
//				$('#next').hide();
//			} else {
//				$('#next').show();
//			}
//			bNext = false;			
//			$('.foto_container').animate({
//				'left':nLeft
//			},
//			250,
//			"swing", 
//			function(){ 
//				bNext = true;
//			});
//		}
//		$('#previous').css('display','block');
//	});
//	$('#previous').click(function(){
//		if(bPrev == true) {
//			var nRemaining = nActive - nVisible;
//			if(nRemaining < nSlides) {
//				nSlides = nRemaining;
//			} else {
//				nSlides = nDefaultSlides;	
//			}
//			var nLeft = parseInt($('.foto_container').css('left')) + (nWidth * nSlides);
//			if(nLeft == 0) {
//				$('#previous').css('display','none');
//			}
//			bPrev = false;			
//			$('.foto_container').animate({
//				'left':nLeft
//			},
//			250,
//			"swing", 
//			function(){ 
//				bPrev = true; 
//			});
//			nActive = nActive - nSlides;
//			if(nTotal > nActive) {
//				$('#next').show();
//			} else {
//				$('#next').hide();
//			}
//		}
//	});
//}

var bNext = true;
var bPrev = true;
function projectslider() {
	
	var nVisible = 2; // Aantal zichtbare items
	var nDefaultSlides = 2; // Aantal items per keer sliden
	var obj = $('.slide_project'); // Naam van de items 
	var nSlides = nDefaultSlides;
	var nWidth = parseInt(obj.width()) + parseInt(obj.css('margin-right'));
	var nTotal = parseInt($('.slide_project').size());
	var nActive = nVisible;
	
	$('#next_project_slider').click(function(){
		if(bNext == true) {
			var nRemaining = nTotal - nActive;
			if(nRemaining < nSlides) {
				nSlides = nRemaining;
			} else {
				nSlides = nDefaultSlides;	
			}
			if(nActive == 1) {
				nActive = nDefaultSlides;	
			}
			var nLeft = parseInt($('#project_container').css('left')) - (nWidth * nSlides);
			nActive = nActive + nSlides;
			if(nTotal == nActive) {
				$('#next_project_slider').hide();
			} else {
				$('#next_project_slider').show();
			}
			bNext = false;			
			$('#project_container').animate({
				'left':nLeft
			},
			250,
			"swing", 
			function(){ 
				bNext = true;
			});
		}
		$('#previous_project_slider').css('display','block');
	});
	$('#previous_project_slider').click(function(){
		if(bPrev == true) {
			var nRemaining = nActive - nVisible;
			if(nRemaining < nSlides) {
				nSlides = nRemaining;
			} else {
				nSlides = nDefaultSlides;	
			}
			var nLeft = parseInt($('#project_container').css('left')) + (nWidth * nSlides);
			if(nLeft == 0) {
				$('#previous_project_slider').css('display','none');
			}
			bPrev = false;			
			$('#project_container').animate({
				'left':nLeft
			},
			250,
			"swing", 
			function(){ 
				bPrev = true; 
			});
			nActive = nActive - nSlides;
			if(nTotal > nActive) {
				$('#next_project_slider').show();
			} else {
				$('#next_project_slider').hide();
			}
		}
	});
}

function radiobuttons() {
	$('.radio').click(function(){
		$(this).parent('.radios').find('.radio').removeClass('active');
		$(this).children('.radio_input').attr('checked','checked');
		$(this).addClass('active');
	});
}

function validateForm(p_sForm) {
	var rules = {};
	rules[aFields[0]] = {
		required: true
	};
	rules[aFields[1]] = {
		required: true
	};
	rules[aFields[2]] = {
		required: true,
		email: true
	};
	rules[aFields[3]] = {
		required: true
		
	};
	rules[aFields[4]] = {
		required: false
	};

	var messages = {};
	messages[aFields[0]] = {
		required: 'De Code komt niet overeen'
	};
	messages[aFields[1]] = {
		required: 'U heeft geen naam opgegeven.'
	};
	messages[aFields[2]] = {
		required: 'U heeft geen e-mailadres opgegeven.',
		email: 'Dit is geen geldig e-mailadres.'
	};
	messages[aFields[3]] = {
		required: 'U heeft geen telefoonnummer opgegeven.'
	};

	$('#'+p_sForm).validate({
		rules: rules,
		messages: messages,
		errorPlacement: function(error, element){
			error.insertAfter(element.parents('.field'));
		},
		errorElement: 'div',
//		success: function(label) {
//			label.prev('div.icon').attr('class','icon valid');
//			label.remove();
//		},
		submitHandler: function(form) {
			form.submit();
		}
	});	
}

function validateContact(){
	$('#contactformulier, #detailformulier').validate({
		rules: {
			email: {
				required: true,
				email: true
			},
			naam: 'required',
			telefoon: 'required'
		},
		messages: {
			email: {
				required: 'U heeft geen e-mailadres opgegeven.',
				email: 'Dit is geen geldig e-mailadres.'
			},
			naam: 'U heeft geen naam opgegeven.',
			telefoon: 'U heeft geen telefoonnummer opgegeven.'
		},
		errorPlacement: function(error, element){
			error.insertAfter(element.parents('.field'));
		},
		errorElement: 'div',
		submitHandler: function(form) {
			form.submit();
		}
	});	
}