/// <reference name="MicrosoftAjax.js" />
/// <reference path="jquery-vsdoc.js" />

$().ready(function() {
    if (self.location.href.indexOf("cmspagemode=edit") > -1 || self.location.href.indexOf("cmspagemode=preview") > -1) {
        return;
    }

    var currentCategoryCode = categoryCode = $("#hfSelectedCategoryCode").val();

    if (currentCategoryCode != "") {
        changeCategory(currentCategoryCode);
    }
});

function bindData() {
    var areaCode = $("#hfSelectedAreaCode").val();
    var categoryCode = $("#hfSelectedCategoryCode").val();

    var url = "/Handlers/DepartmentsDataSource.ashx?AreaCode=" + areaCode + "&CategoryCode=" + categoryCode;
    url += "&random=" + (new Date()).getTime();

    $("#dataTable").load(url, function(responseText, textStatus, XMLHttpRequest) {
        if (responseText == " ") {

            var result = "<tr><td class=\"col_1\" valign=\"top\">" + $("#" + $guideNoResultsFoundDivClientID).html() + "</td></tr>";
            $("#dataTable").html(result);
            return;
        }
    });

}

function changeArea(areaCode) {
    $("#hfSelectedAreaCode").val(areaCode);
    bindData();
}

function changeCategory(categoryCode) {
    $("#hfSelectedCategoryCode").val(categoryCode);

    $(".wrapper_tab a").each(function() {
        if (this.id == "tab_" + categoryCode) {
            $(this).removeClass("tab").addClass("select_tab");
        }
        else {
            $(this).removeClass("select_tab").addClass("tab");
        }
    });

    bindData();
}