// +----------------------------------------------------------------------+
// | Attaches Events to all forms on a page and checks their form         |
// | elements classes to provide some validation.                         |
// +----------------------------------------------------------------------+


//==================================================================================================================
//  Trim Whitespace
//------------------------------------------------------------------------------------------------------------------
String.prototype.trim=function(){
    return this.replace(/^\s*|\s*$/g,'');
}
String.prototype.ltrim=function(){
    return this.replace(/^\s*/g,'');
}
String.prototype.rtrim=function(){
    return this.replace(/\s*$/g,'');
}

//==================================================================================================================
//  FIC_checkForm
/*
        Apply these class names to form elements:

        * required (not blank)
        * validate-number (a valid number)
        * validate-digits (digits only, spaces allowed.)
        * validate-alpha (letters only)
        * validate-alphanum (only letters and numbers)
        * validate-date (a valid date value)
        * validate-email (a valid email address)
        * validate-url (a valid URL)
        * validate-date-au (a date formatted as; dd/mm/yyyy)
        * validate-currency-dollar (a valid dollar value)
        * validate-one-required (At least one checkbox/radio element must be selected in a group)
        * validate-not-first (Selects only, must choose an option other than the first)
        * validate-not-empty (Selects only, must choose an option with a value that is not empty)
        * validate-regex (requires the element to have a 'regex=' attribute applied)

        Also, you can specify this attribute for text, password and textarea elements:
        * minlength="x" (where x is the minimum number of characters)
*/
//------------------------------------------------------------------------------------------------------------------
function FIC_checkForm(e) {
    var errs = new Array();
    var ids = new Array();

    //this function is called when a form is submitted.
    if (typeof(e) == "string") {
        //the id was supplied, get the object reference
        e = xGetElementById(e);
        if (!e) {
            return true;
        }
    }

    var elm=e;
    if (!e.nodeName) {
        //was fired by yahoo
        elm = (e.srcElement) ? e.srcElement : e.target;
    }
    if (elm.nodeName.toLowerCase() != 'form') {
        elm = searchUp(elm,'form');
    }

    var all_valid = true;

    //access form elements
    //inputs
    var f_in = elm.getElementsByTagName('input');
    //selects
    var f_sl = elm.getElementsByTagName('select');
    //textareas
    var f_ta = elm.getElementsByTagName('textarea');

    //check inputs
    for (i=0;i<f_in.length;i++) {
        if (f_in[i].type.toLowerCase() != 'submit' && f_in[i].type.toLowerCase() != 'button' && f_in[i].type.toLowerCase() != 'hidden') {
            if (isVisible(f_in[i])) {
                var cname = ' '+f_in[i].className.replace(/^\s*|\s*$/g,'')+' ';
                cname = cname.toLowerCase();
                var inv = f_in[i].value.trim();
                var t = f_in[i].type.toLowerCase();
                var cext = '';
                if (t == 'text' || t == 'password') {
                    //text box
                    var valid = FIC_checkField(cname,f_in[i]);
                } else if(t == 'radio' || t == 'checkbox'){
                    // radio or checkbox
                    var valid = FIC_checkRadCbx(cname,f_in[i],f_in);
                    cext = '-cr';
                } else {
                    var valid = true;
                }

                if (valid) {
                    removeClassNameFromParentDiv(f_in[i],'input-error-div'+cext);
                    addClassNameToParentDiv(f_in[i],'validation-passed'+cext);
                    clearErrorMessage(f_in[i]);
                } else {
                    removeClassNameFromParentDiv(f_in[i],'validation-passed'+cext);
                    addClassNameToParentDiv(f_in[i],'input-error-div'+cext);

                    // Try to get error message.
                    if (f_in[i].getAttribute('invalidmessage')){
                        errs[errs.length] = f_in[i].getAttribute('invalidmessage');
                        insertErrorMessage(f_in[i]);
                    }
                    all_valid = false;
                }
            }
        }
    } //end for i
        

    //check textareas
    for (i=0;i<f_ta.length;i++) {
        if (isVisible(f_ta[i])) {
            var cname = ' '+f_ta[i].className.replace(/^\s*|\s*$/g,'')+' ';
            cname = cname.toLowerCase();
            var valid = FIC_checkField(cname,f_ta[i]);

            if (valid) {
                removeClassNameFromParentDiv(f_ta[i],'validation-failed');
                addClassNameToParentDiv(f_ta[i],'validation-passed');
                clearErrorMessage(f_ta[i]);
            } else {
                removeClassNameFromParentDiv(f_ta[i],'validation-passed');
                addClassNameToParentDiv(f_ta[i],'validation-failed');

                // Try to get error message.
                if (f_ta[i].getAttribute('invalidmessage')){
                    errs[errs.length] = f_ta[i].getAttribute('invalidmessage');
                    insertErrorMessage(f_ta[i]);
                }
                all_valid = false;
            }
        }
    } //end for i

    //check selects
    for (i=0;i<f_sl.length;i++) {
        if (isVisible(f_sl[i])) {
            var cname = ' '+f_sl[i].className.replace(/^\s*|\s*$/g,'')+' ';
            cname = cname.toLowerCase();
            var valid = FIC_checkSel(cname,f_sl[i]);
            if (valid) {
                removeClassNameFromParentDiv(f_sl[i],'validation-failed-sel');
                addClassNameToParentDiv(f_sl[i],'validation-passed-sel');
                clearErrorMessage(f_sl[i]);
            } else {
                removeClassNameFromParentDiv(f_sl[i],'validation-passed-sel');
                addClassNameToParentDiv(f_sl[i],'validation-failed-sel');

                // Try to get error message.
                if (f_sl[i].getAttribute('invalidmessage')){
                    errs[errs.length] = f_sl[i].getAttribute('invalidmessage');
                    insertErrorMessage(f_sl[i]);    
                }
                all_valid = false;
            }
        }
    } //end for i

    if (!all_valid) {
        /*        
        if (errs.length > 0){
            alert("We have found the following error(s):\n\n  * "+errs.join("\n  * ")+"\n\nPlease check the fields and try again");
        } else {
            alert('Some required values are not correct. Please check the items in red.');
        }*/
        YAHOO.util.Event.stopEvent(e);
    }
    return all_valid;
} // end FIC_checkForm

//==================================================================================================================
//  FIC_checkField
//  c = className
//  e = the element
//------------------------------------------------------------------------------------------------------------------
function FIC_checkField(c,e) {
    var valid = true;
    var t = e.value.trim();

    //search for required
    if (c.indexOf(' required ') != -1 && t.length == 0) {
        //required found, and not filled in
        valid = false;
    }

    //check length
    if (c.indexOf(' required ') != -1){
        //check for minlength.
        var m = e.getAttribute('minlength');
        if (m && Math.abs(m) > 0){
            if (e.value.length < Math.abs(m)){
                valid = false;
            }
        }
    }

    //search for validate-
    if (c.indexOf(' validate-number ') != -1 && isNaN(t) && t.match(/[^\d]/)) {
        //number bad
        valid = false;
    } else if (c.indexOf(' validate-digits ') != -1 && t.replace(/ /,'').match(/[^\d]/)) {
        //digit bad
        valid = false;
    } else if (c.indexOf(' validate-alpha ') != -1 && !t.match(/^[a-zA-Z]+$/)) {
        //alpha bad
        valid = false;
    } else if (c.indexOf(' validate-alphanum ') != -1 && t.match(/\W/)) {
        //alpha bad
        valid = false;
    } else if (c.indexOf(' validate-date ') != -1) {
        var d = new date(t);
        if (isNaN(d)) {
            //date bad
            valid = false;
        }
    } else if (c.indexOf(' validate-email ') != -1 && !t.match(/\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/)) {
        //email bad
        valid = false;
        if (c.indexOf(' required ') == -1 && t.length == 0) {
            valid = true;
        }
    } else if (c.indexOf(' validate-url ') != -1 && !t.match(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i)) {
        //url bad
        valid = false;
    } else if (c.indexOf(' validate-date-au ') != -1 && !t.match(/^(\d{2})\/(\d{2})\/(\d{4})$/)) {
        valid = false;
    } else if (c.indexOf(' validate-currency-dollar ') != -1 && !t.match(/^\$?\-?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}\d*(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/)) {
        valid = false;
    } else if (c.indexOf(' validate-regex ') != -1) {
        var r = RegExp(e.getAttribute('regex'));
        if (r && ! t.match(r)) {
            valid = false;
        }
    }

    return valid;
}

//==================================================================================================================
//  FIC_checkRadCbx
//  c = className
//  e = this element, radio or checkbox
//  f = input fields dom element
//------------------------------------------------------------------------------------------------------------------
function FIC_checkRadCbx(c,e,f){
    var valid = true;

    //search for required
    if (c.indexOf(' validate-one-required ') != -1) {
        //required found
        //check if other checkboxes or radios have been selected.
        valid = false;
        for (var i=0;i<f.length;i++){
            if(f[i].name.toLowerCase() == e.name.toLowerCase() && f[i].checked){
                valid = true;
                break;
            }
        }
    }

    return valid;
}

//==================================================================================================================
//  FIC_checkSel
//  c = className
//  e = this select element
//------------------------------------------------------------------------------------------------------------------
function FIC_checkSel(c,e){
    var valid = true;
    //search for validate-
    if (c.indexOf(' validate-not-first ') != -1 && e.selectedIndex == 0) {
        //bad
        valid = false;
    } else if (c.indexOf(' validate-not-empty ') != -1 && e.options[e.selectedIndex].value.length == 0) {
        //bad
        valid = false;
    }
    return valid;
}

//==================================================================================================================
//  addClassNameToParentDiv - adds a class name to an input element parent div.
//------------------------------------------------------------------------------------------------------------------
function addClassNameToParentDiv(e,t) {
    if (typeof e == "string") {
        e = xGetElementById(e);
    }

    if (xGetElementById(e.id + '_div')) {
        e = xGetElementById(e.id + '_div');
    }

    //code to change and replace strings
    var ec = ' ' + e.className.replace(/^\s*|\s*$/g,'') + ' ';
    var nc = ec;
    t = t.replace(/^\s*|\s*$/g,'');
    //check if not already there
    if (ec.indexOf(' '+t+' ') == -1) {
        //not found, add it
        nc = ec + t;
    }
    //return the changed text!
    e.className = nc.replace(/^\s*|\s*$/g,''); //trimmed whitespace
    return true;
}

function addClass(e,t) {
    if (typeof e == "string") {
        e = xGetElementById(e);
    }
    
    //code to change and replace strings
    var ec = ' ' + e.className.replace(/^\s*|\s*$/g,'') + ' ';
    var nc = ec;
    t = t.replace(/^\s*|\s*$/g,'');
    //check if not already there
    if (ec.indexOf(' '+t+' ') == -1) {
        //not found, add it
        nc = ec + t;
    }
    //return the changed text!
    e.className = nc.replace(/^\s*|\s*$/g,''); //trimmed whitespace
    return true;
}

//==================================================================================================================
//  removeClassNameFromParentDiv - will remove a class name from the parent div.  defined by appending an _div to the element id.
//------------------------------------------------------------------------------------------------------------------
function removeClassNameFromParentDiv(e,t) {
    if (typeof e == "string") {
        e = xGetElementById(e);
    }
    e = xGetElementById(e.id + '_div');
    if (e != null) {
    
        // code to change and replace strings
        var ec = ' ' + e.className.replace(/^\s*|\s*$/g,'') + ' ';
        var nc = ec;
        t = t.replace(/^\s*|\s*$/g,'');
    
        // check if not already there
        if (ec.indexOf(' '+t+' ') != -1) {
            //found, so lets remove it
            nc = ec.replace(' ' + t.replace(/^\s*|\s*$/g,'') + ' ',' ');
        }
        
        //return the changed text!
        e.className = nc.replace(/^\s*|\s*$/g,''); //trimmed whitespace
    }
    return true;
}

function removeClass(e,t) {
    if (typeof e == "string") {
        e = xGetElementById(e);
    }
    
    if (!e) return;
    
    //code to change and replace strings
    var ec = ' ' + e.className.replace(/^\s*|\s*$/g,'') + ' ';
    var nc = ec;
    t = t.replace(/^\s*|\s*$/g,'');
    //check if not already there
    if (ec.indexOf(' '+t+' ') != -1) {
        //found, so lets remove it
        nc = ec.replace(' ' + t.replace(/^\s*|\s*$/g,'') + ' ',' ');
    }
    //return the changed text!
    e.className = nc.replace(/^\s*|\s*$/g,''); //trimmed whitespace
    return true;
}

//==================================================================================================================
//  Attach the validation to the forms.
//------------------------------------------------------------------------------------------------------------------
function attachToForms(e) {
    var frms = document.getElementsByTagName('form');
    for(var i=0;i<frms.length;i++) {
        YAHOO.util.Event.addListener(frms[i], "submit", FIC_checkForm);
    }
}

//==================================================================================================================
// Detach the validation from all forms.
//------------------------------------------------------------------------------------------------------------------
function detachFromForms(e) {
    var frms = document.getElementsByTagName('form');
    for(var i=0;i<frms.length;i++) {
        YAHOO.util.Event.removeListener(frms[i], "submit", FIC_checkForm);
        
    }
}

//==================================================================================================================
//  isVisible
//------------------------------------------------------------------------------------------------------------------
function isVisible(e) {
    //returns true is should be visible to user.
    if (typeof e == "string") {
        e = xGetElementById(e);
    }
    while (e.nodeName.toLowerCase() != 'body' && e.style.display.toLowerCase() != 'none' && e.style.visibility.toLowerCase() != 'hidden') {
        e = e.parentNode;
    }
    if (e.nodeName.toLowerCase() == 'body') {
        return true;
    } else{
        return false;
    }
}


//==================================================================================================================
//  searchUp
//------------------------------------------------------------------------------------------------------------------
function searchUp(elm,findElm,debug) {
    //this function searches the dom tree upwards for the findElm node starting from elm.
    //check if elm is reference

    if(typeof(elm) == 'string') {
        elm = xGetElementById(elm);
    }
    //search up
    //get the parent findElm
    while (elm && elm.parentNode && elm.nodeName.toLowerCase() != findElm && elm.nodeName.toLowerCase() != 'body') {
        elm = elm.parentNode;
    }
    return elm;
}

//==================================================================================================================
//  xGetElementById
//------------------------------------------------------------------------------------------------------------------
function xGetElementById(e) {
    if(typeof(e)!='string') return e;
    if(document.getElementById) e=document.getElementById(e);
    else if(document.all) e=document.all[e];
    else e=null;
    return e;
}

//==================================================================================================================
//  Insert an error message after the erroneous input field.
//------------------------------------------------------------------------------------------------------------------
function insertErrorMessage(node) {
    var nodeId = node.getAttribute('id');
    
    var formErrDivId = nodeId + ".errors.container";
    var errorContainerDiv = xGetElementById(formErrDivId);
    
    // Otherwise, create a new error div.
    var msgDivId = nodeId + '_err_div';
    msgDiv = xGetElementById(msgDivId);    
    if (!msgDiv) {
        msgDiv = document.createElement('span');
        msgDiv.setAttribute('id', msgDivId);
        msgDiv.setAttribute('class', 'inlinePopup input-error');
    }
    
    // Insert the message if present.
    var msg = node.getAttribute('invalidmessage');
    if (msg) {
        msgDiv.innerHTML = node.getAttribute('invalidmessage');
    }
    else {
        msgDiv.innerHTML = 'Please correct the error.'; 
    }

    if (errorContainerDiv) {
        errorContainerDiv.innerHTML = "";
        var el = new YAHOO.util.Element(formErrDivId); 
        el.appendChild(msgDiv);
    } else {    
        YAHOO.util.Dom.insertAfter(msgDiv, YAHOO.util.Dom.getLastChild(nodeId + '_div'));
    }
}

//==================================================================================================================
//  Remove an error message after the erroneous input field.
//------------------------------------------------------------------------------------------------------------------
function clearErrorMessage(node) {
    var nodeId = node.getAttribute('id');
    var msgDivId = nodeId + '_err_div';
    var msgDiv = xGetElementById(msgDivId);
    if (msgDiv) {
        msgDiv.innerHTML = '';
    }
}

//==================================================================================================================
//Work out how strong the password entered is.
//------------------------------------------------------------------------------------------------------------------
function passwordStrength(passwordEl, errorsContainer) {

    // Reset the confirm password message.
    xGetElementById('passwordMatchDiv').innerHTML = '';
    var password = passwordEl.value;

    var desc = new Array();
    desc[0] = "Very Weak";
    desc[1] = "Weak";
    desc[2] = "Better";
    desc[3] = "Medium";
    desc[4] = "Strong";
    desc[5] = "Strongest";
    var score   = 0;

    if (password.length == 0) { 
        score = 0;
    }

    var errorContainer = xGetElementById(errorsContainer) != null 
        ? xGetElementById(errorsContainer) 
        : xGetElementById('passwordLengthDiv');
        
    if (password.length < 8) {
        if (xGetElementById('password_err_div')) {
            xGetElementById('password_err_div').innerHTML = "";
        }
        errorContainer.innerHTML = "The password must be at least 8 characters in length.";        
    }
    
    if (password.length >= 8) { 
        score = 4;
        errorContainer.innerHTML = "";
        removeClass('password_div', 'error');
        removeClass(passwordEl.parentNode.id, 'error');
        removeClass(passwordEl.parentNode.id, 'input-error-div');        
        removeClass('password_div', 'input-error-div');
    }

    // If password has both lower and uppercase characters give 1 point      
    if ((password.match(/[a-z]/)) && (password.match(/[A-Z]/))) {
        score++;
    }

    // If password has at least one number give 1 point
    if (password.match(/\d+/)) {
        score++;
    }

    // If password has at least one special caracther give 1 point
    if (password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/)) {
        score++;
    }

    // If password bigger than 12 give another 1 point
    if (password.length > 12) {
        score++;
    }
    

    removeClassNameFromParentDiv(passwordEl, 'error');
    removeAllStrengthClasses(passwordEl);
    addClassNameToParentDiv(passwordEl, 'strength' + score)
}

function removeAllStrengthClasses(nodeId) {
    for (var i = 0; i < 6; i++) {
        removeClassNameFromParentDiv(nodeId, 'strength' + i);  
    }
}

//==================================================================================================================
//Verify the two password fields are the same.
//------------------------------------------------------------------------------------------------------------------
function doPasswordsMatch(passwordEl, confirmedPasswordEl) {
    confirmedPassword = confirmedPasswordEl.value
    var firstPassword = xGetElementById(passwordEl).value;
    if (firstPassword.length > 0) {
    
        var errorContainer = xGetElementById('passwordConfirmation.errors.container') != null 
            ? xGetElementById('passwordConfirmation.errors.container') 
            : xGetElementById('passwordMatchDiv');
            
        if (firstPassword == confirmedPassword) {
            errorContainer.innerHTML = "";
            removeClass('passwordConfirmation_div', 'error');
            removeClass('passwordConfirmation_div', 'input-error-div');            
        } else {
            resetHtml('passwordConfirmation_err_div');
            errorContainer.innerHTML = "The password and confirmation fields must match.";
            addClass('passwordConfirmation_div', 'error');                        
        }
    }
}

//==================================================================================================================
//Verify the two email fields are the same.
//------------------------------------------------------------------------------------------------------------------
function doEmailsMatch(emailElId, emailConfirmEl) {
    confirmedEmail = emailConfirmEl.value
    var firstEmail = xGetElementById(emailElId).value;
    if (firstEmail.length > 0) {
    
        var errorContainer = xGetElementById('emailConfirmation.errors.container') != null 
            ? xGetElementById('emailConfirmation.errors.container') 
            : xGetElementById('emailMatchDiv');    
    
        if (firstEmail.toLowerCase() == confirmedEmail.toLowerCase()) {
            errorContainer.innerHTML = ""; 
            removeClass('emailConfirmation_div', 'error');            
            removeClass('emailConfirmation_div', 'input-error-div');
            xGetElementById('emailConfirmation_div').style.height = "23px";
        } else {
            resetHtml('emailConfirmation_err_div');
            errorContainer.innerHTML = "Email and Email Confirmation must match.";
            addClass('emailConfirmation_div', 'error');                        
        }
    }
}

//==================================================================================================================
//Reset the inner html of an element.
//------------------------------------------------------------------------------------------------------------------
function resetHtml(id) {
    if (xGetElementById(id)) {
        xGetElementById(id).innerHTML = "";
    }
}

// Attach the listener to the submit buttons.
YAHOO.util.Event.addListener(window, "load", attachToForms);