$(document).ready(function(){
    $("#signup_form").validate({
        rules: {
                password: {
                    minlength: 6  
                },
                password2: {
                    equalTo: "#password"
                },
                birth_day: {
                    digits: true,
                    max: 31
                },
                birth_month: {
                    digits: true,
                    max: 31
                },
                birth_year: {
                    digits: true,
                    minlength: 4
                }
                
            },
        submitHandler: function(form) {
            var sex = $('input[name=sex]:checked').val();
            var first_name = $('#first_name').val();
            var last_name = $('#last_name').val();
            var insertion = $('#insertion').val();
            var birth_day = $('#birth_day').val(); 
            var birth_month = $('#birth_month').val();
            var birth_year = $('#birth_year').val();
            var street = $('#street').val();
            var number = $('#number').val();
            var postal_code = $('#postal_code').val();
            var city = $('#city').val();
            var country = $('#country').val();
            var telephone = $('#telephone').val();
            var email = $('#email').val();
            var newsletter = $('#newsletter:checked').val();
            var password = $('#password').val();
            
            $.ajax({
    			type: "POST",
    			url: baseUrl + "users/create/" + lang,
    			data: "sex=" + sex + "& first_name=" + first_name + "& last_name=" + last_name + "& insertion=" + insertion + "& birth_day=" + birth_day + "& birth_month=" + birth_month + "& birth_year=" + birth_year + "& street=" + street + "& number=" + number + "& postal_code=" + postal_code + "& city=" + city + "& country=" + country + "& telephone=" + telephone + "& email=" + email + "& newsletter=" + newsletter + "& password=" + password,
    			success: function(xml){
    				if ($(xml).find('success').text() == 0)
    				{
                        switch (lang) {
                            case 'nl':
                                var in_use = 'Het opgegeven e-mailadres is al in gebruik.';
                                break;
                            case 'en':
                                var in_use = 'The provided e-mailaddress is not available.';
                                break;
                            case 'de':
                                var in_use = 'Die angegebene e-mailadresse ist nicht verfügbar.';
                                break;
                        }   
    				    $("#email").after('<label for="email" class="error"><br/>' + in_use + '</label>');
    				}
    				else
    				{
    				    $("#aanmeldform").css('display','none');
    				    $("#signup_form")[0].reset();
    				    $("#signup_succes").css('display','block');
    				    $("#signinform").css('display','block');
    				}
    			}
    		});
            
            return false;
        }
        
    });

    $("#aanmeld_content").bind("DOMSubtreeModified", function(){ 
       $("#aanmeld_background").height($("#aanmeld_content").height() + 60); 
    });
       
    $("#signin_form").submit(function() {
        var email = $('#signin_email').val();
        var password = $('#signin_password').val();  
        
        $.ajax({
    			type: "POST",
    			url: baseUrl + "users/login",
    			data: "email=" + email + "& password=" + password,
    			success: function(xml){
    			 
                    $("#signup_succes").css('display','none');
                    
    				if ($(xml).find('success').text() == 0)
    				{
    				    $("#signin_error").css('display','block');
    				}
    				else
    				{
                        switch (lang) {
                            case 'nl':
                                var welcome = 'Welkom';
                                var close = 'Sluiten';
                                break;
                            case 'en':
                                var welcome = 'Welcome';
                                var close = 'Close';
                                break;
                            case 'de':
                                var welcome = 'Willkommen';
                                var close = 'Schließen';
                                break;
                        }
    				    $("#login_btn").css('display','none');
    				    $("#logout_btn").css('display','');
    				    $("#signin_content").html('<p>' + welcome + ', ' + $(xml).find('name').text() + '<br/>&nbsp;</p><a href="javascript:void(0);" onclick="showhide_signin(); return false;)>' + close + '</a>');
    				}
    			}
  		  });
        
        return false; 
    });
    
    $("#forgotpass_form").validate({
        submitHandler: function(form) {
            var email = $('#forgotpass_email').val();
            
            $.ajax({
        			type: "POST",
        			url: baseUrl + "users/forgot_password/" + lang,
        			data: "email=" + email,
        			success: function(xml){
                        
        				if ($(xml).find('success').text() == 0)
        				{
        				    $("#forgotpass_error").css('display','block');
        				}
        				else
        				{
        				    $("#forgotpass_success").css('display','block');
        				    
                            switch (lang) {
                                case 'nl':
                                    var close = 'Sluiten';
                                    break;
                                case 'en':
                                    var close = 'Close';
                                    break;
                                case 'de':
                                    var close = 'Schließen';
                                    break;
                            }
        				    $("#forgotpass_form").html('<p><a href="javascript:void(0);" onclick="showhide_forgotpass(); return false;)>' + close + '</a>')
        				}
        			}
      		  });
            
            return false; 
        }
    });
    
    $("#changepass_form").validate({
        rules: {
                changepass_password: {
                    minlength: 6  
                },
                changepass_password2: {
                    equalTo: "#changepass_password"
                }                
            },
        submitHandler: function(form) {
            var old_password = $('#changepass_old_password').val();
            var password = $('#changepass_password').val();
            
            $.ajax({
        			type: "POST",
        			url: baseUrl + "users/change_password",
        			data: "old_password=" + old_password + "&password=" + password,
        			success: function(xml){
                        
        				if ($(xml).find('success').text() == 0)
        				{
        				    $("#changepass_error").css('display','block');
        				}
        				else
        				{
        				    $("#changepass_success").css('display','block');
        				    
                            switch (lang) {
                                case 'nl':
                                    var close = 'Sluiten';
                                    break;
                                case 'en':
                                    var close = 'Close';
                                    break;
                                case 'de':
                                    var close = 'Schließen';
                                    break;
                            }
        				    $("#changepass_form").html('<p><a href="javascript:void(0);" onclick="showhide_changepass(); return false;)>' + close + '</a>')
        				}
        			}
      		  });
            
            return false; 
        }
    });
    
});


function showhide_signup()
{
    if ($("#aanmeldform").css('display') == 'none')
    {
        $("#signinform").css('display','none');
        $("#forgotpassform").css('display','none');
        $("#changepassform").css('display','none');
        $("#aanmeldform").css('display','block');
    }
    else
    {
        $("#aanmeldform").css('display','none');
    }
}

function showhide_signin()
{
    if ($("#signinform").css('display') == 'none')
    {
        $("#aanmeldform").css('display','none');
        $("#forgotpassform").css('display','none');
        $("#changepassform").css('display','none');
        $("#signinform").css('display','block');
    }
    else
    {
        $("#signinform").css('display','none');
    }
}

function showhide_forgotpass()
{
    if ($("#forgotpassform").css('display') == 'none')
    {
        $("#signinform").css('display','none');
        $("#aanmeldform").css('display','none');
        $("#changepassform").css('display','none');
        $("#forgotpassform").css('display','block');
    }
    else
    {
        $("#forgotpassform").css('display','none');
    }
}

function showhide_changepass()
{
    if ($("#changepassform").css('display') == 'none')
    {
        $("#aanmeldform").css('display','none');
        $("#forgotpassform").css('display','none');       
        $("#signinform").css('display','none');
        $("#changepassform").css('display','block');
    }
    else
    {
        $("#changepassform").css('display','none');
    }
}