$(document).ready(function() {
    $("#nav-about a").click(showAbout);
    $("#nav-resume a").click(showResume);
    $("#nav-games a").click(showGames);
    $("#nav-code a").click(showCode);
    $("#nav-talks a").click(showTalks);
    $("#nav-papers a").click(showPapers);
    $("#nav-contact a").click(showContact);

    $(".panelheader").hide();
    $(".panel").hide();

    $("#content").hide();
    $("#main").removeClass();
    switch (window.location.hash) {
        case "#about":
            document.title = "Ted Hung";
            $("#div_about").show();
            setTimeout("$('#main').addClass('about')", 490);
            break;
        case "#resume":
            document.title = "Ted Hung: Resumé";
            $("#div_resume").show();
            setTimeout("$('#main').addClass('resume')", 490);
            break;
        case "#games":
            document.title = "Ted Hung: Games";
            $("#div_games").show();
            setTimeout("$('#main').addClass('games')", 490);
            break;
        case "#code":
            document.title = "Ted Hung: Code";
            $("#div_code").show();
            setTimeout("$('#main').addClass('code')", 490);
            break;
        case "#talks":
            document.title = "Ted Hung: Talks";
            $("#div_talks").show();
            setTimeout("$('#main').addClass('talks')", 490);
            break;
        case "#papers":
            document.title = "Ted Hung: Papers";
            $("#div_papers").show();
            setTimeout("$('#main').addClass('papers')", 490);
            break;
        case "#contact":
            document.title = "Ted Hung: Contact";
            $("#div_contact").show();
            setTimeout("$('#main').addClass('contact')", 490);
            break;
        default:
            document.title = "Ted Hung";
            $("#div_about").show();
            setTimeout("$('#main').addClass('about')", 490);
            break;
    }
    var offset = $("#logo").offset();
    offset.top += 53;
    $("#logo").offset(offset);

    $('.waitforload').onImagesLoad({ selectorCallback: selectorImagesLoaded })
});

function selectorImagesLoaded($selector) {
    $("#logo").animate({ top: '-=53' }, 500, function() { });
    setTimeout("$('#content').slideDown(600)", 800);
}

function hideAndShow(showpanel) {
    delay = 0;
    if (window.location.hash == "#code" ||
        window.location.hash == "#games") {
        $("#content").slideUp(1000);
        setTimeout("$('.panel').hide();", 1000);
        setTimeout("$('" + showpanel + "').show();", 1100);
        delay = 1100;
    } else {
        $("#content").slideUp(500);
        setTimeout("$('.panel').hide();", 500);
        setTimeout("$('" + showpanel + "').show();", 600);
        delay = 600;
    }

    if (showpanel == "#code" ||
        showpanel == "#games") {
        setTimeout("$('#content').slideDown(1000)", delay + 100);
    } else {
        setTimeout("$('#content').slideDown(500)", delay + 100);
    }
}

function showAbout() {
    document.title = "Ted Hung";
    if ($("#main").hasClass("about")) {
    }
    else {
        hideAndShow("#div_about");
        
        $("#main").removeClass();
        $("#main").addClass("about");
    }
}

function showResume() {
    document.title = "Ted Hung: Resumé";
    if ($("#main").hasClass("resume")) {
    }
    else {
        hideAndShow("#div_resume");

        $("#main").removeClass();
        $("#main").addClass("resume");
    }
}

function showGames() {
    document.title = "Ted Hung: Games";
    if ($("#main").hasClass("games")) {
    }
    else {
        hideAndShow("#div_games");

        $("#main").removeClass();
        $("#main").addClass("games");
    }
}

function showCode() {
    document.title = "Ted Hung: Code";
    if ($("#main").hasClass("code")) {
    }
    else {
        hideAndShow("#div_code");

        $("#main").removeClass();
        $("#main").addClass("code");
    }
}

function showTalks() {
    document.title = "Ted Hung: Talks";
    if ($("#main").hasClass("talks")) {
    }
    else {
        hideAndShow("#div_talks");

        $("#main").removeClass();
        $("#main").addClass("talks");
    }
}

function showPapers() {
    document.title = "Ted Hung: Papers";
    if ($("#main").hasClass("papers")) {
    }
    else {
        hideAndShow("#div_papers");

        $("#main").removeClass();
        $("#main").addClass("papers");
    }
}

function showContact() {
    document.title = "Ted Hung: Contact";
    if ($("#main").hasClass("contact")) {
    }
    else {
        hideAndShow("#div_contact");

        $("#main").removeClass();
        $("#main").addClass("contact");
    }
}