$(document).ready(function() {
	$('.ratingfield').each(function(){
		var curid = $(this).attr('id');
		var vraag = $('#'+curid+' label').text();
		$(this).after('<div class="voteholder"><label class="votelabel" id="votelabel'+curid+'">'+vraag+'</label><div class="scoreholder"><div id="sliderbar_'+$(this).attr('id')+'" class="sliderholder"><div id="slideractive_'+$(this).attr('id')+'" class="slideractiveholder"><img src="/images/slider-inactive.png" alt="Score" id="slider_'+$(this).attr('id')+'" class="slider"></div></div><div id="value_'+$(this).attr('id')+'" class="votevalue"></div><input type="hidden" id="post_'+$(this).attr('id')+'" name="post_'+$(this).attr('id')+'" value="" /></div></div>');
		$('#sliderbar_'+$(this).attr('id')).click(function(e) {
			var pos = e.pageX - $(this).offset().left -12;
			$('#slider_'+curid).animate({'left' : pos});
			$('#slider_'+curid).attr({'src' : '/images/slider.png'});
			$('#nvt_'+curid).css('background-image','url(/images/nvt-inactive.jpg)');	
			$('#slideractive_'+curid).animate({'width' : pos+23});
			$('#value_'+curid).text(Math.round(pos/22.22)+1);
			$('#post_'+curid).val(Math.round(pos/22.22)+1);
			$('#votelabel'+curid).css({"color":"#000"});
		});

		$('#slider_'+$(this).attr('id')).draggable({
			axis: 'x',
			containment: '#sliderbar_'+$(this).attr('id'),
			start: function() {
				$(this).attr({'src' : '/images/slider.png'});
				$('#nvt_'+curid).css('background-image','url(/images/nvt-inactive.jpg)');
			},
			stop: function() {
				$(this).attr({'src' : '/images/slider.png'});
				$('#value_'+curid).text(Math.round(($(this).position().left - $('#sliderbar_'+curid).position().left)/22.22)+1);
				$('#post_'+curid).val(Math.round(($(this).position().left - $('#sliderbar_'+curid).position().left)/22.22)+1);
				$('#votelabel'+curid).css({"color":"#000"});
			},
			drag: function() {
				$('#slideractive_'+curid).css({'width' : ($(this).position().left+22)-$('#sliderbar_'+curid).position().left});
				$('#value_'+curid).text(Math.round(($(this).position().left - $('#sliderbar_'+curid).position().left)/22.22)+1);
				$('#post_'+curid).val(Math.round(($(this).position().left - $('#sliderbar_'+curid).position().left)/22.22)+1);
				$('#votelabel'+curid).css({"color":"#000"});
			}
		});
	})
	$('.ratingfieldpro').each(function(){
		var curid = $(this).attr('id');
		var vraag = $('#'+curid+' label').text();
		$(this).after('<div class="voteholder"><label class="votelabel" id="provotelabel'+curid+'">'+vraag+'</label><div class="scoreholder"><div id="prosliderbar_'+$(this).attr('id')+'" class="sliderholder"><div id="proslideractive_'+$(this).attr('id')+'" class="slideractiveholder"><img src="/images/slider-inactive.png" alt="Score" id="proslider_'+$(this).attr('id')+'" class="slider"></div></div><div id="provalue_'+$(this).attr('id')+'" class="votevalue"></div></div><input type="hidden" id="veld_'+$(this).attr('id')+'" name="veld['+$(this).attr('id')+']" value="" class="required" /></div>');
		$('#prosliderbar_'+$(this).attr('id')).click(function(e) {
			var pos = e.pageX - $(this).offset().left -12;
			$('#proslider_'+curid).animate({'left' : pos});
			$('#proslider_'+curid).attr({'src' : '/images/slider.png'});
			$('#pronvt_'+curid).css('background-image','url(/images/nvt-inactive.jpg)');	
			$('#proslideractive_'+curid).animate({'width' : pos+23});
			$('#provalue_'+curid).text(Math.round(pos/22.22)+1);
			$('#veld_'+curid).val(Math.round(pos/22.22)+1);
			$('#provotelabel'+curid).css({"color":"#000"});
		});

		$('#proslider_'+$(this).attr('id')).draggable({
			axis: 'x',
			containment: '#prosliderbar_'+$(this).attr('id'),
			start: function() {
				$(this).attr({'src' : '/images/slider.png'});
				$('#pronvt_'+curid).css('background-image','url(/images/nvt-inactive.jpg)');
			},
			stop: function() {
				$(this).attr({'src' : '/images/slider.png'});
				$('#provalue_'+curid).text(Math.round(($(this).position().left - $('#prosliderbar_'+curid).position().left)/22.22)+1);
				$('#veld_'+curid).val(Math.round(($(this).position().left - $('#prosliderbar_'+curid).position().left)/22.22)+1);
				$('#provotelabel'+curid).css({"color":"#000"});
			},
			drag: function() {
				$('#proslideractive_'+curid).css({'width' : ($(this).position().left+22)-$('#prosliderbar_'+curid).position().left});
				$('#provalue_'+curid).text(Math.round(($(this).position().left - $('#prosliderbar_'+curid).position().left)/22.22)+1);
				$('#veld_'+curid).val(Math.round(($(this).position().left - $('#prosliderbar_'+curid).position().left)/22.22)+1);
				$('#provotelabel'+curid).css({"color":"#000"});
			}
		});
	})
	$('.nvt').each(function(){
		$(this).click(function() {
			var nvtid = $(this).attr('id');
			var curid = nvtid.replace('nvt_','');
			$(this).css('background-image','url(/images/nvt-active.jpg)');
			$('#slider_'+curid).attr({'src' : '/images/slider-inactive.png'});
			$('#slider_'+curid).animate({'left':0});
			$('#slideractive_'+curid).animate({'width':23});
			$('#value_'+curid).text('n.v.t.');
			$('#post_'+curid).val('-1');
		})
	})
	$("#RedenBezoek").change(function(){
		if ($("#RedenBezoek").val() == "") {
			$("#RedenBezoekLabel").css({"color":"#e2001a"});
		} else {
			$("#RedenBezoekLabel").css({"color":"#000"});
		}
	})
	$("#Aanbeveling").change(function(){
		if ($("#Aanbeveling").val() == "") {
			$("#AanbevelingLabel").css({"color":"#e2001a"});
		} else {
			$("#AanbevelingLabel").css({"color":"#000"});
		}
	})
	
	$('#enqueteversturen').click(function(e){
		e.preventDefault();
		var error = 0;
		if ($("#RedenBezoek").val() == "" && $("#RedenBezoek").is(":visible")) {
			$("#RedenBezoekLabel").css({"color":"#e2001a"});
			error = 1;
		}
		if ($("#post_ratingfield1").val() == "") {
			$("#votelabelratingfield1").css({"color":"#e2001a"});
			error = 1;
		}
		if ($("#post_ratingfield2").val() == "") {
			$("#votelabelratingfield2").css({"color":"#e2001a"});
			error = 1;
		}
		if ($("#post_ratingfield3").val() == "") {
			$("#votelabelratingfield3").css({"color":"#e2001a"});
			error = 1;
		}
		if ($("#Aanbeveling").val() == "") {
			$("#AanbevelingLabel").css({"color":"#e2001a"});
			error = 1;
		}
		var wplaats = $("#Woonplaats").val();
		if (wplaats.indexOf('@') > -1) {
			$("#WoonplaatsLabel").css({"color":"#e2001a"});
			error = 1;
		} else {
			$("#WoonplaatsLabel").css({"color":"#000"});
		}
		if ($("#Emailadres").val() == "") {
			$("#EmailadresLabel").css({"color":"#e2001a"});
			error = 1;
		} else {
			$("#EmailadresLabel").css({"color":"#000"});
		}
		if (!$("#disclaimer").is(':checked')) {
			$("#disclaimerLabel").css({"color":"#e2001a"});
			error = 1;
		}
		
		$(".required").each(function() {
			if ($(this).val() == "") {
				error = 1;
				$(this).parent().find('label').css({"color":"#e2001a"});
			}
		})
		$(".cboxrequired").each(function() {
			var fname = $(this).attr('name');
			if (!isCheckedByName(fname)) {
				error = 1;
				$(this).parent().parent().find('label').css({"color":"#e2001a"});
			} else {
				$(this).parent().parent().find('label').css({"color":"#000000"});
			}
		})
		if (error == 1) {
			alert("Controleer a.u.b. de rood gekleurde velden");	
		} else {
			$('#enquete').submit();
		}
	})
	
	$('#enqueteversturenextra').click(function(e){
		e.preventDefault();
		var error = 0;
		$(".required").each(function() {
			if ($(this).val() == "") {
				error = 1;
				$(this).parent().find('label').css({"color":"#e2001a"});
			}
		})
		$(".cboxrequired").each(function() {
			var fname = $(this).attr('name');
			if (!isCheckedByName(fname)) {
				error = 1;
				$(this).parent().parent().find('label').css({"color":"#e2001a"});
			} else {
				$(this).parent().parent().find('label').css({"color":"#000000"});
			}
		})
		if (error == 1) {
			alert("Controleer a.u.b. de rood gekleurde velden");	
		} else {
			$('#enquete').submit();
		}
	})
	
	
	$('#voorwaarden').click(function() {
		window.open("/voorwaarden/", "NewWin", "width=300,height=600,scrollbars=1");
		return false;
	});
	$(".required").each(function() {
		$(this).change(function() {
			if ($(this).val() == "") {
				error = 1;
				$(this).parent().find('label').css({"color":"#e2001a"});
			} else {
				$(this).parent().find('label').css({"color":"#000000"});
			}
		})
	})
	$(".cboxrequired").each(function() {
		$(this).change(function() {
			var fname = $(this).attr('name');
			if (!isCheckedByName(fname)) {
				error = 1;
				$(this).parent().parent().find('label').css({"color":"#e2001a"});
			} else {
				$(this).parent().parent().find('label').css({"color":"#000000"});
			}
		})
	})

})
function isCheckedByName(inputName) 
{ 
    inputName = inputName.replace('[]','');
	var checked = $("input[name="+inputName+"]:checked").length; 
	if (checked == 0) 
    { 
        return false; 
    } 
    else 
    { 
        return true; 
    } 
}