$(function(){

	var initForm = function() {

	    // invullen van de geselecteerde reis.
	    var titel = $('#product3 h1').html();
	    $('#geselecteerde_reis input').val(titel);
	    $('#geselecteerde_reis span').html(titel);

	    var toggle = function(el, what) {
	      if($(el).attr('checked')) {
	        $(what).show();
	      } else {
	        $(what).hide();
	      }
	    };

	    $('#meereizendekinderenja').click(function(ev) { toggle(this, '#kinderaantal_show'); });
	    $('#voorkeurluchtvaartmaatschappijja').click(function(ev) { toggle(this, '#luchtvaartmaatschappij_show'); });
	    $('#lokalegidsja').click(function(ev) { toggle(this, '#lokalegidstaal_show'); });

	    toggle('#meereizendekinderenja','#kinderaantal_show');
	    toggle('#voorkeurluchtvaartmaatschappijja', '#luchtvaartmaatschappij_show');
	    toggle('#lokalegidsja', '#lokalegidstaal_show');

           if($('#meereizendekinderenja').attr('checked')) {
                if($('#aantalkinderen').val() == '') {
                        if($('#kinderaantal_show').css('display') == 'none') {
                                $('#kinderaantal_show').css('display', '');
                        }
                        alert('U moet het aantal kinderen invullen');
                        return false;
                }
           }

           if($('#voorkeurluchtvaartmaatschappijja').attr('checked')) {
                if($('#luchtvaartmaatschappij').val() == '') {
                        if($('#luchtvaartmaatschappij_show').css('display') == 'none') {
                                $('#luchtvaartmaatschappij_show').css('display', '');
                        }
		        console.log('alert u moet invullen');
                        alert('U moet de luchtvaartmaatschappij invullen');
                        return false;
                }
           }

           if($('#lokalegidsja').attr('checked')) {
                if($('#lokalegidstaal').val() == '') {
                        if($('#lokalegidstaal_show').css('display') == 'none') {
                                $('#lokalegidstaal_show').css('display', '');
                        }
                        alert('U moet de taal van de lokale gids aangeven');
                        return false;
                }
           }

	   var datumCallback = function(a)
	   {
		   var num = parseInt(a.value);
		   (String(num).length < 2) ? num = String("0" + num) :  num = String(num);
		   return num;		
	   };

	   var vertrek = $('#vertrekdatum-1, #vertrekdatum-2, #vertrekdatum-3').serializeArray().reverse().map(datumCallback).join('');
	   var terugkomst = $('#terugkomstdatum-1, #terugkomstdatum-2, #terugkomstdatum-3').serializeArray().reverse().map(datumCallback).join('');

	   if(terugkomst < vertrek) {
		   alert('Terugkomst datum kan niet vroeger zijn als de vertrek datum');
		   return false;
	   }

	   $('#submitbutton input').attr('disabled', true).addClass('disabled');

        };

        $('#tabs').tabs();
        var form_loaded = false;

        // de functie is in of meer recursief.
        // als het formulier niet correct ingestuurd wordt moet opnieuw een listener geplaatst worden.
	   var postVars = {};
	   var doFormLoop = function() {
           postVars = { requestbut: true }; // requestbut is de submit trigger voor contactpage code.
            $.each($('#form').serializeArray(), function(i, field) {
            postVars[field['name']] = field['value'];
			return true;
       });

	   $('#tabs-6').load("/reis-offerte-aanvraag", postVars, function(data) {
	      initForm();
	      $('#submitbutton input').attr('disabled', false).removeClass('disabled');
	      $('#form').submit(doFormLoop);
	   });
	   return false;
	};

	$('#tabs').bind('tabsselect', function(event, ui) {
		if(ui.panel.id == 'tabs-6' && !form_loaded) {
		  $('#tabs-6').load("/reis-offerte-aanvraag", {}, function() {
		    initForm();
	        $('#submitbutton input').attr('disabled', false).removeClass('disabled');
		    $('#form').submit(doFormLoop);
                    form_loaded = true; 
		  });
		}
	});
			
	$('#button-offerte').click(function() { // bind click event to link
    	  $('#tabs').tabs('select', '#tabs-6'); // switch to third tab
    	  return false;
	});
				
	$('#button-images').click(function() { // bind click event to link
    	  $('#tabs').tabs('select', '#tabs-4'); // switch to third tab
    	  return false;
	});	
			
});