/// <reference path="../../../../jquery-1.3.2.min-vsdoc.js" />

$(ProductDetails);

function ProductDetails() {
    if ($("#ProductContainer").length) {
        var DynamicContainer = $("#ProductContainer");                                  //General container
        var DynamicSelectLinks = $("<div id='DynamicSelectLinks'></div>");    //Container with select links
        DynamicContainer.prepend(DynamicSelectLinks)                                     //Add select links container to global container

        $("#ProductInfo > li").each(function() {
            var SelectLink = $("<a></a>")
                    .html($(this).find("h2").html())
                    .attr("id", $(this).attr("id") + "Link")
                    .attr("href", "#" + $(this).attr("id"));
            DynamicSelectLinks.append(SelectLink);
        })
        .hide();

        $(window).hashchange(function() { BindContent(); });
        BindContent();

    }
    function BindContent() {
        var hash = "";
        $("#DynamicSelectLinks .selected").removeClass();

        if (location.hash) {
            DynamicSelectLinks.find(location.hash + "Link").addClass("selected");
            hash = location.hash;
        } else {
            hash = DynamicSelectLinks
                .find("a:first")
                .addClass("selected")
                .attr("href");
        }

        $("#ProductInfo > li")
            .hide()
        $(hash)
            .show();
    }
}