// JavaScript Document
$(document).ready(function(){

                $('textarea').tinymce({
			// Location of TinyMCE script
			script_url : 'javascript/tinymce/jscripts/tiny_mce/tiny_mce.js',
                        content_css : "css/fixed.css",

			// General options
			theme : "simple",
			plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
                        theme_advanced_toolbar_location : "top",
                        theme_advanced_toolbar_align : "left"
		});


        $("select[name=Date_Day],select[name=Date_Month],select[name=Date_Year]").css({'margin-right':'0.5px'});

		$("div#content div#leftBox ul#steps li").corner("top");	
		$("div#content div#leftBox div#stepBox div#step2 div#lastBox").corner();
		$("div#content div#leftBox div#stepBox").corner("bl br tr");


$("input#addButton").live("click",function(){
    var sAdd = "";
    var iSize = $('.participant').length;
    for ( var i = 0; i < 5; i++){
        sAdd = sAdd + '<tr>';
        sAdd = sAdd + '<td class="text">Deelnemer '+ ++iSize +':</td>';
        sAdd = sAdd + '<td><input type="text" name="participant_'+ iSize +'" class="participant"/></td>';
        sAdd = sAdd + '<td class="text">E-mailadres:</td>';
        sAdd = sAdd + '<td><input type="text" name="e-mail_'+ iSize +'" class="emailp"/></td>';
        sAdd = sAdd + '</tr>';
    }
    $("tr#buttons").before(sAdd);
})

$('div#step1').keypress(function(event) {
   if (event.keyCode == '13') {
     event.preventDefault();
     goToStep2();
   }

});

$('div#step2').keypress(function(event) {
   if (event.keyCode == '13') {
     event.preventDefault();
     goToStep3();
   }

});

if ($.browser.msie && $.browser.version.substr(0,1)<7) {
    $("div#rightBox").css({'padding':'17px'});
}

$("input[name=postcode]").keyup(function(){
   var sZipcode = $(this).val();
   if(checkZipcode(sZipcode) == true){
      $.ajax({
         url: "postcode.php?type=getCity&zipcode="+sZipcode,
         success: function(sCity){
              $("input[name=woonplaats]").val(sCity);
         },
         error: function(){alert('er ging iets mis');}
      });


      $.get("postcode.php",{type:'getCity',zipcode:sZipcode},function(sCity){
          $("input[name=woonplaats]").val(sCity);
       });
   }
   else if(sZipcode.length < 4){
       $("input[name=woonplaats]").val('');
   }
});



$("form input:checkbox").css({'border':'0','width':'14px','margin':'0px 0px 0px 15px','padding':'0px'});
$("form input:radio").css({'border':'0'});
$("a[rel=external]").each(function(i){
		 this.target="_blank";
		 });


$(".step1, .goToStep1").live("click",function(){goToStep1();});
$(".step2, .goToStep2").live("click",function(){goToStep2();});
$(".step3, .goToStep3").live("click",function(){goToStep3();});


function goToStep1(){
									  
	$("#step1").show();
	$("#step2").hide();
	$("#step3").hide();
	$(".goToStep1").addClass('active');
	$(".goToStep2").removeClass('active');
	$(".goToStep3").removeClass('active');

}

function goToStep2(){

        // Validate of all required fields have been filled
        var bError = false;
        var sNotice = "";
        var iCount = 0;
       
        $("input.participant").each(function(){
           
           if($(this).val() != ''){
               iCount ++;
               var sName = $(this).attr('name');
               var aSplit = sName.split('_');
               var iId = aSplit[1];
              if(validEmail($("input[name=e-mail_"+iId+"]").val()) == false){
                   bError = true;
                   sNotice += "Vul voor deelnemer "+iId+" een geldig e-mailadres in.<br />"
               }
           }
        });

        $("input.emailp").each(function(){

           if($(this).val() != ''){
               iCount ++;
               var sName = $(this).attr('name');
               var aSplit = sName.split('_');
               var iId = aSplit[1];
              if($("input[name=participant_"+iId+"]").val().length < 2){
                   bError = true;
                   sNotice += "Vul voor e-mailadres "+iId+" een naam in.<br />"
               }
           }
        });
        
        if(iCount < 2){
             bError = true;
             sNotice += "- Vul minimaal twee deelnemers in.<br />"
        }
        
        if(bError == true){
            $("p#error1").html(sNotice);
            $("p#error1").show();
            $(".hr").css({'margin-top':'32px'});
        }
        else{
            $("p#error1").html('');
            $("p#error1").hide();
            $("#step1").hide();
            $("#step2").show();
            $("#step3").hide();
            $(".goToStep1").removeClass('active');
            $(".goToStep2").addClass('active');
            $(".goToStep3").removeClass('active');
        }


}
var agent= navigator.userAgent.toLowerCase();
var ie = agent.indexOf("msie")>=0;
var ie6=ie && agent.indexOf("msie 6")>=0;
var ie7=ie && agent.indexOf("msie 7")>=0;

if(ie6 || ie7){
    $("div#content div#leftBox ul#steps li").css({'margin':'25px 15px'});
}
$("form[name=generatePoem]").submit(function(){
    var bError = false;
        var sNotice = "";
        if($("input[name=voornaam]").val().length < 2){
            bError = true;
            sNotice = sNotice + '- Vul je voornaam<br />';
        }
        if($("input[name=achternaam]").val().length < 2){
            bError = true;
            sNotice = sNotice + '- Vul je achternaam in<br />';
        }
        if($("input[name=email]").val().length < 2){
            bError = true;
            sNotice = sNotice + '- Vul je emailadres in<br />';
        }
        else if(validEmail($("input[name=email]").val()) == false){
           bError = true;
           sNotice = sNotice + '- Vul een geldig emailadres in<br />';
        }
        if($("input[name=woonplaats]").val().length < 2){
            bError = true;
            sNotice = sNotice + '- Vul je woonplaats in<br />';
        }
        if($("input[name=geslacht]").is(':checked') == false){

            bError = true;
            sNotice = sNotice + '- Vul je geslacht in<br />';
        }
        if(!$("input[name=voorwaarden]").is(':checked')){
            bError = true;
            sNotice = sNotice + '- Om verder te gaan moet je akkoord gaan met de voorwaarden<br />';
        }
        if(bError == true){
            $("p#error2").html(sNotice);
            $("p#error2").show();
            return false;
        }
        else{
            return true;
        }
});

$("input[name=name]").live("keyup",function(){
   var sVal = $(this).val();
   if(sVal == ""){
       sVal = "<naam>";
   }
   $("span.name").text(sVal);

});

$("input[name=name]").live("blur",function(){
   var sVal = $(this).val();
   if(sVal == ""){
       sVal = "<naam>";
   }
   $("span.name").text(sVal);

});

$("input[name=who]").live("click",function(){
   var sVal = $(this).val();
   if(sVal == "jezelf"){
       sVal = $("input[name=own]").val();
   }
   if(sVal == ""){
       sVal = "<aan>";
   }
   $("span.who").text(sVal);
});

$("input[name=who]").live("blur",function(){
   var sVal = $(this).val();
   if(sVal == "jezelf"){
       sVal = $("input[name=own]").val();
   }
   if(sVal == ""){
       sVal = "<aan>";
   }
   $("span.who").text(sVal);
});

$("div#content div#leftBox input#paymentButton").live("click",function(){
   $("div#leftBox").append("<p><br /><br /><br /><br /><img class'loader' src='images/loader.gif' height='32' widht='32' alt='Bezig met laden' /> Bezig met controleren van betaling...</p>")
   // Check for payments
   $.post("do.post.php",{type:'checkPayment',payments:$("form").serialize()},function(data){
       $("div#leftBox").replaceWith(data);
   })

   return false;
});

    $("span.selectAll").live("click",function(){
       $("input[type='checkbox']").attr('checked',true);
    });

    $("span.deselectAll").live("click",function(){
       $("input[type='checkbox']").attr('checked',false);
    });

});


function showFriends(sText){

  $("div#inviteBox").append("<p><img class'loader' src='images/loader.gif' height='32' widht='32' alt='Bezig met laden' /> Bezig met het zoeken naar contacten...</p>")
  
   var sUsername = $("input[name=username]").val();
   var sPassword = $("input[name=password]").val()
   var sFrom = $("input[name=from]").val();
   $.post("do.post.php", {type:'findContacts',username:sUsername,password:sPassword}, function(data){

    $("div#inviteBox").html(data);

   
    if(sText.length > 1){
       otherText(sText,sFrom);
    }

   });
   return false;
}
function otherText(sText,sFrom){
   
   $("div#inviteBox textarea").html(sText);
   $("input[name=from]").val(sFrom);
}
function sendInvites(){

   var sText = $("textarea[name=text]").val();
   var from = $("input[name=from]").val();
   $("input:checked").each(function(){
       var sVal = $(this).val();
       $.post("do.post.php",{text:sText,from:from,email:sVal,type:'sendInvites'},function(data){
          ;
       });
   });
   $("div#inviteBox").html('<p>Je bericht is verzonden naar de vrienden die je geselecteerd hebt.</p>');
   return false;
}

function validEmail(sEmail) {

    var str= sEmail
    var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
    if (filter.test(str))
        return true;
    else{
        return false;
    }
}


function checkZipcode(sVal){
    if(sVal.length < 4){
        return false;
    }
    else{
        var anum=/(^\d+$)|(^\d+\.\d+$)/
        if (anum.test(sVal))
            return true;
        else{
            return false;
        }
    }
}