$(document).ready(function(){
    var loadHtml = "<p align='center'><b>Loading result ...</b><br /><img src='/global/js/images/activity.gif' /></p>";
    $("#MajorBusiness").change(function() {
        var majorBusiness = this.value;
        var sortBy = $("input[@name='sortby']:checked").val();
        $("#searchResult").html(loadHtml);
        $.post("Dynamic/BusinessDirSearch.cfm", { MajorBusiness: majorBusiness, sortby: sortBy}, function(data) {
            $("input[name='BusName']").val("");
            $("#searchResult").html(data);
          });
        
      });
    $("input[name*='sortby']").click( function() {
        var busName = $("input[name='BusName']").val();
        var majorBusiness = $("#MajorBusiness").val();
        var sortBy = $("input[@name='sortby']:checked").val();
        $("#searchResult").html(loadHtml);
        $.post("Dynamic/BusinessDirSearch.cfm", { BusName: busName, MajorBusiness: majorBusiness, sortby: sortBy}, function(data) {
            $("#searchResult").html(data);
          });
    });
    var delayed;
    $("input[name='BusName']").keyup(function() {
        var busName = $("input[name='BusName']").val();
        var sortBy = $("input[@name='sortby']:checked").val();
        clearTimeout(delayed);
        if (busName) {
          delayed = setTimeout(function() {
          $("#searchResult").html(loadHtml);
          $.post("Dynamic/BusinessDirSearch.cfm", { BusName: busName, sortby: sortBy}, function(data) {
            $("#MajorBusiness").val("");
            $("#searchResult").html(data);
            });
          }, 400);
        }
    });
  });