$(document).ready(function() {

  $.getJSON("http://www.danielgale.com/custom/vendors/categories.asp", function(data) {
    $.each(data.categories, function(i, category) {
			content = '<option value="'+ category.cname +'">' + category.cname + '</option>';
		  $("#dd_categories_list").append(content);		
		});
  });

  //$("#dd_categories_list").change(onSelectCategory);
  //$("#dd_area_list").change(onSelectCategory);
});

function onSelectCategory() {
  var selected_cat = $("#dd_categories_list option:selected");
  var selected_area = $("#dd_area_list option:selected");
  $("#intro").fadeOut('slow');
  $("#vendor_detail").html("");
  var selCategory = selected_cat.val();
  var selArea = selected_area.val();
  // empty
  if (selCategory == "")
  {
    alert("Please select a category.");
    return false;
  }
  $.getJSON("http://www.danielgale.com/custom/vendors/vendors.asp", {category:selCategory, area:selArea}, function(data) {
    //alert(data.vendors.length);
    if (data.vendors.length == 0) {
      $("#vendor_detail").html("Coming soon.");
    }
    else {
      $.each(data.vendors, function(i, vendor) {
        var vid = vendor.vid;
        //alert("v: " + vid);
        $.getJSON("http://www.danielgale.com/custom/vendors/vendor.asp", {vendor: vid}, function(data) {
          //alert("v: " + vid);
          //alert(data.details.length);
          $.each(data.details, function(i, detail) {
            var vname = detail.name;
            var vdesc = detail.desc;
            //alert(vdesc);
            //alert(vname);
      			var content = "<p><strong>" + vname + "</strong></p>";
      			content += vdesc + "<hr>";
      		  $("#vendor_detail").append(content);
      		});
        });
  		});
    }
  });
  
}