$(document).ready(function () {

    // Who/what/how toggles...

    // TODO: could these divs be within a div that comes up and back down?

    $("li.what").click(function () {
        $("#w_wrap").slideToggle();
        $("#h_wrap").slideUp("fast");
    });

    $("li.how, a.how").click(function () {
        $("#h_wrap").slideToggle();
        $("#w_wrap").slideUp("fast");
    });

    $("#h_close, #w_close, #top20, #top50, #top100, #week, #30day, #alltime").click(function () {
        $("#h_wrap, #w_wrap").slideUp("fast");
    });

    $("#l5r").click(function () {
        $("#user_history").slideToggle("fast");
    });

    //search box best practices

    $("#uname").focus(function () {
        if ($(this).val() === "search") {
            $("#uname").val("");
        }
        return false;
    });

    $("#uname").blur(function () {
        if ($(this).val() === "") {
            $("#uname").val("search");
        }
        return false;
    });

    /*$(".flag").click(function(){
    	$(this).toggleClass("f_on");
    	$(this).toggleClass("f_off");
    });*/
    
    $("#temphide").click(function(){
        $("#w_detail, #w_history").slideToggle("fast");
    });    	

    // FAQ Page Slider - Different selectors than the leaderboard - same basic actions
    $("#faq .content h4:first").addClass("active");
    $("#faq .content .indent:not(:first)").hide();

    $("#faq .content h4").click(function () {
    
        $(this).next(".indent").slideToggle("fast")
          .siblings(".indent:visible").slideUp("fast");
        $(this).toggleClass("active");
        $(this).siblings("h4").removeClass("active");
    });
    		
    $("#w_history h3.w_date:first").addClass("active");
    $("#w_history ul#w_list:not(:first)").hide();
    
    //$("#w_history h3.w_date").click(function(){
    $("#w_history h3.w_date").live("click", function(){
    
        $(this).next("ul#w_list").slideToggle("fast")
    	  .siblings("ul#w_list:visible").slideUp("fast");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });			
});