// Preload Images
img1 = new Image(16, 16);
img1.src="styles/modal_forms/img/images/spinner.gif";

img2 = new Image(220, 19);
img2.src="styles/modal_forms/img/ajax-loader.gif";

var redirect = "";

// When DOM is ready
$(document).ready(function(){
    /**
     * Login form
     */
    $(".login_link").click(function(){
        $('#loginFormContainer').modal({
            closeHTML: ''
        });
        $("#loginForm > input[name=email]").focus();
        return false;
    });

    $("form#loginForm").submit(function(){
        var self = $(this)

        // Hide buttons
        $('form#loginForm > input[name=loginBtn]').hide();
        $('form#loginForm > input[name=cancelBtn]').hide();

        // Show Gif Spinning Rotator
        $('form#loginForm > .ajax_loading').show();

        $.post("ajax.php",
               {
                   action: "login",
                   email: $("form#loginForm > input[name=email]").val(),
                   password: $("form#loginForm > input[name=password]").val()
               },
               function(data) {
                   $('form#loginForm > input[name=loginBtn]').show();
                   $('form#loginForm > input[name=cancelBtn]').show();
                   $('form#loginForm > .ajax_loading').hide();

                   if (data['code'] == 0) {
                       $('#loginFormContainer .response').html(data['message']);
                   } else {
                       $('#loginFormContainer > .bottomLinks').hide();

                       var response = '<div class="message">' +
                        '<img align="absmiddle" src="images/modal_forms/ajax-loader.gif" style="margin-bottom:20px"><br />' +
                        "You are successfully logged in! <br /> Please wait while you're redirected...</div>";

                       //$('a.modalCloseImg').hide();

                       //$('#simplemodal-container').css("width","500px");
                       //$('#simplemodal-container').css("height","120px");

                       self.html(response); // Refers to 'status'

                       if (redirect != "") {
                           setTimeout('window.location = "' + redirect + '"', 3000);
                       } else {
                           setTimeout('window.location = "/members/index.php"', 3000);
                       }
                   }
               },
               "json"
        );
        return false;
    });

    /**
     * Signup form
     */
    $(".signup_link").click(function() {
        $.modal.close();
        $('#signupFormContainer').modal({
            closeHTML: ''
        });
        $("#signupForm > input[name=fname]").focus();
        return false;
    });
    $("form#signupForm").submit(function(){
        var self = $(this)
        
        var messageBox = self.find("div.message");
        
        $('#signupFormContainer .response').html("");

        // Hide buttons
        $('form#signupForm > input[name=signupBtn]').hide();
        $('form#signupForm > input[name=cancelBtn]').hide();

        // Show Gif Spinning Rotator
        $('form#signupForm > .ajax_loading').show();

        var termscheck = 0;
        if ($("form#signupForm input[name=termscheck]").attr('checked')) {
            termscheck = 1;
        }

        $.post("ajax.php",
               {
                   action: "signup",
                   fname: $("form#signupForm > input[name=fname]").val(),
                   lname: $("form#signupForm > input[name=lname]").val(),
                   email: $("form#signupForm > input[name=email]").val(),
                   re_email: $("form#signupForm > input[name=re_email]").val(),
                   password: $("form#signupForm > input[name=password]").val(),
                   re_password: $("form#signupForm > input[name=password]").val(),
                   year: $("form#signupForm > select[name=year]").val(),
                   month: $("form#signupForm > select[name=month]").val(),
                   day: $("form#signupForm > select[name=day]").val(),
                   gender: $("form#signupForm > select[name=gender]").val(),
                   termscheck: termscheck
               },
               function(data) {
                   $('form#signupForm > input[name=signupBtn]').show();
                   $('form#signupForm > input[name=cancelBtn]').show();
                   $('form#signupForm > .ajax_loading').hide();

                   if (data['code'] == 0) {
                       $('#signupFormContainer .response').html(data['message']);
                   } else {
                       $('#signupFormContainer > .bottomLinks').hide();

                       var response = 
                        //'<img align="absmiddle" src="images/modal_forms/ajax-loader.gif" style="margin-bottom:20px"><br />' +
                        "Thank you for registering!<br />" +
                        "Please check your email for your account activation link.<br />" +
                        "The activation link for your account was sent to " + data['email'] + ".";

                       //$('a.modalCloseImg').hide();

                       //$('#simplemodal-container').css("width","500px");
                       //$('#simplemodal-container').css("height","120px");

                       //self.html(response); // Refers to 'status'
                       messageBox.html(response);
                       messageBox.show();
                       
                       self.find("input[type!='button'],select").attr('disabled', "disabled");

                       //setTimeout("$.modal.close();$('#loginFormContainer').modal({closeHTML:''});", 4000);
                   }
               },
               "json"
        );
        return false;
    });
    
    $(".uploadUserPic").click(function() {
        $.modal.close();
        $('#uploadUserPicContainer').modal({
            closeHTML: ''
        });
        //$("#signupForm > input[name=fname]").focus();
        
        return false;
    });
});