/// <reference path="../../../../jquery-1.3.2.min-vsdoc.js" />
$("html").addClass("js");

$(ForRent);

function ForRent() {
    var ProductsCategoryList = $("#ProductCategoryList");                           //Default list
    var DynamicContainer = $("<div id='DynamicContainer'></div>");                  //General container
    var DynamicProductContainer = $("<div id='DynamicProductContainer'></div>");    //General container
    var DynamicSelectLinks = $("<div id='DynamicSelectLinks'></div>");              //Container with select links

    DynamicContainer.append(DynamicSelectLinks)                                     //Add select links container to global container

    ProductsCategoryList
        .before(DynamicContainer)
        .before(DynamicProductContainer)
        .appendTo(DynamicContainer)
        .find(".productList")
        .hide()
        .end()
        .find(">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();
    $("html").removeClass("js");
    

    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");
        }

        var CloneWars = ProductsCategoryList
                .find(">li")
                .hide()
                .end()
                .find(hash)
                .show()
                .find(".productList")
                .clone()
                .show();

        DynamicProductContainer.html(CloneWars);
    }
}