/*
 * Inline Form Validation Engine, jQuery plugin
 * 
 * Copyright(c) 2009, Cedric Dugas
 * http://www.position-relative.net
 *	
 * Form validation engine witch allow custom regex rules to be added.
 * Licenced under the MIT Licence
 */

$(document).ready(function() {

    // SUCCESS AJAX CALL, replace "success: false," by:     success : function() { callSuccessFunction() },
    $("[class^=validate]").validationEngine({
        success :  false,
        failure : function() {}
    })
});

jQuery.fn.validationEngine = function(settings) {
    if($.validationEngineLanguage){					// IS THERE A LANGUAGE LOCALISATION ?
        allRules = $.validationEngineLanguage.allRules
    }else{
        allRules = {
            "required":{    			  // Add your regex rules here, you can take telephone as an example
                "regex":"none",
                "alertText":"* This field is required",
                "alertTextCheckboxMultiple":"* Please select an option",
                "alertTextCheckboxe":"* This checkbox is required"
            },
            "length":{
                "regex":"none",
                "alertText":"*Between ",
                "alertText2":" and ",
                "alertText3": " characters allowed"
            },
            "minCheckbox":{
                "regex":"none",
                "alertText":"* Checks allowed Exceeded"
            },
            "confirm":{
                "regex":"none",
                "alertText":"* Your field is not matching"
            },
            "telephone":{
                "regex":"/^[0-9\-\(\)\ ]+$/",
                "alertText":"* Invalid phone number"
            },
            "email":{
                "regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
                "alertText":"* Invalid email address"
            },
            "date":{
                "regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
                "alertText":"* Invalid date, must be in YYYY-MM-DD format"
            },
            "onlyNumber":{
                "regex":"/^[0-9\ ]+$/",
                "alertText":"* Numbers only"
            },
            "noSpecialCaracters":{
                "regex":"/^[0-9a-zA-Z]+$/",
                "alertText":"* No special caracters allowed"
            },

            "hardwareSerial":{
                "regex":"/^[0-9a-zA-Z: ]+$/",
                "alertText":"*Enter Valid Serial"
            },
            "ADSL":{
                "regex":"/^([0-9a-zA-Z_\-])+$/",
                "alertText":"* Not a valid ADSL user"
            },	
            "Google":{
                "regex":"/^([0-9a-zA-Z\.])+$/",
                "alertText":"* Not a valid Google user"
            },
            "HostingUser":{
                "regex":"/^[a-zA-Z][a-zA-Z0-9_]+$/",
                "alertText":"* Not a valid username (it can't start with a number)"
            },
            "onlyLetter":{
                "regex":"/^[a-zA-Z\ \']*[ ذضصثقفغعهخحجدشسيبلاتنمكطئءؤرلاىةوزظأإآ]*$/",
                "alertText":"* Letters only"
            }
        }
    }

    settings = jQuery.extend({
        allrules:allRules,
        inlineValidation: true,
        success : false,
        failure : function() {}
    }, settings);

    $("form").bind("submit", function(caller){   // ON FORM SUBMIT, CONTROL AJAX FUNCTION IF SPECIFIED ON DOCUMENT READY
        if(submitValidation(this) == false){
            if (settings.success){
                settings.success && settings.success();
                return false;
            }
        }else{
            settings.failure && settings.failure();
            return false;
        }
    })
    if(settings.inlineValidation == true){ 		// Validating Inline ?
		
        $(this).not("[type=checkbox]").bind("blur", function(caller){
            loadValidation(this)
        })
        $(this+"[type=checkbox]").bind("click", function(caller){
            loadValidation(this)
        })
    }
    var buildPrompt = function(caller,promptText,showTriangle) {			// ERROR PROMPT CREATION AND DISPLAY WHEN AN ERROR OCCUR
        var divFormError = document.createElement('div')
        var formErrorContent = document.createElement('div')
        var arrow = document.createElement('div')
		
		
        $(divFormError).addClass("formError")
        $(divFormError).addClass($(caller).attr("id"))
        $(formErrorContent).addClass("formErrorContent")
        $(arrow).addClass("formErrorArrow")

        $("body").append(divFormError)
        $(divFormError).append(arrow)
        $(divFormError).append(formErrorContent)
		
        if(showTriangle == true){		// NO TRIANGLE ON MAX CHECKBOX AND RADIO
            $(arrow).html('<div class="line10"></div><div class="line9"></div><div class="line8"></div><div class="line7"></div><div class="line6"></div><div class="line5"></div><div class="line4"></div><div class="line3"></div><div class="line2"></div><div class="line1"></div>');
        }
        $(formErrorContent).html(promptText)
	
        callerTopPosition = $(caller).offset().top;
        callerleftPosition = $(caller).offset().left;
        callerWidth =  $(caller).width()
        callerHeight =  $(caller).height()
        inputHeight = $(divFormError).height()

        callerleftPosition = callerleftPosition + callerWidth -30
        callerTopPosition = callerTopPosition  -inputHeight -10
	
        $(divFormError).css({
            top:callerTopPosition,
            left:callerleftPosition,
            opacity:0
        })
        $(divFormError).fadeTo("fast",0.8);
    };
    var updatePromptText = function(caller,promptText) {	// UPDATE TEXT ERROR IF AN ERROR IS ALREADY DISPLAYED
        updateThisPrompt =  $(caller).attr("id")
        $("."+updateThisPrompt).find(".formErrorContent").html(promptText)
		
        callerTopPosition  = $(caller).offset().top;
        inputHeight = $("."+updateThisPrompt).height()
		
        callerTopPosition = callerTopPosition  -inputHeight -10
        $("."+updateThisPrompt).animate({
            top:callerTopPosition
        });
    }
    var loadValidation = function(caller) {		// GET VALIDATIONS TO BE EXECUTED
		
        rulesParsing = $(caller).attr('class');
        rulesRegExp = /\[(.*)\]/;
        getRules = rulesRegExp.exec(rulesParsing);
        str = getRules[1]
        pattern = /\W+/;
        result= str.split(pattern);
		
        var validateCalll = validateCall(caller,result)
        return validateCalll
		
    };
    var validateCall = function(caller,rules) {	// EXECUTE VALIDATION REQUIRED BY THE USER FOR THIS FIELD
        var promptText =""
        var prompt = $(caller).attr("id");
        var caller = caller;
        var callerName = $(caller).attr("name");
        isError = false;
        callerType = $(caller).attr("type");
		
        for (i=0; i<rules.length;i++){
            switch (rules[i]){
                case "optional":
                    if(!$(caller).val()){
                        closePrompt(caller)
                        return isError
                    }
                    break;
                case "required":
                    _required(caller,rules);
                    break;
                case "custom":
                    _customRegex(caller,rules,i);
                    break;
                case "length":
                    _length(caller,rules,i);
                    break;
                case "minCheckbox":
                    _minCheckbox(caller,rules,i);
                    break;
                case "confirm":
                    _confirm(caller,rules,i);
                    break;
                default :;
            };
        };
        if (isError == true){
            var showTriangle = true
            if($("input[name="+callerName+"]").size()> 1 && callerType == "radio") {		// Hack for radio group button, the validation go the first radio
                caller = $("input[name="+callerName+"]:first")
                showTriangle = false
                var callerId ="."+ $(caller).attr("id")
                if($(callerId).size()==0){
                    isError = true
                }else{
                    isError = false
                }
            }
            if($("input[name="+callerName+"]").size()> 1 && callerType == "checkbox") {		// Hack for radio group button, the validation go the first radio
                caller = $("input[name="+callerName+"]:first")
                showTriangle = false
                var callerId ="div."+ $(caller).attr("id")
                if($(callerId).size()==0){
                    isError = true
                }else{
                    isError = false
                }
            }
            if (isError == true){ // show only one
                ($("div."+prompt).size() ==0) ? buildPrompt(caller,promptText,showTriangle)	: updatePromptText(caller,promptText)
            }
        }else{
            if($("input[name="+callerName+"]").size()> 1 && callerType == "radio") {		// Hack for radio group button, the validation go the first radio
                caller = $("input[name="+callerName+"]:first")
            }
            if($("input[name="+callerName+"]").size()> 1 && callerType == "checkbox") {		// Hack for radio group button, the validation go the first radio
                caller = $("input[name="+callerName+"]:first")
            }
            closePrompt(caller)
        }
		
        /* VALIDATION FUNCTIONS */
        function _required(caller,rules){   // VALIDATE BLANK FIELD
            callerType = $(caller).attr("type")
			
            if (callerType == "text" || callerType == "password" || callerType == "textarea"){
				
                if(!$(caller).val()){
                    isError = true
                    promptText += settings.allrules[rules[i]].alertText+"<br />"
                }
            }
            if (callerType == "radio" || callerType == "checkbox" ){
                callerName = $(caller).attr("name")
		
                if($("input[name="+callerName+"]:checked").size() == 0) {
                    isError = true
                    if($("input[name="+callerName+"]").size() ==1) {
                        promptText += settings.allrules[rules[i]].alertTextCheckboxe+"<br />"
                    }else{
                        promptText += settings.allrules[rules[i]].alertTextCheckboxMultiple+"<br />"
                    }
                }
            }
            if (callerType == "select-one") { // added by paul@kinetek.net for select boxes, Thank you
                callerName = $(caller).attr("id");
				
                if(!$("select[name="+callerName+"]").val()) {
                    isError = true;
                    promptText += settings.allrules[rules[i]].alertText+"<br />";
                }
            }
            if (callerType == "select-multiple") { // added by paul@kinetek.net for select boxes, Thank you
                callerName = $(caller).attr("id");
				
                if(!$("#"+callerName).val()) {
                    isError = true;
                    promptText += settings.allrules[rules[i]].alertText+"<br />";
                }
            }
        }
        function _customRegex(caller,rules,position){		 // VALIDATE REGEX RULES
            customRule = rules[position+1]
            pattern = eval(settings.allrules[customRule].regex)
			
            if(!pattern.test($(caller).attr('value'))){
                isError = true
                promptText += settings.allrules[customRule].alertText+"<br />"
            }
        }
        function _confirm(caller,rules,position){		 // VALIDATE FIELD MATCH
            confirmField = rules[position+1]
			
            if($(caller).attr('value') != $("#"+confirmField).attr('value')){
                isError = true
                promptText += settings.allrules["confirm"].alertText+"<br />"
            }
        }
        function _length(caller,rules,position){    // VALIDATE LENGTH
		
            startLength = eval(rules[position+1])
            endLength = eval(rules[position+2])
            feildLength = $(caller).attr('value').length

            if(feildLength<startLength || feildLength>endLength){
                isError = true
                promptText += settings.allrules["length"].alertText+startLength+settings.allrules["length"].alertText2+endLength+settings.allrules["length"].alertText3+"<br />"
            }
        }
        function _minCheckbox(caller,rules,position){    // VALIDATE CHECKBOX NUMBER
		
            nbCheck = eval(rules[position+1])
            groupname = $(caller).attr("name")
            groupSize = $("input[name="+groupname+"]:checked").size()
			
            if(groupSize > nbCheck){
                isError = true
                promptText += settings.allrules["minCheckbox"].alertText+"<br />"
            }
        }
        return(isError) ? isError : false;
    };
    var closePrompt = function(caller) {	// CLOSE PROMPT WHEN ERROR CORRECTED
        closingPrompt = $(caller).attr("id")

        $("."+closingPrompt).fadeTo("fast",0,function(){
            $("."+closingPrompt).remove()
        });
    };
    var submitValidation = function(caller) {	// FORM SUBMIT VALIDATION LOOPING INLINE VALIDATION
        var stopForm = false
        $(caller).find(".formError").remove()
        var toValidateSize = $(caller).find("[class^=validate]").size()
		
        $(caller).find("[class^=validate]").each(function(){
            var validationPass = loadValidation(this)
            return(validationPass) ? stopForm = true : "";
        });
        if(stopForm){							// GET IF THERE IS AN ERROR OR NOT FROM THIS VALIDATION FUNCTIONS
            destination = $(".formError:first").offset().top;
            $("html:not(:animated),body:not(:animated)").animate({
                scrollTop: destination
            }, 600)
            return true;
        }else{
            return false
        }
    };
};