// form-text-replace.js
// Adds text to form fields
// Replaces default text if no user input
// http://www.visibilityinherit.com/code/clear-input-value.php

var form = document.getElementById('myForm');
setDefaultText(form.elements.name, 'Name');
setDefaultText(form.elements.email, 'E-Mail');
setDefaultText(form.elements.phone, 'Phone');
setDefaultText(form.elements.message, 'Message');
setDefaultText(form.elements.captcha, 'Captcha');

function setDefaultText(field, text) {
    text = text || field.defaultText;
    if (field.value === '') {
        field.value = text;
        field.defaultText = text;
        addClass(field, 'faded');
    }
    field.onfocus = function () {
        removeDefaultText(this);
    };
    field.onblur = function () {
        setDefaultText(this);
    };
}
function removeDefaultText(field) {
    if (field.value === field.defaultText) {
        field.value = '';
        removeClass(field, 'faded');
    }
}
function hasDefaultText(field) {
    return (field.value === field.defaultText);
}
function hasClass(ele,cls) {
    return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
    if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
    if (hasClass(ele,cls)) {
        var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
        ele.className=ele.className.replace(reg,' ');
    }
}