/*
 *	jquery.form-validation-and-hints.js
 *	2009, icograma.com 
 *	Licensed under GPL license (http://www.opensource.org/licenses/gpl-license.php).
 *	@version 0.201
 *
 *  DEMO: http://www.icograma.com/form-validation-and-hints/
 *  
 */


/* --- TO SET --- */
// Prefix used to hook CSS classes to the script 
classprefix = 'verify'; // <input class="verifyInteger" type="text" name="mail" />

// Set your validation rules 
function isTypeValidExt( classprefix, type, value ) {
	/* RULE EXAMPLE (Accept only integer values)
	if( type == classprefix + 'Integer' ) {
		return ( ( value.match(/^[\d|,|\.|\s]*$/) ) && ( value != '' ) );
	} 
	*/
	return true;
}






var annoy=true;
function debug(msg){if(annoy){annoy=confirm(msg);};}

/* --- DOCUMEN READY --- */
$(document).ready(function(){
	mustCheck = true;

	$("."+classprefix+"Cancel").click(function(event){
		mustCheck = false;
	});
	
	// HINTS: Add *title hints to form elements
	for( var i=0; i < document.forms.length; i++) {
		var fe = document.forms[i].elements;	
		for ( var j=0; j < fe.length; j++ ) {
			if( (fe[j]).title.indexOf("**")==0 ) {
				if( (fe[j]).value == "" || (fe[j]).value == titleHint ) {
					var titleHint = (fe[j]).title.substring(2);
					(fe[j]).value = titleHint;
				}
			} else if( ( (fe[j]).type == "text" || (fe[j]).type == "password" ) && (fe[j]).title.indexOf("*")==0 ) {
				addHint( (fe[j]) );
				$(fe[j]).blur(function(event){ addHint(this); });
				$(fe[j]).focus(function(event){ removeHint(this); });
			}
		}
	}

	// VALIDATION:
	$("FORM").submit(function(event){
		if(mustCheck) {
			// Prevent submit if validation fails
			if( !checkForm(this) ) {
				event.preventDefault();
			};
		} else {
			mustCheck = !mustCheck;
		}
	});
}); // end jQuery $(document).ready



/* --- FUNCTIONS --- */
function addHint(field) {
	var titleHint = field.title.substring(1);
	if( field.value == "" || field.value == titleHint ) {
			//in "password" inputs, set to "text" to show hint, preserve type in class attribute
			if( field.type == "password" ) {
				$( field ).addClass("password");
				var newObject = changeInputType( field, "text" )//returns false for non-ie
			} //end type == "password"
			$(field).addClass("hint");
			field.value = titleHint;			
	} //end value==""
} //end addHint


function removeHint(field) { //only on INPUT.text items 
	/*if( field.type == "text" && field.title.indexOf("*")==0 ) {*/
		var titleHint = field.title.substring(1);
		if( field.value == "" || field.value == titleHint ) {
			$(field).removeClass('hint');
			field.value="";			
			//re-set password type if appropiate
			if($(field).hasClass("password")) {
				var newObject = changeInputType( field, "password" ); //returns false for non-ie
				if(newObject) { ///IE, element was replaced: reset focus
					$(newObject).focus();
					$(newObject).select();
				}
			}//end hasClass("password")
		}//end value == titleHint
	//}//end what.title	
}//end rmhint


function changeInputType(oldObject, oType) {
//based on http://arjansnaterse.nl/changing-type-attribute-in-ie
//used to simulate change of INPUT type in IE
	if(!document.all){
		oldObject.type = oType;
		return false;
	}else{
	//ie can't change INPUT's type, must create new element
		/*
		newObject = $(oldObject).clone(true);
		//newObject.type = oType;
		$(newObject).attr('type');
		$(newObject).insertBefore(oldObject);
		debug(newObject);
		return newObject;
		*/
	  var newObject = document.createElement('input');
	  newObject.type = oType;
	  if(oldObject.size) newObject.size = oldObject.size;
	  if(oldObject.title) newObject.title = oldObject.title;
	  if(oldObject.value) newObject.value = oldObject.value;
	  if(oldObject.name) newObject.name = oldObject.name;
	  if(oldObject.id) newObject.id = oldObject.id;
	  if(oldObject.className) newObject.className = oldObject.className;
	  oldObject.parentNode.replaceChild(newObject,oldObject);
	  //live()
	  return newObject;
  }//end document.all
}

function checkForm(form) {
	var send = true;
	var password = '';
	radioGroups = Array();

	$( form ).removeClass ( "haserrors" );

	//inputs = $(form).find('INPUT[class*="' + classprefix + '"]');
	inputs = $(form).find('INPUT[class*="' + classprefix + '"], .required INPUT, .required TEXTAREA, .required SELECT');
	
	$.each(inputs, function(i, val) {  
     	input = $(val);
     	if( input.attr('offsetWidth') != 0 ) {

			switch(input.attr('type')) {

				case 'select-one':
					if( input.get(0)[ input.attr('selectedIndex') ].text == '') {
						if( send ) moveTo(input);
						showErrorOn( input );
						send = false;
					}
				break;
				
				case 'radio':
					if( window.radioGroups[ input.attr('name') ] === undefined ) radioGroups[input.attr('name')] = new Array();
					radioGroups[input.attr('name')][ radioGroups[ input.attr('name') ].length ] = input;
				break;
				
				case 'checkbox':
					if( !input.attr('checked') ) {
						if( send ) moveTo(input);
						showErrorOn( input );
						send = false;
					}
				break;
				
				case 'file':
					if( !isFilled(input) ) {
						if( send ) moveTo(input);
						showErrorOn( input );
						send = false;
					}
				break;

				case 'password':
					if( input.hasClass( classprefix + 'PasswordConfirm' ) ) {
						if( input.val() != password ) {
							if( send ) moveTo(input);
							showErrorOn( input );
							send = false;
						}
						break;
					} else {
						password = input.val();
					}

				case 'textarea':
				case 'text':
					if( ( isFilled(input) || isRequired(input) ) && ( !isValid(input) ) ) {
						if( send ) moveTo(input);
						showErrorOn( input );
						send = false;
					}
				break;

				default:
				break;
			}
		}		
    });
	for ( var i in radioGroups ) {
		for ( var j in radioGroups[i] ) {
			if( radioGroups[i][j].attr('checked') ) {
				break;
			}
		}
		if( !radioGroups[i][j].attr('checked') ) {
			for ( var j in radioGroups[i] ) {
				if( send ) moveTo( radioGroups[i][j] );
				showErrorOn( radioGroups[i][j] );
			}
			send = false;
		}
	} 
	return send;
}

function isRequired(input) {
	return input.parents( ".required" ).length != 0;
}

function isFilled(input) {
	hintText = '';
	//clear HINTs before validation
	if( input.attr('title').indexOf("**")==0) {
		var hintText = input.attr('title').substring(2);
	} else if( input.attr('title').indexOf("*")==0) {
		var hintText = input.attr('title').substring(1);
	}//end clear hints
	return input.val() != hintText && input.val() != '' ;
}

function isValid( input ) {
	if( !isFilled(input) ) return false;
	string = input.attr('class');
	value = input.val();
	start = string.indexOf(classprefix);
	type = '';
	result = true;
	while(result) {
		if( 
			start == -1 || 
			string.charAt( (start+classprefix.length) ) == ' ' || 
			string.charAt( (start+classprefix.length) ) != string.charAt( (start+classprefix.length) ).toUpperCase() 
		) {	
			break;
		} else {
			for( i=start; i < string.length; i++ ) {
				if(string.charAt(i) == ' ') {
					break;
				}
				type += string.charAt(i);
			}
			if( !isTypeValid( type, value ) ) {
				result = false;
				break;
			}
			start = string.indexOf(classprefix,start+1);
		}
	}	
	return result;
}

function isTypeValid( type, value ) {

	if( type == classprefix + 'Text' ) {
		return true;
	}
	
	if( type == classprefix + 'Integer' ) {
		return ( ( value.match(/^[\d|,|\.|\s]*$/) ) && ( value != '' ) );
	}
	
	if( type == classprefix + 'Url' ) {
		return ( value.match( /^(https?:\/\/)?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?(([0-9]{1,3}\.){3}[0-9]{1,3}|([0-9a-z_!~*'()-]+\.)*([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\.[a-z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+\/?)$/ ) );
	}
	
	if( type == classprefix + 'MultipleWords' ) {
		return value.match(/^.*[^^]\s[^$].*$/);
	}
	
	if( type == classprefix + 'Mail' ) {
		if( value.indexOf("@example.com")>-1){return false;};
		var emailFilter=/^.+@.+\..{2,}$/;
		var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/
		if(!(emailFilter.test(value))||value.match(illegalChars)){return(false);}else{return (true);}
		return false;
	}

	if(typeof isTypeValidExt == 'function') {
		fr = isTypeValidExt( classprefix, type, value );
		if( isTypeValidExt( classprefix, type, value ) === false ) {
			return false;
		} else {
			return true;
		}
	}
	return true;
}

function moveTo( input ) {
	var targetOffset = input.offset().top - 40;
	$('html,body').animate({scrollTop: targetOffset}, 200 );
	input.get(0).focus();
}

function showErrorOn( input ) {
	input.bind('focus.rmErrorClass', function(){
		rmErrorClass( this );
	});
	input.bind('mousedown.rmErrorClass', function(){
		rmErrorClass( this );
	});
	input.bind('keydown.rmErrorClass', function(){
		rmErrorClass( this );
	});	
	input.addClass( "error" );
	input.parents( ".required, .field, TR" ).addClass( "error" );
}

function rmErrorClass( elm ) {
	var etag=$(elm).parents(".error");
	var eform = $(elm).parents( 'FORM' );
	$(elm).removeClass("error");
	$(elm).unbind('.rmErrorClass'); //no further clicks will trigger rmErrorClass();
	if(etag){ $(etag).removeClass( "error" ); };
}