$(function() {
    var url = window.location.toString();
    
    //alter visiblility of login controls    
    if (url.match("logon") || url.match("failed"))    {
        $("#login_holder").fadeIn("slow");
    }
    else    {
        $("#login_holder").hide();
    }
    
    $("#login_btn").click(function () {
        $("#login_holder").fadeIn("slow");
    });
    
    //populate login fields with default data
    if (!url.match("failed"))    {
        $("#UserName").val("User Name");        
        $("#Password").val("Password");
    }
    
    //empty input fields when they have focus
    $("#UserName").focus(function() {
        $(this).val("");
    });
    
    $("#Password").focus(function() {
        $(this).val("");
    });
    
    // for highlight  
    var elements = $("input[type='text'], textarea");
      
    elements.focus(function() {
        $("#user_box").addClass('highlight');
        $("#pass_box").addClass('highlight');
    });

    elements.blur(function() {
        $("#pass_box").removeClass('highlight');
        $("#user_box").removeClass('highlight');
    });
   
    $("#logon").validate({
        rules: {
            username: {
                required: true
            },
            password: {
                required: true
            }
        },

        messages: {
            username: {
                required: "User Name required"
            },
            password: {
                required: "Password required"
            }
        }
    });
});