var active_color = '#333333'; // Colour of user provided text
var inactive_color = '#666666'; // Colour of default text

$(function () {
    $("input.default-value").css("color", inactive_color);
    $("textarea.default-value").css("color", inactive_color);
    var default_values = new Array();

    $("input.default-value").focus(function () {
        if (!default_values[this.id]) {
            default_values[this.id] = this.value;
        }
        if (this.value == default_values[this.id]) {
            this.value = '';
            this.style.color = active_color;
        }
        $(this).blur(function () {
            if (this.value == '') {
                this.style.color = inactive_color;
                this.value = default_values[this.id];
            }
        });
    });

    $("textarea.default-value").focus(function () {
        if (!default_values[this.id]) {
            default_values[this.id] = this.value;
        }
        if (this.value == default_values[this.id]) {
            this.value = '';
            this.style.color = active_color;
        }
        $(this).blur(function () {
            if (this.value == '') {
                this.style.color = inactive_color;
                this.value = default_values[this.id];
            }
        });
    });
});