$(function(){
    // Accordion
    $("#accordion").accordion({ header:"h3", active:3, fillspace:true, autoheight:true });
    // Tabs
    $("#tabs").tabs();
    $('#tabs').bind('tabsselect', 
        function(event, ui){ 
            if(ui.index != 0){ 
                $("#accordion").accordion("activate",4);
            }else{
                $("#accordion").accordion("activate",3);
            }
        }
    );
    //hover states on the static widgets
    $("ul#icons li").hover(
        function() { $(this).addClass("ui-state-hover"); },
        function() { $(this).removeClass("ui-state-hover"); }
    );
    // Register
    $("#register").dialog({
        title: "Register",
        closeOnEscape: false,
        autoOpen: false,
        width: 350,
        buttons: {
            "Ok": function() {
                $.post(
                       'register.php',
                       { username: $('#registerUser').val() , password: $('#registerPass').val() },
                       function(data){
                           $('#register').empty().append(data);
                           alert(data);
                           window.location.reload();
                       },
                       'html');
                $(this).dialog("close");
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        },
        modal: true,
        overlay: {
            opacity:0.5,
            background:"black"
        }
    });
    // Register Link
    $("#register_link").click(function(){
        $("#register").dialog("open");
        pageTracker._trackEvent('Link', 'Register');
        return false;
    });
    // Login
    $("#login").dialog({
        title: "Login",
        closeOnEscape: false,
        autoOpen: false,
        width: 350,
        buttons: {
            "Ok": function() {
                $.post(
                       'login.php',
                       { username: $('#loginUser').val(),
                         password: $('#loginPass').val() },
                       function(data){
                           $('#login').empty().append(data);
                           alert(data);
                           $.post('updateStats.php', {}, function(data){});
                           window.location.reload();
                       },
                       'html');
                $(this).dialog("close");
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        },
        modal: true,
        overlay: {
            opacity:0.5,
            background:"black"
        }
    });
    // Login Link
    $("#login_link").click(function(){
        $("#login").dialog("open");
        pageTracker._trackEvent('Link', 'Login');
        return false;
    });

    // viewRound
    $("#viewRound").dialog({
        title: "View Round",
        closeOnEscape: false,
        autoOpen: false,
        position: [85,10],
        width: 685,
        buttons: {
            "Ok": function() {
                $("#viewRound").empty();
                $(this).dialog("close");
            }
        },
        modal: true,
        overlay: {
            opacity:0.5,
            background:"black"
        }
    });
    // viewCourse
    $("#viewCourse").dialog({
        title: "View Course",
        closeOnEscape: false,
        autoOpen: false,
        position: [85,10],
        width: 685,
        buttons: {
            "Ok": function() {
                $("#viewCourse").empty();
                $(this).dialog("close");
            }
        },
        modal: true,
        overlay: {
            opacity:0.5,
            background:"black"
        }
    });
    // viewMember
    $("#viewMember").dialog({
        title: "View Member",
        closeOnEscape: false,
        autoOpen: false,
        position: [85,10],
        width: 835,
        buttons: {
            "Ok": function() {
                $("#viewMember").empty();
                $(this).dialog("close");
            }
        },
        modal: true,
        overlay: {
            opacity:0.5,
            background:"black"
        }
    });

    // Datepicker
    $("#datepicker").datepicker({
        inline: true
    });
    // Slider
    $("#slider").slider({
        range: true,
        values: [17, 67]
    });
    // Progressbar
    $("#progressbar").progressbar({
        value: 20
    });

});

function showMember(name){
    $.post("member.php",
          { member: name },
          function(data){
              $("#viewMember").dialog("option", "title", name+"'s member page");
              $("#viewMember").empty().append(data);
          },
          'html' );
    $("#viewMember").dialog("open");
};
function showRound(id){
    $.post("viewRound.php", 
          { id: id }, 
          function(data){ 
              $("#viewRound").empty().append(data);
          }, 
          'html' );
    $("#viewRound").dialog("open");
};
function showCourse(id){
    $.post("viewCourse.php",
          { id: id },
          function(data){
              $("#viewCourse").empty().append(data);
          },
          'html' );
    $("#viewCourse").dialog("open");
};