$(document).ready(function() { 
    
	$('.login_box').hide(); 

}); 



    jQuery.fn.fadeToggle = function(s, fn){
        return (this.is(":visible"))
            ? this.fadeOut(s, fn)
            : this.fadeIn(s, fn);
    };

    // utilising fadeToggle to show/hide .content DIV
    jQuery(function($){
        var labelHide = 'Login';
        var labelShow = 'Login';
        $(".show_login").text(labelHide);
        $(".show_login").click(function(){
            var copy = $(".login_box").is(":visible") ?  labelShow : labelHide;
            $(".login_box").toggle();
            $(this).text(copy);
            
        });
    });

    //inschrijf_formulier
    jQuery(function() {
		// show a simple loading indicator
		var loader = jQuery('<div id="loader"></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});
		
		var container = $('div.container').html("<h4><span style='color:red'>Er zitten fouten in het formulier, de details staan hierboven!</span></h4><br>").hide();
		var v = jQuery("#inschrijf_formulier").validate({
				errorContainer: container,
				meta: "validate",
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
				clearForm: false,
				target: "#result"
				});
			}
		});
		
		jQuery("#reset").click(function() {
			v.resetForm();
		});
	});
	
    //inlog formulier
    jQuery(function() {
		// show a simple loading indicator
		var loader = jQuery('<div id="loader"></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});
		
		var container = $('div.container').html("<h4><span style='color:red'>Er zitten fouten in het formulier, de details staan hierboven!</span></h4><br>").hide();
		var v = jQuery("#form").validate({
				errorContainer: container,
				meta: "validate",
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
				clearForm: false,
				success: function(msg){
     				window.location = msg;
     				//alert(msg);
   				}
				});
			}
		});
		
		jQuery("#reset").click(function() {
			v.resetForm();
		});
	});
	
	//mijn gegevens wijzigen
    jQuery(function() {
		// show a simple loading indicator
		var loader = jQuery('<div id="loader"></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});
		
		var container = $('div.container').html("<h4><span style='color:red'>Er zitten fouten in het formulier, de details staan hierboven!</span></h4><br>").hide();;
		var v = jQuery("#mijn_gegevens").validate({
				errorContainer: container,
				meta: "validate",
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
				clearForm: false,
				success: function(msg){
				$('div.container').hide().html(msg).fadeIn();
	                    setTimeout(function(){
                       $('div.container').fadeOut();

                    }, 5000);
                    
   				}
				});
			}
		});
		
		jQuery("#reset").click(function() {
			v.resetForm();
		});
	});
	
	//bedrijfsgegevens wijzigen
    jQuery(function() {
		// show a simple loading indicator
		var loader = jQuery('<div id="loader"></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});
		
		var container = $('div.container_company_form').html("<h4><span style='color:red'>Er zitten fouten in het formulier, de details staan hierboven!</span></h4><br>").hide();;
		var v = jQuery("#bedrijfsgegevens").validate({
				errorContainer: container,
				meta: "validate",
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
				clearForm: false,
				success: function(msg){
				$('div.container_company_form').hide().html(msg).fadeIn();
	                    setTimeout(function(){
                       $('div.container_company_form').fadeOut();

                    }, 5000);
                    
   				}
				});
			}
		});
		
		jQuery("#reset").click(function() {
			v.resetForm();
		});
	});
		
	//Logout
    // utilising fadeToggle to show/hide .content DIV
    jQuery(function($){
        $(".logout").click(function(){
			$.ajax({
   			type: "POST",
   			url: "/klant/logout_post.html",
   			data: "logout=true",
   			success: function(msg){
     				window.location = "/"+msg;
   				}
 			});
        });
    });