$(function(){
    
    //console.info('loaded');
    // 
    //$("#id_ingangsdatum_day, #id_ingangsdatum_month, #id_ingangsdatum_year")
    $("#id_ingangsdatum_day, #id_ingangsdatum_year")
         .dropdown({
             total_width : 111
         });
         
    $("#id_formaat, #id_duur")
         .dropdown();
         
    $("#id_ingangsdatum_day, #id_ingangsdatum_year")
        .closest(".dropdown_container")
        .addClass("dropdown_container_small");
        
    $("#id_ingangsdatum_month")
         .dropdown({
             total_width : 162
         });
         
    $("#id_ingangsdatum_month")
        .closest(".dropdown_container")
        .addClass("dropdown_container_medium");
    
    
    $("#id_grootte_box, #id_gewenste_periode")
        .dropdown()
    
    function switch_type(selected)
    {
        var $kvk = $('#id_kvk_nummer').closest('tr'),
    		$contact = $('#id_naam_contactpersoon').closest('tr'),
    		$bedrijf = $('#id_naam_bedrijf').closest('tr'),
    		$naam = $('#id_naam').closest('tr');
		
		if( selected == 'Zakelijk' )
		{
			$kvk.show();
			$contact.show();
			$bedrijf.show();
			$naam.hide();
		}
		else 
		{
			$kvk.hide();
			$contact.hide();
			$bedrijf.hide();
		    $naam.show();
		}
    }
    
    $("#id_zakelijk_particulier")
        .dropdown({
			callback: function(val) {							
				switch_type(val);
			}
		});
    
    switch_type($("input[name='zakelijk_particulier']").val());
    
    $(".helptext")
        .hide();
    
    $("td").each(function(){
       
       var helptext = $(this).find(".helptext").html();
       
       if( helptext )
       {
                      
           $(this)
               .tipsy({
                   gravity: 'w',
                   opacity: 0.9,
                   title: function(){
                       return helptext;
                   }
               });
       }
       
        
    });
    
    //Reserveerform
    
    $("#reserveerform")
        .find('tr')
        .each(function(i){
           
            if( i > 3 && i <= 10 )
            {
                $(this)
                    .hide();
            }
           
        });
    
    $("#volgende")
        .bind('click', function(e){
            
            e.stopPropagation();
            
            $(this)
                .closest('table')
                .find('tr')
                .show();
            
            $(this)
                .closest('tr')
                .hide();
        
            return false;
            
        });
    
    
    
});