document.observe("dom:loaded", function () {
    
    $("resetform").observe("mouseover", function() {
        this.src = "images/btn-reset-over.gif"
    });
    $("resetform").observe("mouseout", function() {
        this.src = "images/btn-reset.gif"
    });
    
    $("submitform").observe("mouseover", function() {
    this.src = "images/btn-submit-over.gif"
    });
    $("submitform").observe("mouseout", function() {
        this.src = "images/btn-submit.gif"
    });
    
    $("resetform").observe("click", function() {
        $("realname").value = "";
        $("email").value = "";
        $("location").value = "";
        $("about").selectedIndex = 0;
        $("message").value = "";
    });
    
    $("submitform").observe("click", function(ev) {
        $("realname").style.borderColor = "";
        $("email").style.borderColor = "";
        $("about").style.borderColor = "";
        $("message").style.borderColor = "";
        if($("realname").value == "") { 
            alert("Please provide your name."); 
            $("realname").style.borderColor = "Red";
            ev.stop(); 
            return false; 
        }
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if (!filter.test($("email").value)) {
            alert("Please provide a valid email address, so we can get back to you.");
             $("email").style.borderColor = "Red";
            ev.stop();
            return false;
        }
        if($("about").selectedIndex == 0 && $("message").value == "") { 
            alert("Please either select an 'Enquiry About' option, or enter a message."); 
             $("about").style.borderColor = "Red";
             $("message").style.borderColor = "Red";
            ev.stop();
            return false;
        }
    });
});