var W3CDOM = (document.getElementsByTagName && document.createElement);
window.onload = function (theform) {
        document.forms[0].onsubmit = function () {
                return validate()
        }
}
function validate()
{
        validForm = true;
        errorstring = '';
	var x = document.forms[0].elements;
	for (var i=0;i<x.length;i++)
	if (!x['required-name'].value)
		writeError(x['required-name'],'REQUIRED');
	if (x['required-emailaddress'].value.indexOf('@') == -1)
		writeError(x['required-emailaddress'],'NOT VALID');
	if (!x['required-phone'].value)
		writeError(x['required-phone'],'REQUIRED');
	if (!x['required-comments'].value)
		writeError(x['required-comments'], 'REQUIRED');
        if (!W3CDOM)
                alert(errorstring);
        if (firstError)
                firstError.focus();
        return validForm;
}
function writeError(obj,message)
{
        if (obj.hasError) return;
        if (W3CDOM)
        {
                obj.className += 'loud';
                obj.onchange = removeError;
                var sp = document.createElement('span');
                sp.className = 'loud';
                sp.appendChild(document.createTextNode(message));
                obj.parentNode.appendChild(sp);
                obj.hasError = sp;
        }
        else
        {
                errorstring += obj.name + ': ' + message + '\n';
                obj.hasError = true;
        }
        if (validForm)
                firstError = obj;
        validForm = false;
}
function removeError()
{
        this.className = this.className.substring(0,this.className.lastIndexOf(' '));
        this.parentNode.removeChild(this.hasError);
        this.hasError = null;
        this.onchange = null;
}