$(document).ready(function()
{
	$("#login_form").submit(function()
	{
		//remove all the class add the messagebox classes and start fading
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="registration2/img/loader.gif" align="absmiddle"> Validating....').fadeIn(1000);
		//check the username exists or not from ajax
        $.post("registration2/check_login.php",{ login_group:$('#login_group').val(),username:$('#username').val(),pass:$('#pass').val(),password:$('#password').val(),rand:Math.random() } ,function(data)
          {
		  if(data=='yes') //if correct login detail
		  {
		  	$("#msgbox").fadeTo(200,0.1,function()  //start fading the messagebox
			{
			  //add message and change the class of the box and start fading
			  $(this).html('<img src="registration2/img/loader.gif" align="absmiddle"> Logging in.....').addClass('messageboxok').fadeTo(900,1,
              function()
			  {
			  	 //redirect to secure page
				 document.location='?registration&darb=main&lang=eng';
			  });

			});
		  }
    		else if(data=='nodir') //if correct login detail
		  {
		  	$("#msgbox").fadeTo(200,0.1,function()  //start fading the messagebox
			{
			  //add message and change the class of the box and start fading
              $(this).html('direktorija!').addClass('messageboxerror').fadeTo(900,1);
			});
		  }
		  else
		  {
		  	$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
			{
			  //add message and change the class of the box and start fading
			  $(this).html('Wrong password!').addClass('messageboxerror').fadeTo(900,1);
			});
          }

        });
 		return false; //not to post the  form physically
	});
	//now call the ajax also focus move from
	$("#password").blur(function()
	{
		$("#login_form").trigger('submit');
	});
});