/// Intellisense reference to jquery library
/// <reference path="~/content/javascript/jquery-1.2.6.js" />

var homeTab = null;

$(document).ready(function() {

    $("h3.section-title").hide();

    /// Build and add the tabs
    var tabs = new StringBuilder();

    tabs.append("<ul class=\"tabs\">");
    tabs.append("<li class=\"selected works\">");
    tabs.append("<h3><a href=\"#works\" title=\"Selected works\" class=\"works\">Selected works</a></h3>");
    tabs.append("</li>");
    tabs.append("<li class=\"collections\">");
    tabs.append("<h3><a href=\"#collections\" title=\"Personal collections\">Personal collections</a></h3>");
    tabs.append("</li>");
    tabs.append("<li class=\"news\">");
    tabs.append("<h3><a href=\"#news\" title=\"News\">News</a></h3>");
    tabs.append("</li>");
    tabs.append("</ul>");

    $(tabs.toString()).insertAfter("div.header");

    homeTab = document.location.toString().split('#')[1];

    $("div.section").each(function() {
        $(this).hide();
    });

    $("ul.tabs li").each(function() {
        $(this).removeClass("selected");
    });

    $("ul.tabs li a").click(function() {

        $("div.section").hide();

        $("ul.tabs li").each(function() {
            $(this).removeClass("selected");
        });

        var which = $(this).parent("h3").parent("li.").attr("class");

        $(this).parent("h3").parent("li." + which).addClass("selected");
        $("div." + which).fadeIn();

    });

    if (homeTab != null && homeTab != "undefined") {
        $("li." + homeTab).addClass("selected");
        $("div." + homeTab).show();
    } else {
        $("li.works").addClass("selected");
        $("div.works").show();
    }

});