var userOK = false; 
var passOK = false; 
var registerFormOK = false;



var checkForm = function(){
	if( userOK && passOK ){
		registerFormOK = true;
		$('#appButton').attr("disabled", false ).html("Log In");
	}else{
		registerFormOK = false;
		$('#appButton').attr("disabled", true ).html("Please Complete Log-In Form");
	}
}

var validate = function(){
	if( userOK && passOK ){
		$('#registerForm').submit();
	}else{
		return false;
	}
}

$(document).ready( function(){ 
// Document Ready Scripts
	

	
	if( $.trim( $('#uname').val() ) != "" && $.trim( $('#upass').val() ) != ""  ){ $('#appButton').attr("disabled", false ).html("Log In"); userOK = true; passOK = true; }	
	else{	$('#appButton').attr("disabled", true ).html("Please Complete Log-In Form"); userOK = false; passOK = false; }
	
	$('#regBtn').click( function() { document.location='register.php'; });
	
	setTimeout( function(){
		
		if( $.trim( $('#uname').val() ) != "" && $.trim( $('#upass').val() ) != ""  ){ $('#appButton').attr("disabled", false ).html("Log In"); userOK = true; passOK = true; }					 
	 }, 500 );
	
	
 // USER NAME METHODS
 
 $('#uname').blur( function(){ 
 	$(this).val( $.trim( $(this).val() ) );
 	if( $(this).val().length < 6 ){ 
		$(this).removeClass("register_input").addClass("appInputError");
		$('#unameERROR').addClass("appError").html("User name must be between 6 and 16 characters.");
		userOK = false;
		
	}else{
		$(this).removeClass("appInputError").addClass("register_input");
		$('#unameERROR').html("").removeClass("appError");
		userOK = true;
	}
	checkForm();
 });


// PASSWORD FUNCTIONS
var passChk = false;
$('#upass').focus( function(){
	passChk = $(this).val();
}).blur( function(){
	$(this).val( $.trim( $(this).val() ) );
	if($(this).val() != passChk ){ $('#upass2').val(""); } 
	if( $(this).val().length < 6 ){
		$(this).removeClass("register_input").addClass("appInputError");
		$('#upassERROR').addClass("appError").html("Password must be between 6 and 16 characters.");
		$('#upass2').attr("disabled", true ).addClass("register_input_disabled");
		passOK = false;
	}else{
		$(this).removeClass("appInputError").addClass("register_input");
		$('#upassERROR').html("").removeClass("appError");
		$('#upass2').attr("disabled", false ).removeClass("register_input_disabled").focus();
		passOK = true;
	}
	checkForm();
});

 
 // SUBMIT BUTTON 
 $('#appButton').click( function(){
 	validate();
 });
 

$('#formHELP').hide();
$('#shadowHELP').hide();

// LOAD HELP DATA
var passHelpHTML   = false; $.get('ajax.register.help.php?type=login_upass','',  function(data){ passHelpHTML  = data; });
var userHelpHTML   = false; $.get('ajax.register.help.php?type=login_uname','',  function(data){ userHelpHTML  = data; });

// HELP ICONS
$('#userHelpDIV').mouseover( function(){ showHelp( userHelpHTML, $(this), 300, 75 ); }).mouseout( function(){ hideHelp(); });
$('#upassHelpDIV').mouseover( function(){ showHelp( passHelpHTML, $(this), 300, 75 ); }).mouseout( function(){ hideHelp(); });

var showHelp = function( html, obj, wd, ht ){
	var h = $('#formHELP');
	var s = $('#shadowHELP');
	var loc = obj.offset();
	var x = ( loc.left - wd ) - 50;
	var y = ( loc.top - ht ) + (ht*.5);
	
	
	h.width(wd).height(ht).css({"left":x , "top":y}).html( html ).show();
	
	var sw = h.width();
	var sh = h.height();
	var sx = x+15;
	var sy = y+15;
	
	
	s.width(sw).height(sh).css({"left":sx , "top":sy}).html( "&nbsp;" ).show().fadeTo( 1, 0.33 );

}

var hideHelp = function( ){
	$('#formHELP').html( "" ).hide();
	$('#shadowHELP').hide();
}


});