var active_color = '#000'; // Colour of user provided text
var inactive_color = '#575757'; // Colour of default text

$(function() {

    //display default text in input fields
    $(".default-text").css("color", inactive_color);
    var default_values = new Array();
    $(".default-text").focus(function() {
        if (!default_values[this.name]) {
            default_values[this.name] = this.value;
        }
        if (this.value == default_values[this.name]) {
            this.value = '';
            this.style.color = active_color;
        }
        $(this).blur(function() {
            if (this.value == '') {
                this.style.color = inactive_color;
                this.value = default_values[this.name];
            }
        });
    });

    //step 1 actions
    $('div#step1 fieldset, input.postcode').click(function() {
        //switch the background colors
        $('div#step1 fieldset').css({ 'background': '#ffffff' });
        $('div#step2 fieldset').css({ 'background': '#eee5f1' });
        $('div#step3 fieldset').css({ 'background': '#eee5f1' });
    });

    //step 2 actions
    $('div#step2 fieldset, input.purchasePrice, intput.propertyPrice, input.leasehold').click(function() {
        //switch the background colors
        $('div#step1 fieldset').css({ 'background': '#eee5f1' });
        $('div#step2 fieldset').css({ 'background': '#ffffff' });
        $('div#step3 fieldset').css({ 'background': '#eee5f1' });
    });

    //step 3 actions
    $('div#step3 fieldset, input.name, input.lastName, input.email, input.telephone, input.status, textarea.additionalInfo').click(function() {
        //switch the background colors
        $('div#step1 fieldset').css({ 'background': '#eee5f1' });
        $('div#step2 fieldset').css({ 'background': '#eee5f1' });
        $('div#step3 fieldset').css({ 'background': '#ffffff' });
    });



});