// JavaScript Document	

var stap=1,
	foto_id,
	email_lijst='',
	ecard_naam='';


var tekst=Array();
tekst["email_lijst_leeg"] = "<div class=\"center\"><i>Je hebt geen email adressen toegevoegd.</i></div>";
tekst["titel1"] = "Selecteer je mooiste foto";
tekst["stap1"] = "Hier kun je de <span class='blauw'>foto uploaden naar de server</span> van het waterschap. Binnen enkele dagen krijg je een bevestiging via de mail, en wordt jouw foto op de website geplaatst.<br/><br/> <span class='blauw'>De foto moet aan de volgende eisen voldoen:</span><ul><li>Minimaal 5 megapixel</li><li>JPG formaat</li></ul> Door op 'Bladeren' of 'browse' te klikken kan de foto worden geselecteerd. Klik vervolgens op 'volgende stap' om de foto op te sturen.";	   
tekst["titel2"] = "Je foto als E-card versturen (optioneel)";
tekst["stap2"] = "Om nog meer kans te maken op een leuke prijs kun je hier je eigen foto <span class='blauw'>doorsturen als e-card</span> en al je vrienden op jou laten stemmen.<br/><br/>Je kunt zoveel e-mail adressen toevoegen als je wilt, deze zullen dan jouw foto als e-card ontvangen samen met de persoonlijke boodschap die je hiernaast kunt invullen.";
tekst["titel3"] = "Je gegevens";
tekst["stap3"] = "Als laatste hebben we nog even <span class='blauw'>jouw gegevens</span> nodig om contact met je op te nemen als je een prijs gewonnen hebt. Daarna kun je bevestigen en staat binnen enkele dagen jouw foto online! <br/><br/>(Alleen je naam en de locatie van de foto zullen openbaar gemaakt worden, de overige gegevens zullen alleen worden gebruikt om contact met je op te nemen mocht je een prijs winnen. Uiteraard worden deze gegevens niet aan derden verstrekt.) <br/>";
tekst["titel_verzonden"] = "De foto is verstuurd";
tekst["persoonlijkeboodschap"] = "Typ hier je persoonlijke boodschap";
tekst["emailtoevoegen"] = "Typ hier het e-mail adres van een vriend/vriendin";
tekst["hyves_opgestuurd"] = "Bedankt voor het opsturen van je Hyves gegevens. Je krijgt bericht wanneer je een prijs hebt gewonnen!<br/><br/>(<a href='javascript:location.reload()'>nog een adres opgeven?</a>)";
tekst["ecard_naam"] = "Vul hier je naam in";


$(function() {
		   
$(".groenkader,.groenkader2").corner("round 5px");

});


function ecard_vb(actie)
{
	if (actie=='sluit')
	{
		$("#ecard_laden").hide();
		$("#ecard_voorbeeld_link").show();
		$("#overlay").hide();
		$("#overlay_schaduw").hide();	
		$(".groenkader").show();
	}
	else
	{
		$(".groenkader").hide();
		$("#overlay").show();
		$("#overlay iframe").attr("src","ecard.php?"+Math.random());
		$("#overlay_schaduw").show();
	}
	
}


function stappen(actie)
{
	var prevstap = stap;

	if (actie=='min') { stap--; } else { stap++; }

	if (stap==1) { $(".vorigestap").fadeOut('fast'); } else { $(".vorigestap").fadeIn('fast'); }

	$("#stap").html(stap);
	$("#insturen_titel").html(tekst['titel'+stap]);
	$('#insturen_kader_div').html(tekst['stap'+stap]);
	$('#afb_home').fadeOut("fast");
		
	$("#insturen_content_"+prevstap).slideUp("medium");
	setTimeout ('$("#insturen_content_'+stap+'").slideDown("medium");', 500);
	
	$(".groenkader").corner("round 5px");
}


function ajaxFileUpload()
{
	$("#loading").ajaxStart(function(){
		$("#uploadform").hide();
		$(this).show();
	})
	.ajaxComplete(function(){
		$(this).hide();
		$("#uploadform").show();
	});
	
	var inputveld = $("#uploadfoto").val(); inputveld=inputveld.toLowerCase();
	if (inputveld=='') { alert('Selecteer eerst een foto'); return false; }
	var dot = inputveld.lastIndexOf(".");  
	if( dot == -1 ) { alert('Het gekozen bestand is geen jpg bestand.\n'); return false; } 
	var extension = inputveld.substr(dot,inputveld.length); 
	if ((extension!='.jpg')&&(extension!='.jpeg')) { alert('Het gekozen bestand is geen jpg bestand.\n'); return false; } 
		
	$.ajaxFileUpload
	(
		{				
			url:'foto_inladen.php', 
			secureuri:false,
			fileElementId:'uploadfoto',
			dataType: 'json',
			success: function (data, status)
			{
				
				if(typeof(data.error) != 'undefined')
				{
					if(data.error != '')
					{
						alert(data.error);
//						alert('Het bestand kan niet worden geupload, probeer het binnenkort nog eens');
					}
					else
					{
						if (data.foto_id)
						{
							$("#preview_img").hide();
							$("#inzending_beschrijving").show();

							$("#preview_img").css('background-image','url(uploads/temp/'+data.foto_id+'_preview.jpg)');
							foto_id=data.foto_id;
							if (data.orientatie=='verticaal')
							{
								$("#preview_kader").removeClass('preview_kader_h').addClass('preview_kader_v');
								$("#preview_img").css('width','299px');
							}
							else
							{
								$("#preview_kader").removeClass('preview_kader_v').addClass('preview_kader_h');
								$("#preview_img").css('width','395px');								
							}
							$("#preview_img").fadeIn('slow');						
						}
					}
				}
			},
			error: function (data, status, e)
			{
//				alert(e);
					console.dir(data);
				alert('Het bestand kan niet worden geupload, probeer het binnenkort nog eens');
			}
		}
	)
	$("#uploadfoto").val('');
	return false;

}
	
function validate_email(email)
{
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (filter.test(email)) { return true; } else { return false; } 	
}	


function inzending_verwerken()
{	
	var formdata = $('#gegevens_form').serialize();
	
	$.post("inzending_verwerken.php",{ 
       foto_id: foto_id, 
       formdata: formdata, 
	   persoonlijke_boodschap: $("#persoonlijke_boodschap_tekst").val(),  
	   ecard_naam: $("#ecard_naam").val(), 
       email_lijst: email_lijst
     }, verzonden()); 	
}

function verzonden()
{
	$("#stappen").hide();
	$("#insturen_titel").html(tekst['titel_verzonden']);
	$(".groenkader").corner("round 5px");
	$("#insturen_content_3").slideUp("medium");
	setTimeout ('$("#insturen_content_4").slideDown("medium");', 500);	
}


function insturen_functies()
{	
	//stappen();
	
	$(".groenkader").corner("round 5px");
	$('#nieuw_email').alphanumeric({allow:".,-@"});
	
	$(".vorigestap").click(function()	{ stappen('min'); });
	$(".volgendestap").click(function()
	{ 
		if (stap==1) { if (!foto_id) { alert('Stuur eerst een foto in!'); return; }  }

		if (stap==2) 
		{ 
			if ($("#email_lijst span").size()>0) 
			{	
				val = $("#persoonlijke_boodschap_tekst").val();
				if ((val=='')||(val==tekst["persoonlijkeboodschap"]))
				{ 
					confir = confirm('Er is geen persoonlijke boodschap ingevuld, doorgaan?'); if (!confir) { return false; }
				}
			}
			if ($("#naam").val()==$("#naam").attr("title")) { if ($("#ecard_naam").val()!=tekst["ecard_naam"]) { $("#naam").val(ecard_naam); $("#naam").css('color','#333'); } }
		}
		if (stap==3) 
		{ 
			var error=0;
			
			$("#gegevens_form input").css('border','1px solid #ccc');
			$("#gegevens_form input").each(function(){
				if (($(this).val()==$(this).attr("title"))||($(this).val()=='')) 
				{ 
					$(this).css('border','1px solid red');  error=1;
				} 
			});
			if (!validate_email($("#email").val())) { $("#email").css('border','1px solid red'); error=1; }
			if (error>0) { $("#niet_alles_ingevuld").show(); return; }
			
			if ($("#persoonlijke_boodschap_tekst").val()==tekst["persoonlijkeboodschap"]) { $("#persoonlijke_boodschap_tekst").val('(niet ingevuld)');  }
		
			inzending_verwerken(); 
			return;
		}
			
		stappen();
	});
	
	$("#nieuw_email").keyup(function(){  
		if (validate_email($("#nieuw_email").val())) { $("#email_toevoegen").removeAttr("disabled"); } else { $("#email_toevoegen").attr("disabled","disabled"); }
	});
	
	$("#nieuw_mail_form").submit(function()
	{ 
		if (!validate_email($("#nieuw_email").val())) {return false; }
			
		var code = '<li><span>'+$("#nieuw_email").val()+'</span> (<a href=\"javascript:;\" class="verwijder_uit_lijst">verwijderen</a>)</li>';
		if ($("#email_lijst span").size()<1) { $("#email_lijst").html(''); }
		$("#email_lijst").html(code+$("#email_lijst").html());
		$("#nieuw_email").val('');
		$("#email_toevoegen").attr("disabled","disabled"); 
		$("#nieuw_email").focus();
		$(".verwijder_uit_lijst").click(function() {$(this).parent('li').remove(); if ($("#email_lijst span").size()<1) 
			{ $("#email_lijst").html(tekst["email_lijst_leeg"]); email_lijst=''; }});
		$("#email_lijst span").each( function() { email_lijst += $(this).html()+','; });
		return false;
	});
	
	$("#persoonlijke_boodschap_tekst").focus(function(){  
		var val = $("#persoonlijke_boodschap_tekst").val(); 
		if (val==tekst["persoonlijkeboodschap"]) { $("#persoonlijke_boodschap_tekst").val('').css('color','#333'); }
	});
	$("#persoonlijke_boodschap_tekst").blur(function(){  
		var val = $("#persoonlijke_boodschap_tekst").val(); 
		if (val=='') { $("#persoonlijke_boodschap_tekst").val(tekst["persoonlijkeboodschap"]).css('color','#999'); }
	});		
	$("#ecard_naam").focus(function(){  
		var val = $("#ecard_naam").val(); 
		if (val==tekst["ecard_naam"]) { $("#ecard_naam").val('').css('color','#333'); }
	});
	$("#ecard_naam").blur(function(){  
		var val = $("#ecard_naam").val(); 
		if (val=='') { $("#ecard_naam").val(tekst["ecard_naam"]).css('color','#999'); }
	});		
	
	$("#nieuw_email").focus(function(){  
		var val = $("#nieuw_email").val();
		if (val==tekst["emailtoevoegen"]) { $("#nieuw_email").val('').css('color','#333'); }
	});
	
	$("#nieuw_email").blur(function(){  
		var val = $("#nieuw_email").val(); 
		if (val=='') { $("#nieuw_email").val(tekst["emailtoevoegen"]).css('color','#999'); }
	})

	
	$("#email_lijst").html(tekst["email_lijst_leeg"]);
	$("#persoonlijke_boodschap_tekst").val(tekst["persoonlijkeboodschap"]).css('color','#999');
	$("#ecard_naam").val(tekst["ecard_naam"]).css('color','#999');
	$("#nieuw_email").val(tekst["emailtoevoegen"]).css('color','#999');
	
	
	$("#gegevens_form input").each(function(){ if ($(this).val()=='') { $(this).val($(this).attr("title")).css('color','#999'); } });
	$("#gegevens_form input").focus(function(){ if ($(this).val()==$(this).attr("title")) { $(this).val('').css('color','#333'); } });
	$("#gegevens_form input").blur(function(){ if ($(this).val()=='') { $(this).val($(this).attr("title")).css('color','#999'); } });	
	$('#email').alphanumeric({allow:".,-@"});
	$('#telefoon').numeric({allow:" -"});
	$('#postcode').alphanumeric({allow:" "});
	$("#insturen_titel").html(tekst['titel1']);
	$('#insturen_kader_div').html(tekst['stap1']);
	$("#buttonUpload").click(function() { return ajaxFileUpload(); });
	
	$("#persoonlijke_boodschap_tekst").keydown(function(){ recalculate(); });
	$("#persoonlijke_boodschap_tekst").keyup(function(){ recalculate(); });
	$("#persoonlijke_boodschap_tekst").mouseup(function(){ recalculate(); });	
	$("#persoonlijke_boodschap_tekst").click(function(){ recalculate(); });
	$("#persoonlijke_boodschap_tekst").blur(function(){ recalculate(); });
	$("#persoonlijke_boodschap_tekst").mousedown(function(){ recalculate(); });
	
	$("#ecard_naam").keyup(function(){ ecard_naam=$(this).val(); });
	
	function recalculate() 
	{
		var veld=$("#persoonlijke_boodschap_tekst").val(); var lengte=veld.length;
		var tekensover = 300-lengte;
		if (tekensover<0) { tekensover = 0; $("#persoonlijke_boodschap_tekst").val(veld.substr(0,300));  }
		if (tekensover<1) { tekensover='0'; }
		$("#tekensover").html(tekensover);

	}
			
}

function bekijk_ecard()
{
	$("#ecard_voorbeeld_link").hide();
	$("#ecard_laden").show();
	$.post("ecard_save.php",{ 
       foto_id: foto_id, 
	   persoonlijke_boodschap: $("#persoonlijke_boodschap_tekst").val(),
	   ecard_naam: ecard_naam
     }, 
	 function(){ecard_vb();}
	 ); 	
}