$(document).ready(function(){
    var user = $("#username").val();
    $("#users").click(function(){
        $.post(
            "getUserInfo.php",
            { id: "users",
              member: user },
            function(data){
                $("#usersPanel").empty().append(data);
            },
            "html");
    });
    //Courses panel
    $("#courses").click(function(){
        // load about page on click
        $.post(
            "getCourseInfo.php", 
            { id: "courses" },
            function(data){
                $("#coursesPanel").empty().append(data);
            },
            "html");
    })
    //Rounds panel
    $("#rounds").click(function(){
        // load about page on click
        $.post(
            "getRoundInfo.php",
            { id: "rounds",
              member: user },
            function(data){
                $("#roundsPanel").empty().append(data);
            },
            "html");
    })
    //Top 5 Users panel
    $.post(
        "getUserInfo.php",
        { id: "topUsers",
          member: "none" },
        function(data){
            $("#topUsersPanel").empty().append(data);
        },
        "html");
    //Friends panel
    $.post(
        "getUserInfo.php",
        { id: "friends",
          member: user },
        function(data){
            $("#friendsPanel").empty().append(data);
        },
        "html");
});