/*
Form Validator
Author: Peter Tornstrand <peter[at]tornstrand[dot]com>
Homepage: http://www.tornstrand.com/scripts/javascript-form-validation/
Date: 2006-07-02
Version: 1.21
*/

/*
Set to false if you don't want the error messages
*/
var err = true;

/*
Set to true if you want modal javascript dialogues instead of DOM messages
*/
var modal = true;

/*
Browser detect, need's a little work
*/
var ie;
if (navigator.appVersion.indexOf("MSIE")!=-1) {
    ie = true;
} else {
    ie = false;
}

/**
* Loops through the page forms and add's onSubmit events to forms
* with the class name 'validate'.
**/
var addOnSubmitEvent = function() {
    var frms = document.getElementsByTagName('form');
    for (var i=0; i<frms.length; i++) {
        if (frms[i].className.indexOf('validate') != -1) {
            frms[i].onsubmit = function() {
                return validate(this);
            }
        }
    }
}

/**
* Function for displaying error message to user.
* @param frm [Object HTMLFormElement] The form
* @param el [Object HTMLInputElement] Source of the error message
**/
var displayErrorMessage = function(frm, el) {

    var labels = document.getElementsByTagName('label');
    var errorMsg = '';

    if (el.type=='radio'||el.type=='checkbox') {
        for (var i = 0; i<labels.length; i++) {
            if (labels[i].htmlFor== el.name) {
            //errorMsg = 'You must enter a value for ' + labels[i].innerHTML.replace('*','');
            errorMsg = 'Introduzca un valor para el campo: ' + labels[i].innerHTML.replace('*','');
            }
        }
    } else {
        for (var i = 0; i<labels.length; i++) {
            if (labels[i].htmlFor==el.id) {
                //errorMsg = 'You must enter a value for ' + labels[i].innerHTML.replace('*','');
                errorMsg = 'Introduzca un valor para el campo: ' + labels[i].innerHTML.replace('*','');
            }
        }
    }

    if (err) {
        if (modal) {
            alert(errorMsg);
            el.focus();
            window.scrollBy(0,-30);
        }
        else {
            if (document.getElementById(frm.id+'_errorMessage')) {
                frm.removeChild( document.getElementById (frm.id+'_errorMessage'));
            }
            var errorDiv = document.createElement('div');
            errorDiv.id = frm.id+'_errorMessage';
            errorDiv.className = 'errorMessage';
            errorDiv.innerHTML = errorMsg;
            errorDiv.className='hightlight';
            frm.insertBefore(errorDiv, frm.childNodes[0]);
            el.style.border='2px solid red';
            el.focus();
            window.scrollBy(0,-30);
        }
    }
}

/**
* Function called to validate form elements.
* @param frm [Object HTMLFormElement] The form to validate
* @return [Boolean] Did the form validate or not
**/
var validate = function(frm) {
    var el = frm.elements;
    var nif_ok;
    var email_ok;
    var phone_ok;
    var phone2_ok;

    for (var i=0; i<el.length; i++) {
        if (el[i].className.indexOf('req') != -1) {

            // Text, Textarea, File
            if (el[i].type=='text'||el[i].type=='textarea'||el[i].type=='file' ||
                el[i].type=='password') {

                    
                // Comprobación de contraseñas
                if (el[i].type=='password' &&  el[i].id=='password1'){

                    // Comprobando la longitud de las cadenas
                    if (el[i].value.length<6){
                        alert ("La contraseña debe tener al menos seis caracteres");
                        equal_passwords=false;
                        document.carrito.password1.focus();
                        window.scrollBy(0,-30);															 
                        return equal_passwords;
                    }
                    else if (el[i+1].value.length<6){
                        alert ("La contraseña debe tener al menos seis caracteres");
                        equal_passwords=false;
                        document.carrito.password2.focus();
                        window.scrollBy(0,-30);															 
                        return equal_passwords;
                    }
                    // Comprobando si son diferentes
                    if (el[i].value!=el[i+1].value){
                        alert ("Las contraseñas son diferentes");
                        equal_passwords=false;
                        document.carrito.password1.focus();
                        window.scrollBy(0,-30);															 
                        return equal_passwords;
                    }
                }
                    
                // Comprobación del nif.
                if (el[i].id=='nif'){
                    nif_ok=validate_nif(el[i].value);
                    if (nif_ok==false) return nif_ok;
                }
                // Comprobación del email
                if (el[i].id=='email'){
                    email_ok=validate_email(el[i].value);
                    if (email_ok==false) return email_ok;
                }

                if (el[i].id=='phone'){
                    phone_ok=validate_phone(el[i]);
                    if (phone_ok==false) return phone_ok;
                }
                if (el[i].id=='ephone'){
                    phone_ok=validate_phone(el[i],1);
                    if (phone_ok==false) return phone_ok;
                }

                if (el[i].value=="") {
                    el[i].className = el[i].className + ' error';
                    err == true ? displayErrorMessage(frm, el[i]) : null;
                    return false;
                } 
                else {
                    el[i].className = el[i].className.replace('error','');
                }

            }

            // Radio
            else if (el[i].type=='radio') {
                var radiogroup = el[el[i].name];
                var itemchecked = false;
                for(var j = 0 ; j < radiogroup.length ; ++j) {
                    if(radiogroup[j].checked) {
                        itemchecked = true;
                        break;
                    }
                }
                if(!itemchecked) {
                    el[i].className = el[i].className + ' error';
                    err == true ? displayErrorMessage(frm, el[i]) : null;
                    return false;
                }
            }

            // Checkbox
            else if (el[i].type=='checkbox') {
                var itemchecked = false;
                var elems = document.getElementsByTagName("input");
                for(var j=0; j<elems.length; j++) {
                    if(elems[j].type=='checkbox'&&elems[j].name==el[i].name) {
                        if(elems[j].checked) {
                            itemchecked = true;
                            break;
                        }
                    }
                }
                if(!itemchecked) {
                    el[i].className = el[i].className + ' error';
                    err == true ? displayErrorMessage(frm, el[i]) : null;
                    return false;
                }
            }

            // Select-one
            else if (el[i].type=='select-one') {
                if (el[i].selectedIndex==0) {
                    el[i].className = el[i].className + ' error';
                    err == true ? displayErrorMessage(frm, el[i]) : null;
                    return false;
                } else {
                    el[i].className = el[i].className.replace('error','');
                }
            }

            // Select-multiple
            else if (el[i].type=='select-multiple') {
                var optionselected = false;
                for(var j=0;j<el[i].options.length; ++j) {
                    if (el[i].options[j].selected) {
                        optionselected = true;
                        break;
                    }
                }
                if (!optionselected) {
                    el[i].className = el[i].className + ' error';
                    err == true ? displayErrorMessage(frm, el[i]) : null;
                    return false;
                } else {
                    el[i].className = el[i].className.replace('error','');
                }
            }
        }
    }
    return true;
}


/**
* Function called when a element changes it's value.
**/
var evaluate = function() {
    for (i=0; i<conds.length; i++) {
        var element = document.getElementsByName(conds[i][0]);
        var elemVal = conds[i][1];
        var elements = document.getElementsByName(conds[i][2]);
        var bol = conds[i][3];

        if (ie) {
            /* For Internet Explorer */
            for (var k=0; k<element.length; k++) {
                if (element[k].name==event.srcElement.name) {
                    if (event.srcElement.type=='select-one') {
                        if(event.srcElement[event.srcElement.selectedIndex].value==elemVal) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    } else if (event.srcElement.type=='select-multiple') {
                        var optionselected = false;
                        for(var j=0; j<event.srcElement.options.length; j++) {
                            if (event.srcElement.options[j].value==elemVal&&event.srcElement.options[j].selected) {
                                optionselected = true;
                                break;
                            }
                        }
                        if (optionselected) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    } else {
                        if(event.srcElement.value==elemVal) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    }
                }
            }
        } else {
            /* For other browsers */
            for (var k=0; k<element.length; k++) {
                if (element[k].name==this.name) {
                    if (this.type=='select-one') {
                        if(this[this.selectedIndex].value==elemVal) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    } else if (this.type=='select-multiple') {
                        var optionselected = false;
                        for(var j=0; j<this.options.length; j++) {
                            if (this.options[j].value==elemVal&&this.options[j].selected) {
                                optionselected = true;
                                break;
                            }
                        }
                        if (optionselected) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    } else {
                        if(this.value==elemVal) {
                            setState(elements, bol);
                        } else {
                            setState(elements, !bol);
                        }
                    }
                }
            }
        }
    }
}

/**
* Set a single or a group of elements to required or not required.
* @param elements [Object HTMLCollection] The elements to set required states on
* @param bol [Boolean] Set elements required or not required
**/
var setState = function(elements, bol) {
    if (bol) {
        for (var j=0; j<elements.length; j++) {
            if (elements[j].className.indexOf('req')==-1) {
                elements[j].className += ' req';
            }
        }
    } else {
        for (var j=0; j<elements.length; j++) {
            newClassName = elements[j].className.replace('req','');
            elements[j].className = newClassName;
        }
    }
}

/**
* Attach conditions to form elements.
**/
var attachConditions = function() {
    attachBlurs(document.getElementsByTagName('input'));
    attachBlurs(document.getElementsByTagName('select'));
}

/**
* Attach onBlur or onClick to elements depending on element type.
* @param elements [Object HTLMCollection] The elements to attach onBlur events to
**/
var attachBlurs = function(elements) {
    for (var i=0; i<elements.length; i++) {
        if (elements[i].type=='checkbox'||elements[i].type=='radio') {
            if (ie) {
                elements[i].attachEvent('onclick', evaluate, false);
            } else {
                elements[i].addEventListener('click', evaluate, false);
            }
        } else {
            if (ie) {
                elements[i].attachEvent('onblur', evaluate, false);
            } else {
                elements[i].addEventListener('blur', evaluate, false);
            }
        }
    }
}

/*
Conditions
Syntax: conds.push(Array('element name','element value','element name', false));
You should put your conditions in a seperate file and include in the page.
*/
var conds = Array();

/*
Add onLoad events to start the whole thing
*/
if (ie) {
    window.attachEvent("onload", addOnSubmitEvent, false);
    window.attachEvent("onload", attachConditions, false);
} else {
    window.addEventListener("load", addOnSubmitEvent, false);
    window.addEventListener("load", attachConditions, false);
}