﻿// Variables
var inputColorNew = '#333333';
var inputColorOld = '#bbbbbb';

// Apply defaults onLoad
$('.txtName').val($('.txtName').attr('defaultVal'));
$('.txtEmail').val($('.txtEmail').attr('defaultVal'));
$('.txtTelephone').val($('.txtTelephone').attr('defaultVal'));
$('.txtDate').val($('.txtDate').attr('defaultVal'));
$('.txtBooking').val($('.txtBooking').attr('defaultVal'));

$('#contactForm > ul > li > input').css('color', inputColorOld);
$('#contactForm > ul > li > textarea').css('color', inputColorOld);

$('#contactForm > ul > li > input.txtDate').css('color', inputColorNew);

var clearField = function(formField) {

    fieldName = '.' + formField;

    var defaultValue = $(fieldName).attr("defaultVal");
    if ($(fieldName).val() == defaultValue) {
        $(fieldName).val("");
        $(fieldName).css('color', inputColorNew);
    }
}
var refilField = function(formField) {

    fieldName = '.' + formField;

    var defaultValue = $(fieldName).attr("defaultVal");
    if ($(fieldName).val() == "") {
        $(fieldName).css('color', inputColorOld);
        $(fieldName).val(defaultValue);
    }
}
