// JavaScript Document

try{
	

  $(document).ready(
  function()
  {
	/* Enable form and validation */
	////////////////////////////////
	$myForm = $("#frmApplicants"); // instance of myform for faster dom-select
		
    $("noscript").hide(); // first hide noscript tag, if js-enabled           
    $(":input:disabled", $myForm).removeAttr("disabled"); // remove disabled attribute from input elements, if js-enabled
    $(":select:disabled", $myForm).removeAttr("disabled"); // remove disabled attribute from input elements, if js-enabled

    $("#submit", $myForm).show(); // show submitbutton, if js-enabled
 
    /* 
		 * create jquery validation plugin handler 
		 */
		$myForm.validate({
						 
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'You missed 1 field. It has been highlighted below'
					: 'You missed ' + errors + ' fields.  They have been highlighted below';
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		onkeyup: false,
		submitHandler: function() {
			//$("div.error").hide();
			document.getElementById("frmApplicants").submit();
		},

		rules: {
			txtUsername: {
				required: true,
				email: true
			},
			txtPassword: {
				required: true,
				minlength: 5
			},	
				
		},
		messages: {
			
			txtUsername:" Please enter a valid username",
			
			txtPassword: {
							required: " Please enter a value",
							minlength: " Your password must be at least 5 characters long"
						},
		}
		//debug:true
    });
		/* 
		 * handle error message containers 
		 */
    var errorHandlerContainer = function(){
      $(this).valid(); // validate once field before show/hide messages
			
			var $cont = $(this).parent(); 
      var haserror = $("strong.message:visible", $cont).size();
      if (haserror<1) {
        $cont.removeClass("error");   
      } else {
        $cont.addClass("error");      
      }
    } 

  });

}catch (e){}