$(document).ready(function() {
	$(".customselect").each(function(){
		$(this).hide();
		var id=$(this).attr("id");
		var ds = $("<div class='customselector' />").attr("id","selector_"+id)
		var dsv = $("<div class='customselectorselected' />").html($(this).children("option:selected").text() );
		var dv = $("<div class='customselectorvalues' />");
		var opt = $(this).children("option");
		var h=23;
		var hf=3;
		for(i=0;i<opt.length;i++){
			var o=$("<span />").html($(opt[i]).text()).attr("value", $(opt[i]).val())
			o.click(function(){
				$("#"+id).val($(this).attr("value"));
				$("#selector_"+id+" .customselectorselected").html($(this).html());
				$(this).parent().animate({height:h},function(){
					$("#selector_"+id+" .customselectorvalues").hide();
					$("#selector_"+id+" .customselectorselected").show();
				});
			});
			dv.append(o);
		} 
		dv.append("<div class='customselectorvaluefooter' />");
		
		ds.click(function(){
			$("#selector_"+id+" .customselectorvalues").show();
			$("#selector_"+id+" .customselectorselected").hide();
			$("#selector_"+id+" .customselectorvalues").animate({height:(h*opt.length)+hf});
		});
		
		ds.append(dsv);
		ds.append(dv);
		
		$(this).after(ds);
	});
	
	$("#mail_email").focus(function(){
		$(".bar").animate({height:63});
		$(".mail-form").animate({marginTop:0});
		CountDown=-1;
	});
	$("#mail_email").blur(function(){
		CountDown=5;
		setTimeout("collapseMail()",1000);
	});
	
	$("#mail_achternaam").focus(function(){
		$(".bar").animate({height:63});
		$(".mail-form").animate({marginTop:0});
		CountDown=-1;
	});
	$("#mail_achternaam").blur(function(){
		CountDown=5;
		setTimeout("collapseMail()",1000);
	});
});
function validateMailForm(){
	if($("#mail_achternaam").val()=="" || $("#mail_email").val()=="" || $("#mail_achternaam").val()=="uw achternaam" || $("#mail_email").val()=="inschrijven@nieuwsbrief"){
		alert("Vul uw achternaam en emailadres in");
		return false;
	}else{
		return true;
		alert($("#mail_achternaam").val());
	}
}

var CountDown=-1;


function collapseMail(){
	
	if(CountDown==0){
		$(".bar").animate({height:31});
		$(".mail-form").animate({marginTop:-30});	
	}else{
		if(CountDown!=-1){
			setTimeout("collapseMail()",1000);
			CountDown--;
		}
	}
}