$(document).ready(function() {
	$('#sendForm').click(function(){
		//alert('ee');
		var lang = $(this).attr('rel');
		var msg = '';
		var em = '';
		var fnr = 0;
		var fnme = '';
		var fid = '';
		var j = 0;		
		
		$('form#formcontact *[rel=form]').each(function(){
			//alert($(this).val())
			if($(this).attr('alt') == 'Required' && $(this).val() == '' && fnme == '' && $(this).parent('div').parent('div').find('div').attr('alt') != 'E-mail'){
				fnr = j;
				fnme = $(this).parent('div').parent('div').find('div').attr('alt');
				fid = $(this);
				return false;
			}
			
			if($(this).parent('div').parent('div').find('div').attr('alt') == 'E-mail' && fnme == ''){
				if(!validMail($(this).val())){
					fnr = j;
					fnme = $(this).parent('div').parent('div').find('div').attr('alt');
					fid = $(this);
					return false;
				}
			}			
			j++;
		});
		if(fnme != ''){
			alert_form(fnr, fnme, fid, lang);
		}else{
			country = $('#countrylist').val();
			
			if(country==""){
				$('#countrylist').addClass('alertform_border');
			} else {
				$('form#formcontact').submit();
			}		
		}
	})
})



////////////////////////////////////////////////////// ALERT FUNCTION  ////////////////////////////////////////////////////// 

function alert_form(fnr, fnme, fid, lang){
	/*var obj = document.getElementById("alertform");
	obj.style.display = "block";*/
	
	var obj = $("#alertform");
	obj.css({'display': 'block'});
	
	if(lang == "nl"){
		var comment = "Sommige velden in dit formulier zijn verplicht in te vullen. Gelieve hier <strong>uw "+fnme.toLowerCase()+"</strong> in te vullen.";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "fr"){
		var comment = "Entrez votre "+fnme.toLowerCase()+", s'il vous plaît.";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "en"){
		var comment = "Please enter your "+fnme.toLowerCase()+".";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "pl"){
		var comment = "Proszę wpisać "+fnme.toLowerCase()+".";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "hr"){
		var comment = "Unesite "+fnme.toLowerCase()+".";
		var emcomment = "Vaš e-mail je uspješno poslan.";
	} else {
		var comment = "Please enter your "+fnme.toLowerCase()+".";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	}
	if(fnme == "E-mail"){
		comment = comment+'<br /><br />'+emcomment;
	}
	var inputField = '<input type="text" value="'+fid.val()+'" id="alertformfield" />';
	obj.html('<span id="af_close"></span><div><div id="alertformcontainer"><div><a href="#" id="af_sluit">X sluiten</a><span><p>'+comment+'<br /><br />'+inputField+' <button id="alertformbutton" onmousedown="javascript:af_setfield('+fnr+');document.getElementById(\'alertform\').innerHTML = \'\';document.getElementById(\'alertform\').style.display = \'none\';">Ok</button></p></span></div></div></div>');
	/*//set focus on button
	document.getElementById("alertformbutton").focus();*/
	//center vertically
	
	$('#af_close, #af_sluit').click(function(){
		obj.empty();
		obj.css({"display" : "none"});
	})
	
	$('#alertformcontainer').css({'margin' : Math.round((obj.height()-$("#alertformcontainer").height())/2)+'px 0px 0px 0px'})
}

function af_sent(lang){
	var obj = $("#alertform");
	obj.css({'display': 'block'})
	//obj.style.display = "block";
	if(lang == "nl"){
		var comment = "Uw e-mail werd succesvol verzonden.";
	} else if(lang == "fr"){
		var comment = "Votre adresse e-mail a été envoyé.";
	} else if(lang == "en"){
		var comment = "Your e-mail has succesfully been delivered.";
	} else if(lang == "pl"){
		var comment = "Twoja wiadomość została przesłana.";
	} else {
		var comment = "Your e-mail has succesfully been delivered.";
	}
	obj.html('<span id="af_close"></span><div><div id="alertformcontainer"><div><a href="#" id="af_sluit">X sluiten</a><span><p>'+comment+'<button id="alertformbutton" onmousedown="document.getElementById(\'alertform\').innerHTML = \'\';document.getElementById(\'alertform\').style.display = \'none\';">Ok</button></p></span></div></div></div>');
	//set focus on button
	$('#af_close, #af_sluit').click(function(){
		$("#alertform").empty();
		$("#alertform").css({"display" : "none"});
	})
	
	//$("#alertformbutton").focus();
	//center vertically
	$("#alertformcontainer").css({'margin' : Math.round((obj.height()-$("#alertformcontainer").height())/2)+'px 0px 0px 0px'})
}

function af_notsent(lang){
	var obj = $("#alertform");
	obj.css({'display': 'block'})
	//obj.style.display = "block";
	if(lang == "nl"){
		var comment = "Uw e-mail werd NIET verzonden.";
	} else if(lang == "fr"){
		var comment = "Votre adresse e-mail n'a PAS été envoyé.";
	} else {
		var comment = "Your e-mail has NOT been delivered.";
	}
	obj.html('<span id="af_close"></span><div><div id="alertformcontainer"><div><a href="#" id="af_sluit">X sluiten</a><span><p>'+comment+'<button id="alertformbutton" onmousedown="document.getElementById(\'alertform\').innerHTML = \'\';document.getElementById(\'alertform\').style.display = \'none\';">Ok</button></p></span></div></div></div>');
	//set focus on button
	$('#af_close, #af_sluit').click(function(){
		$("#alertform").empty();
		$("#alertform").css({"display" : "none"});
	})
	
	//$("#alertformbutton").focus();
	//center vertically
	$("#alertformcontainer").css({'margin' : Math.round((obj.height()-$("#alertformcontainer").height())/2)+'px 0px 0px 0px'})
}

function af_setfield(fnr){
	//var obj = document.getElementById("alertformfield");
	//document.forms[0].elements[fnr+1].value = obj.value;
	//document.forms[0].elements[fnr+1].addClass("alertform_border");
	
	
	var val = $('#alertformfield').val();

	$('form#formcontact *[rel=form]').each(function(){
		$(this).removeClass("alertform_border");
	})
	
	$('form#formcontact *[rel=form]:eq('+fnr+')').addClass("alertform_border");
	$('form#formcontact *[rel=form]:eq('+fnr+')').val(val);
}