$(document).ready(function() {

    // Mouseover effect for the box
    $('#login-box').mouseenter(function() {
        $(this).animate({ backgroundColor: '#00ADEF' }, 'slow');
    });
    $('#login-box').mouseleave(function() {
        $(this).animate({ backgroundColor: '#202020' }, 'slow');
    });

    // Twitter / FB effect
    $('#Facebook, #Twitter').mouseenter(function() {
        $(this).fadeTo('slow', 0.5);
    });
    $('#Facebook, #Twitter').mouseleave(function() {
        $(this).fadeTo('slow', 1.0);
    });

});