$(document).ready(function() {


    function linkOver() { $(this).children('em').stop().animate({ opacity: "1" }, 150, "easeInOutQuad") };
    function linkOut() { $(this).children('em').animate({ opacity: "0" }, 750, "easeInOutQuad") };

    /*login*/
    $('#loginpanel').children('a').attr("href", "#");
    $('#login').css({ opacity: "0", display: "block" });


    $('#loginpanel').children('a').click(function() {
        if ($('#login').hasClass("loggedincheck")) {
            $('#login').stop().animate({ height: 0, opacity: 0 }, 600, "easeInOutQuad").removeClass("loggedincheck");
            $('#loginpanel').children('a').html("Login");
            $('#center').css({ height: "520px" });
        }
        else {
            $('#login').stop().animate({ height: 40, opacity: 1 }, 600, "easeInOutQuad").addClass("loggedincheck");
            $('#loginpanel').children('a').html("Close");
            $('#controls').css({ position: "static", display: "block" });
            $('#controls').css({ marginTop: "10px" });
            $('#center').css({ height: "560px" });
        }
    });



});