ÿþ// initFormValidation on load

Event.observe(window, "load", initFormValidation);



var errMandatory = "Mandatory field";

var errEmail = "Invalid email address";

var errMandatoryAr = "-BD ',('1J";

var errEmailAr = "J1,I '/.'D 9FH'F (1J/ 'DC*1HFJ 5-J-";



// add events to each input

function initFormValidation(){   



 var pageUrl = window.location + "";

    if(pageUrl.indexOf("/ar/")!=-1){ 

        errMandatory = errMandatoryAr;

        errEmail = errEmailAr;   

    }





   var formRows = $$("div.formBlock div.row");   

   for(i = 0 ; i<formRows.length; i++){        

        input = formRows[i].select("input","select","textarea");        

        Event.observe(input[0], "focus", highlightRow.bindAsEventListener(input[0]));    

        Event.observe(input[0], "blur", validateInput.bindAsEventListener(input[0]));   

     

        if( formRows[i].className.indexOf("reqif-")!=-1){ addDependantField(formRows[i]); }

   }

   

   // add submit event handler

   var submit = $$("div.formBlock input.submit");

   for(i = 0 ; i<submit.length; i++){                

        Event.observe(submit[i], "click", validateForm);     

   }   

}





// classname format reqif-[INPUTID]-[VALUE]

function addDependantField(div)

{

    var param = div.className.substr(div.className.indexOf("reqif-"));  

    if(param.indexOf(" ")!=-1){  

        param = param.substr(0,param.indexOf(" "));

    }

            

    var dependance = $(param.split("-")[1]);

    var value = param.split("-")[2]; 

    

    if(dependance!=null && value!=null)

    { 

        dependance.addClassName("dep-"+div.id+"-"+value);    

       

        if( dependance.type=="select-one"){ 

            Event.observe(dependance, "change", evaluateDependantField.bindAsEventListener(dependance));  

        }

    }         

}





function evaluateDependantField(input)

{

    if(input.type=="change"){input = this; }

 

    var param = input.className.substr(input.className.indexOf("dep-"));  

    if(param.indexOf(" ")!=-1){param = param.substr(0,param.indexOf("dep-"))[0]};

    

    var div = $(param.split("-")[1]);

    var checkVal = param.split("-")[2]; 

    

    if(input.value==checkVal){makeRequired(div);}

    else{makeOptional(div);}

}



function makeRequired(div)

{

    div.addClassName("required");

    var label = div.select("label")[0];

    if(label.innerHTML.indexOf("<span>*</span>")==-1 && label.innerHTML.indexOf("<SPAN>*</SPAN>")==-1)

    { 

        label.innerHTML = label.innerHTML + " <span>*</span>";  

    }

}



function makeOptional(div)

{

    div.removeClassName("required");

    var label = div.select("label")[0]; 

    label.innerHTML = label.innerHTML.replace("<span>*</span>",""); 

    label.innerHTML = label.innerHTML.replace("<SPAN>*</SPAN>",""); 

    validateInput(div.select("input","select","textarea")[0]);

}





function highlightRow(e){ 

    this.parentNode.addClassName("current");

}



function unHighlightRow(input){

    input.parentNode.removeClassName("current");        

}



function hideError(input){

    input.parentNode.removeClassName("error");

    var errorMessage = input.parentNode.select("span.errorMessage")[0];   

    if(errorMessage!=null)

        errorMessage.innerHTML = "&nbsp;";

}



function showMandatoryError(input){

    input.parentNode.addClassName("error");

    var errorMessage = input.parentNode.select("span.errorMessage")[0]; 

    if(errorMessage!=null)

        errorMessage.innerHTML = errMandatory;

}



function showEmailError(input){

    input.parentNode.addClassName("error");

    var errorMessage = input.parentNode.select("span.errorMessage")[0]; 

    if(errorMessage!=null)

        errorMessage.innerHTML = errEmail;

}



function validateInput(input){

    // first remove the current row highlight

    if(input.type=="blur"){ input = this;}

    unHighlightRow(input);

    

    switch(input.type)

    {

        case "text" :   

            return validateText(input);

            break;

        case "textarea" :   

            return validateText(input);

            break;

        case "select-one" :   

            return validateDropDown(input);

            break; 

        default :   

            return true;

            break; 

    }

}



function validateText(input)

{    

    

    if(input.parentNode.hasClassName("required") && input.value.length<1)

    {    

        showMandatoryError(input);        

        return false;

    }

    else if(input.parentNode.hasClassName("email") && !isValidEmail(input.value))

    { 

        showEmailError(input);  

        return false;     

    }

    else{ 

        hideError(input); 

        return true;

    }

}



function validateDropDown(input)

{    

 

    if(input.className.indexOf("dep-")!=-1){evaluateDependantField(input);}



    if(input.parentNode.hasClassName("required") && (input.value=="" || input.value == "-1"))

    {    

        showMandatoryError(input);               

        return false; 

    } 

    else{ 

        hideError(input); 

        return true;    

    }

}







function validateForm(e){    

    var isValid = true; 

    var formBlock = Event.findElement(e, 'div.formBlock');

 

    var formRows = formBlock.select("div.row");   

    

    for(i = 0 ; i<formRows.length; i++){       

     

        try{

            input = formRows[i].select("input","select","textarea");      

            

            if(input[0]!=null && !validateInput(input[0]))

            {   

                if(isValid){ input[0].focus(); }

                isValid = false; 

            }

        }

        catch(ex){}

    }

    if(!isValid)

    {

        Event.stop(e);   

    }

}







function isValidEmail(email)

{   

    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;

    if(pattern.test(email)){         

		return true;  

    }

    return false;

}