img1 = new Image(16, 16);
img1.src = "images/spinner.gif";

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

$(document).ready(function() {

   $("#login_link").click(function() {
      $('#login_form').modal();
   });

   $("#status > form").submit(function() {
      $('#submit').hide();

      $('#ajax_loading').show();

      var str = $(this).serialize();

      $.ajax({
         type: "POST",
         url: "do-login.php",
         data: str,
         success: function(msg) {
            $("#status").ajaxComplete(function(event, request, settings) {
               $('#submit').show();  
               $('#ajax_loading').hide();

                  if (msg == "OK") {
                  var login_response = '<div id="logged_in">' + 
                                       '<div style="width: 250px; float: left; margin-left: 70px;">' +
                                       '<div style="width: 40px; float: left;">' +
                                       '<img style="margin: 10px 0px 0px 10px; align="absmiddle" src="images/ajax-loader.gif">' +
                                       '</div>' +
                                       '<div style="margin: 10px 0px 0px 10px; float: right; width: 200px;">' +
                                       "You are successfully logged in! <br /> Please wait while you're redirected...</div></div>";

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

                     $(this).html(login_response);

                     setTimeout('go_to_private_page()', 1000);

                  } else {
                       var login_response = msg;
                       $('#login_response').html(login_response);
                  }
              });
            }
      });

      return false;
   });
});

function go_to_private_page() {
   window.location = 'members.php';
}