$(document).ready(function(){
    $.preloadCssImages();

    $('#'+pageOn).addClass('on'); 
    
    $('#username, #password, #avail').live('focus', function(){
        var defaultValue = $(this)[0].defaultValue;
        if($(this).val() == defaultValue){
            $(this).val('').css('color', '#000000');
        } 
    });

    $('#username, #password, #avail').live('blur', function(){
                var defaultValue = $(this)[0].defaultValue;
                if($(this).val() == ''){
                    $(this).val(defaultValue).css('color', '#666666');
                } 
    });


    $("#username, #password").live("keydown", function(event){
            if(event.keyCode == 13){
                 $('#loginForm').submit();
            }
    });
    
    $("#avail").live("keydown", function(event){
            if(event.keyCode == 13){
                 checkAvailability();
            }
    });

    $("#loginButton").live("click", function(){
        $('#loginForm').submit();
        return false;
    });  
    
    $("#availabilityButton").live("click", function(){
        checkAvailability();
        return false;
    });      
    
});

function checkAvailability(){
    var areaCode = parseInt($('#avail').val());
    if(areaCode.toString().length != 3 || isNaN(areaCode) == true){
        alert('Your area code is an incorrect format, please try again!');
    }
    else{
        window.location = "/available/"+areaCode;
    }                 
}