jQuery(document).ready(function($) {
	
	$("ul.gfield_checkbox li label").prepend("<span></span>");
	$('input.button').attr("id", "submitButton");
	$('div.gform_footer').prepend("<div id='summary'></div>");

	$("li.gfield").slice(0,1).wrapAll('<fieldset id="1Step" class="step"></fieldset>');
  $("li.gfield").slice(1,3).wrapAll('<fieldset id="2Step" class="step"></fieldset>');
  $("li.gfield").slice(3,5).wrapAll('<fieldset id="3Step" class="step"></fieldset>');
  $("li.gfield").slice(5,11).wrapAll('<fieldset id="4Step" class="step"></fieldset>');
  $("li.gfield").slice(11,33).wrapAll('<fieldset id="5Step" class="step submit_step"></fieldset>');
  
  $("#1Step").prepend('<legend>Social Media Platforms</legend>');
  $("#2Step").prepend('<legend>Social Bookmarking / Tools</legend>');
  $("#3Step").prepend('<legend>Social News / Blogs</legend>');
  $("#4Step").prepend('<legend>Persoonlijke gegevens</legend>');
  $("#5Step").prepend('<legend>Adres- / Zakelijke gegegevens</legend>');
  
  $("#gform_wrapper_1").formToWizard({ submitButton: 'submitButton' });
  
// validate signup form on keyup and submit
	var validator = $("#gform_1").validate({
   
   rules: {
     input_13	: { required: true, minlength:2},
     input_14	: { required: true, minlength:2},
     input_58	: "required",
     input_47	: { required: true, email: true},
     input_20	: { required: true, minlength:8},
     "input_59.1": "required"
   },
   messages: {
     input_13: 		"Achternaam is verplicht",
	 input_14: 		"Voornaam is verplicht",
	 input_58:		"Geboortedatum is een verplicht veld",
	 /*input_58: {
       required: 	"Geboortedatum is een verplicht veld",
       date: 		"Gebruik de volgende opmaak dd/mm/jjjj"
     },*/
     input_47: {
       required: 	"Een emailadres is verplicht",
       email: 		"Een emailadres moet er als volgt uitzien: naam@domein.tld"
     },
     
     input_20:		"Invoer moet minimaal 8 tekens bevatten",
     
     "input_59.1": "U dient akkoord te gaan met de Algemene Voorwaarden"

   },
   		       
  showErrors: function(errorMap, errorList) {
		$("#summary").html("Het formulier bevat "
                                   + this.numberOfInvalids() 
                                   + " fout(en), blader door het formulier om de gemarkeerde velden te corrigeren. <br>Probeer het formulier hierna opnieuw te versturen.");
		this.defaultShowErrors();
	}


   
   
})

  
  function countChecked() {
      var n = $("input:checked").length;
      //$("input#input_1_61").val(n + " geselecteerd");
      $("input#input_1_61").val(n);
    }
   
    
    countChecked();
  
    //$(":checkbox").click(countChecked);
	$(":checkbox").slice(0, 32).click(countChecked);

  
  /*$("#gform_wrapper_1").formwizard({ 
                  //form wizard settings
                  historyEnabled : false, 
                  formPluginEnabled: false, 
                  validationEnabled : true},
                 {
                   
				 input_47: { required: true, email: true }
                   
                   //validation settings
                 },
                 {
                   // form plugin settings
                 }
                );*/

});