$('document').ready(function()
{
     /* validation */
	 $("#login-form").validate({
      rules:
	  {
			password: {
			required: true,
			},
			user_name: {
            required: true,
            /*email: true*/
            },
	   },
       messages:
	   {
            password:{
                      required: "Bitte Passwort eingeben"
                     },
            user_name: "Bitte Benutzernamen eingeben",
       },
	   submitHandler: submitForm
       });
	   /* validation */

	   /* login submit */
	   function submitForm()
	   {
			var data = $("#login-form").serialize();

			$.ajax({

			type : 'POST',
			url  : '/login_process.php',
			data : data,
			beforeSend: function()
			{
				$("#error").fadeOut();
				$("#btn-login").html('<span class="glyphicon glyphicon-transfer"></span> &nbsp; Sende Daten ...');
			},
			success :  function(response)
			   {
					if(response=="ok"){

						$("#btn-login").html('<img src="/btn-ajax-loader.gif" /> &nbsp; Login ...');
						setTimeout(' window.location.href = "/main.php"; ',4000);
					}
					else{

						$("#error").fadeIn(1000, function(){
				$("#error").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> &nbsp; '+response+'!</div>');
											$("#btn-login").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Login');
									});
					}
			  }
			});
				return false;
		}
	   /* login submit */
});