function myCustomErrorDisplayFunction(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from.length; i++)
        {
                var parts = from[i].split(",");
                var fieldName = parts[1];

                document.getElementById(fieldName + "_label").style.color = "#0A5D7B";
               // 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 + "_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 from = [
        "required,first_name,",
        "required,surname,",
		"digits_only,phone_number,",
		"required,phone_number,",
		"required,email_address,",
		"valid_email,email_address,",
		"required,message,"
];