function myCustomErrorDisplayFunction1(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from1.length; i++)
        {
                var parts = from1[i].split(",");
                var fieldName = parts[1];

               	document.getElementById(fieldName + "_input").style.border = "1px solid #1A2F67";
               // document.getElementById(fieldName + "_error").style.display = "none";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error
               
			   document.getElementById(fieldName + "_input").style.border = "1px solid #F00000";
			   //document.getElementById(fieldName + "_label").style.color = "#F00000";
               // document.getElementById(fieldName + "_error").style.display = "inline";
               // document.getElementById(fieldName + "_error").innerHTML = errorInfo[i][1];
        }

        // normally, we'd do something like this: only return TRUE if there were no errors.
        // but this is just a demo. so it's commented out.
        return (errorInfo.length == 0) ? true : false;
       
}

var from1 = [
        "required,name,",
        "required,email,",
		"valid_email,email,",
		"required,enquiry,"
];



function myCustomErrorDisplayFunction2(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from2.length; i++)
        {
                var parts = from2[i].split(",");
                var fieldName = parts[1];

               	document.getElementById(fieldName + "_input").style.border = "1px solid #1A2F67";
               // document.getElementById(fieldName + "_error").style.display = "none";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error
               
			   document.getElementById(fieldName + "_input").style.border = "1px solid #F00000";
			   //document.getElementById(fieldName + "_label").style.color = "#F00000";
               // document.getElementById(fieldName + "_error").style.display = "inline";
               // document.getElementById(fieldName + "_error").innerHTML = errorInfo[i][1];
        }

        // normally, we'd do something like this: only return TRUE if there were no errors.
        // but this is just a demo. so it's commented out.
        return (errorInfo.length == 0) ? true : false;
       
}


var from2 = [
		"required,title,",
        "required,name,",
		"required,surname,",
		"required,house,",
		"required,street,",
		"required,town,",
		"required,county,",
		"required,postcode,",
		"required,tel,",
		"digits_only,tel,",
        "required,email,",
		"valid_email,email,",
		"required,education,",
		"required,further,",
		"required,employment,",
		"required,notice,",
		"required,terms,"
];
