$(document).ready(function(){
	$("#btn_send").mouseover(function(){
		$("#btn_send").attr("src","image/btn_send_mouseover.png");
	});
	$("#btn_send").mouseout(function(){
		$("#btn_send").attr("src","image/btn_send.png");
	});
	$("#btn_send").click(function(){
		sendmail();
	});
	$("#email").focus(function(){
		if($("#email").val() == "e-mail adres"){
			$("#email").val("");
		}
	});
	$("#email").blur(function(){
		if($("#email").val() == ""){
			$("#email").val("e-mail adres");
		}
	});	
	
	setSize();
});

$(window).resize(function() {
	  setSize();
});

function setSize(){
	var margin = 380;
	if($(window).height() < 780){
		$("#container").css({'top' : '0px', 'margin-top' : '0px'});
		margin = 0;
	}else{
		$("#container").css({'top' : '50%', 'margin-top' : '-380px'});
		margin = 380;
	}
	
	var pos = $("#container").position();
	var top = pos.top + 288 - margin;
	$("#line").css({'top' : top + 'px'});
}

$(document).keypress(function(e) {
	if(e.keyCode == 13) {
		sendmail();
	}
});

function isValidEmailAddress(emailAddress){
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}

function sendmail(){
	var email = $("#email").val();
	var err = 0;
	if(email == "e-mail adres" || !isValidEmailAddress(email)){
		err++;
	}
	if(err > 0){
		$("#error").css({'display' : 'block'});
	}else{
		$("#error").css({'display' : 'none'});
		$.post("sendmail.php",{'email' : email},
			function(data){
				if(data == "SUCCESS"){
					window.location.href = 'bedankt.html';
				}else{
					$("#error").html(data);
					$("#error").css({'display' : 'block'});
				}
		});
	}
}