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

img2 = new Image(220, 19);
img2.src="images/ajax-loader.gif";
*/
// When DOM is ready
//$(document).ready(function(){
jQuery(document).ready(function($){
								
// Launch MODAL BOX if the Login Link is clicked
$("#login_link").click(function(){
	$("#cblogin").modal({
		overlay:80,
		//overlayCss: {backgroundColor:"#fff"},
		position: [70,650],
		closeClass: "modalClose",
		closeHTML: "<a href='#'>X Close</a>"
		

	});


	$("#cblogin").modal({onOpen: function (dialog) {
		dialog.overlay.fadeIn('slow', function () {
			dialog.data.hide();
			dialog.container.fadeIn('slow', function () {
				dialog.data.slideDown('slow');
			});
		});
	}});
	
	$("#sample").modal({onClose: function (dialog) {
		dialog.data.fadeOut('slow', function () {
			dialog.container.hide('slow', function () {
				dialog.overlay.slideUp('slow', function () {
					$.modal.close();
				});
			});
		});
	}});

});

// When the form is submitted
$("#status > form").submit(function(){  

// Hide 'Submit' Button
$('#submit').hide();

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

// 'this' refers to the current submitted form
var str = $(this).serialize();  

// -- Start AJAX Call --
/*
$.ajax({
    type: "POST",
    url: "do-login.php",  // Send the login info to this page
    data: str,
    success: function(msg){  

$("#status").ajaxComplete(function(event, request, settings){  

 // Show 'Submit' Button
$('#submit').show();

// Hide Gif Spinning Rotator
$('#ajax_loading').hide();  

 if(msg == 'OK') // LOGIN OK?
 {
 var login_response = '<div id="logged_in">' +
'<div style="width: 350px; float: left; margin-left: 70px;">' +
'<div style="width: 40px; float: left;">' +
'<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
'</div>' +
'<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+
"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); // Refers to 'status'

// After 3 seconds redirect the
setTimeout('go_to_private_page()', 3000);
 }
 else // ERROR?
 {
 var login_response = msg;
 $('#login_response').html(login_response);
 }  

 });  

 }  

  });  

// -- End AJAX Call --
*/
return false;

}); // end submit event

});

function go_to_private_page()
{
window.location = 'private.php'; // Members Area
}