$(document).ready(function() {
    // As Javascript is enabled, change the colour of the username fields
    if ($('#login input[name=log]').length > 0) $('#login input[name=log]').addClass("description");
    if ($('#login input[name=pwd]').length > 0) $('#login input[name=pwd]').addClass("description");
    if ($('#search input[name=s]').length > 0) $('#search input[name=s]').addClass("description"); 
    if ($('#search input[name=q]').length > 0) $('#search input[name=q]').addClass("description"); 
    if ($('.newsletter input[name=username]').length > 0) $('.newsletter input[name=name]').addClass("description");
    if ($('.newsletter input[name=email]').length > 0) $('.newsletter input[name=from]').addClass("description");
    if ($('#login input[name=user_login]').length > 0) $('#login input[name=user_login]').addClass("description"); // bbPress Header Login User
    if ($('#login input[name=password]').length > 0) $('#login input[name=password]').addClass("description"); // bbPress Header Login Pass
            
    // Clear text on field focus
    $('#login input[name=log]').bind("focus", function(e) {
        if ($(this).val() == 'Username') $(this).val("");
        $('input[name=log]').removeClass("description");    
    });
    $('#login input[name=pwd]').bind("focus", function(e) {
        if ($(this).val() == 'Password') $(this).val("");
        $('input[name=pwd]').removeClass("description");     
    });
    $('#search input[name=s]').bind("focus", function(e) {
        if ($(this).val() == 'Search Articles') $(this).val("");
        $('input[name=s]').removeClass("description");     
    });
    $('#search input[name=q]').bind("focus", function(e) {
        if ($(this).val() == 'Search Forums') {
            $('input[name=q]').val("");
            $('input[name=q]').removeClass("description");
        }             
    });
    $('.newsletter input[name=username]').bind("focus", function(e) {
        if ($(this).val() == 'Name') $(this).val("");
        $('input[name=username]').removeClass("description");     
    });
    $('.newsletter input[name=email]').bind("focus", function(e) {
        if ($(this).val() == 'Email') $(this).val("");
        $('input[name=email]').removeClass("description");     
    });
    $('#login input[name=user_login]').bind("focus", function(e) {
        if ($(this).val() == 'Username') $(this).val("");
        $('input[name=user_login]').removeClass("description");    
    });
    $('#login input[name=password]').bind("focus", function(e) {
        if ($(this).val() == 'Password') $(this).val("");
        $('input[name=password]').removeClass("description");     
    });
            
    // Reinstate default text on field blur, if nothing else entered
    $('#login input[name=log]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Username");
            $('input[name=log]').addClass("description");    
        }
    });
    $('#login input[name=pwd]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Password");
            $('input[name=pwd]').addClass("description");     
        }
    });
    $('#search input[name=s]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Search Articles");
            $('input[name=s]').addClass("description");     
        }
    });
    $('#search input[name=q]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Search Forums");
            $(this).addClass("description");     
        }
    });
    $('.newsletter input[name=username]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Name");
            $('input[name=username]').addClass("description");     
        }
    });
    $('.newsletter input[name=email]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Email");
            $('input[name=email]').addClass("description");     
        }
    });
    $('#login input[name=user_login]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Username");
            $('input[name=user_login]').addClass("description");    
        }
    });
    $('#login input[name=password]').bind("blur", function(e) {
        if ($(this).val() == '') {
            $(this).val("Password");
            $('input[name=password]').addClass("description");     
        }
    });
    
    // Fade out an error message, if it exists
    if ($('#login form p.error').length > 0) {
        setTimeout(function(){ $('#login form p.error').fadeOut(1000); }, 2000);        
    }
});