// wait till the DOM is loaded
$(document).ready(function() {
  // attach a submit handler to the form
  $("form#courseSearchForm").submit(function(){
    var csDateFrom = $("select#csDateFrom").val();
	var csDateTo = $("select#csDateTo").val();
	var csCourse = $("select#csCourse").val();
	var csVenue = $("select#csVenue").val();
	var csSort = $("input#csSort").val();
    var furl = "/_coursedatessearch.asp";
    $.get( furl,
      {csDateFrom:csDateFrom, csDateTo:csDateTo, csCourse:csCourse, csVenue:csVenue, csSort:csSort, csHideCourse:"false"},
      function(data){
        $("div#scrollWindow table tbody").html( data );
      });
    return false;
  });
  $("div#scrollWindow table th a").click(function(){
    var csDateFrom = ($("select#csDateFrom").length) ? $("select#csDateFrom").val() : "";
	var csDateTo = ($("select#csDateTo").length) ? $("select#csDateTo").val() : "";
	var csCourse = ($("select#csCourse").length) ? $("select#csCourse").val() : "";
	var csHideCourse = "false";
	if ($("#courseId").length) {
		csCourse = $("#courseId").val();
		csHideCourse = "true";
	}
	var csVenue = ($("select#csVenue").length) ? $("select#csVenue").val() : "";
	var csSort = $(this).attr("id");
	if ($("input#csSort").length) $("input#csSort").val(csSort);
	var furl = "/_coursedatessearch.asp";
    $.get( furl,
      {csDateFrom:csDateFrom, csDateTo:csDateTo, csCourse:csCourse, csVenue:csVenue, csSort:csSort, csHideCourse:csHideCourse},
      function(data){
        $("div#scrollWindow table tbody").html( data );
      });
    return false;
  });
});