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

img2 = new Image(220, 19);
img2.src="assets/templates/CitySquare/images/ajax-loader.gif";
var  $jx = jQuery.noConflict();
// When DOM is ready
$jx(document).ready(function(){

// Launch MODAL BOX if the Login Link is clicked
$jx("#login_link").click(function(){
$jx('#login_form').modal();
});

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

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

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

// 'this' refers to the current submitted form
var name1 = jQuery.trim($jx('#name1').val());
var email = jQuery.trim($jx('#email').val());
var age = jQuery.trim($jx('#age').val());
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;


if(name1=="" || email=="" || age=="")
{

$jx('#names').show();
$jx('#submit').show();
}
else if(reg.test(email) == false) {
     // alert('Invalid Email Address');
	       //return false;
		 
$jx('#mails').show();
$jx('#names').hide();
$jx('#submit').show();
   }
else{
var str = $jx(this).serialize();  
// -- Start AJAX Call --

$jx.ajax({
    type: "POST",
    url: "do-login.php",  // Send the login info to this page
    data: str,
    success: function(msg){
	 $jx('#msg').html();  
$jx('#msg').show();
$jx('#mainform').hide();
$jx('#names').hide();
$jx('#mails').hide();
 }  

  });  

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

}); // end submit event

});