/// <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/EducationSitesDataSource.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();
}