$(document).ready(function(){

	$('#filterbutton').click(function(e) {
			e.preventDefault();
			doFilter();
	});	 
		

	// DROPDOWN MENU
	if(jQuery().uniform) {
		$("input:checkbox, input:radio, input:file").uniform();
	}
	//Cufon.replace('h1');
	//Cufon.replace('h2');
	//Cufon.replace('h3');
	//Cufon.replace('h4');
	//Cufon.replace('h5');
	
	//Cufon.replace('.header1 li');
	//Cufon.replace('.totaalgemiddelde');
	
	$(".slider").each(function() {
		var sl = $(this).attr("id");
		var pos = $("#"+sl+"val").val();
		if (pos != '-1') {
			$(this).css("backgroundColor",$("#voorgrond").val());
			$(this).css("backgroundPosition",(pos*33) +'px');
		} else {
			$("#"+sl+"-nvt").css("backgroundColor",$("#voorgrond").val());
		}
		$(this).mousemove(function(e) {
			$(this).css("backgroundColor",$("#achtergrond").val());
			obj = this.getBoundingClientRect();
			var x = e.pageX - obj.left;
			x = x+16;
			var block = Math.round(x/33);
			var oset = (block*33) +'px';
			//$(this).html(oset);
			$(this).css("backgroundPosition",(block*33) +'px');
		}).mouseout(function(e) {
			var sl = $(this).attr("id");
			$(this).css("backgroundColor",$("#voorgrond").val());
			var block = $("#"+sl+"val").val();
			$(this).css("backgroundPosition",(block*33) +'px');
		}).click(function(e) {
			var sl = $(this).attr("id");
			obj = this.getBoundingClientRect();
			var x = e.pageX - obj.left;
			x = x+16;
			var block = Math.round(x/33);
			$("#"+sl+"val").val(block);
			$(this).css("backgroundColor",$("#voorgrond").val());
			$("#"+sl+"-nvt").css("backgroundColor","transparent");
		})
	})
	
	$(".slidernvt").each(function() {
		
		$(this).mousemove(function(e) {
			$(this).css("backgroundColor",$("#achtergrond").val());
		}).mouseout(function(e) {
			var myid = $(this).attr("id");
			var slparts = myid.split("-");
			var sl = slparts[0];
			if ($("#"+sl+"val").val() == "-1") {
				$(this).css("backgroundColor",$("#voorgrond").val());
			} else {
				$(this).css("backgroundColor","transparent");
			}
			var block = $("#"+sl+"val").val();
			$("#"+sl).css("backgroundPosition",(block*33) +'px');
		}).click(function(e) {
			var myid = $(this).attr("id");
			var slparts = myid.split("-");
			var sl = slparts[0];
			$("#"+sl).css("backgroundPosition",'0px');
			$(this).css("backgroundColor",$("#voorgrond").val());
			$("#"+sl+"val").val("-1");
			//alert('here');
			//alert($("#"+sl+"val").val());
		})
	})
	
	
   $("#submit").click(function (e) {
		var error = 0;
		$(".verplicht").each(function() {
			if ($(this).hasClass('text')) {
				if ($(this).val() == "") {
					var qli = $(this).parent();
					$(qli).find('label').css("color","red");
					error = 1;
				} else {
					var qli = $(this).parent();
					$(qli).find('label').css("color","#666666");	
				}
			}
			if ($(this).hasClass('select')) {
				if ($(this).val() == "") {
					var qli = $(this).parent();
					$(qli).find('label').css("color","red");
					error = 1;
				} else {
					var qli = $(this).parent();
					$(qli).find('label').css("color","#666666");	
				}
			}
			if ($(this).hasClass('score')) {
				var rname = $(this).attr('name');
				if(!$('input[name="'+rname+'"]:checked').val()) {
					var qli = $(this).parent().parent().parent();
					$(qli).find('label').css("color","red");
					error = 1;
				} else {
					var qli = $(this).parent().parent().parent();
					$(qli).find('label').css("color","#666666");	
				}
				
			}
			if ($(this).hasClass('textarea')) {
				if ($(this).val() == "") {
					var qli = $(this).parent();
					$(qli).find('label').css("color","red");
					error = 1;
				} else {
					var qli = $(this).parent();
					$(qli).find('label').css("color","#666666");	
				}
			}
			if ($(this).hasClass('emailadres')) {
				if ($(this).val() == "") {
					var qli = $(this).parent();
					$(qli).find('label').css("color","red");
					error = 1;
				} else {
					var qli = $(this).parent();
					$(qli).find('label').css("color","#666666");	
				}
			}
		})
		if (error == 1) {
			e.preventDefault();
			alert("Controleer a.u.b. de rood gekleurde velden.");
		} else {
			//alert($("#enqueteform").html());
			$("#enqueteform").submit();	
		}
	})
   
   $(function() {
	if(jQuery().button) {
		$('#enquetesubmit')
			.button()
			.click(function() {
				$("#enqueteform").submit();
		});	
		$('#qandavraagverstuur')
			.button()
			.click(function(e) {
			e.preventDefault();
			$("#qandavraagform").submit();
		});	
	}
	$(".nuttigja").each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			var kid = $(this).attr("rel");
			$.post("/enquete/ajax/nuttig/", { type: "ja", id: kid },
			   function(data){
				 $("#nuttigja"+kid).html(data);
			   });
		})
	})
	$(".nuttignee").each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			var kid = $(this).attr("rel");
			$.post("/enquete/ajax/nuttig/", { type: "nee", id: kid },
			   function(data){
				 $("#nuttignee"+kid).html(data);
			   });
		})
	})
	makeNuttig();
})
   
   $("#qandastelvraag").click(function(e) {
	 	e.preventDefault();
		$("#qandavraagform").fadeIn('slow', function() {
			$("#qandastelvraag").fadeOut();
		});
   })
   
   
	
	$(".reageerbutton").each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			var vid = $(this).attr("rel");
			if ($("#noreply_"+vid).length > 0) {
				var databegin = '<div class="resultaatfooter2 qanda "></div><div class="reacties"><div class="reactiecontent qanda" id="putantwoord_'+vid+'">';
				var dataend = '</div><div class="reactiefooter qanda"></div></div>';
			} else {
				var databegin = '';
				var dataend = '';	
			}
			$("#qandaantwoordform").remove();
			$.get("/enquete/ajax/qandareplyform/", { aid: vid },
				function(data){
					$("#antwoordcontainer_"+vid).html(data)
						if(jQuery().uniform) {
							$("#amailonreply").uniform();
						}
						$('#qandaantwoordverstuur')
							.button()
							.click(function(e) {
							$("#abedrijf").val($("#bedrijf").val());
							e.preventDefault();
							var error = 0;
							if ($("#aantwoord").val() == "") {
								$('label[for=aantwoord]').addClass("error");	
								error = 1;
							} else {
								$('label[for=aantwoord]').removeClass("error");
							}							
							if ($("#anaam").val() == "") {
								$('label[for=anaam]').addClass("error");	
								error = 1;
							} else {
								$('label[for=anaam]').removeClass("error");
							}
							if ($("#aemailadres").val() == "") {
								$('label[for=aemailadres]').addClass("error");	
								error = 1;
							} else {
								$('label[for=aemailadres]').removeClass("error");
							}
							
							if (error == 0) {
								$("#qandaantwoordverstuur").hide();
								$.post('/enquete/ajax/qandareply/',$("#qandaantwoordform").serialize(), function(data) {
									//alert(data);
									if (databegin.length > 0) {
										$("#noreply_"+vid).replaceWith(databegin+data+dataend);
									} else {
										$("#putantwoord_"+vid).prepend(data);
									}
									makeNuttig();
									$("#qandaantwoordform").remove();
									//Cufon.replace('h5');
								})
							} else {
								$('<span style=\"color:#c00\;font-size:11px;margin:10px 10px;">Controleer a.u.b. de rood gekleurde velden.</span><br />').insertAfter("#qandaantwoordform h5");	
							}
						});
			});
		})
	})
   
   
});
function makeNuttig() {
	$(".qandanuttigja").each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			var kid = $(this).attr("rel");
			$.post("/enquete/ajax/qandanuttig/", { type: "ja", id: kid },
			   function(data){
				 $("#qandanuttigja"+kid).html(data);
			   });
		})
	})
	$(".qandanuttignee").each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			var kid = $(this).attr("rel");
			$.post("/enquete/ajax/qandanuttig/", { type: "nee", id: kid },
			   function(data){
				 $("#qandanuttignee"+kid).html(data);
			   });
		})
	})	
}

function doFilter() {
	if ($("#FilterAntwoord").val() != "") {
	window.location = "/resultaten/"+$("#FilterBedrijf").val()+"/1/"+$("#FilterVraag").val()+"/"+$("#FilterAntwoord").val();
	} else {
	window.location = "/resultaten/"+$("#FilterBedrijf").val()+"/";
	}
}