var html = '<form method="post" action="../forms/filter.php">' +
           '  <label for="category">Category: </label>' +
           '  <select id="category" name="category">' +
           '<option value="0">All</option><option value="1">General Engineering Services</option><option value="2">Lighting</option><option value="3">Building Energy</option><option value="4">Air Compressors</option><option value="5">Boiler Systems</option><option value="6">Fan Systems</option><option value="7">Energy Services Company</option>' +           '  </select>' +
           '  <label>Subcategory: </label>' +
           '<select id="subcat-0" name="subcat-0"><option value="0">All</option></select><select class="subcategory" id="subcat-1" name="subcat-1"><option value="3">All</option></select><select class="subcategory" id="subcat-2" name="subcat-2"><option value="4">All</option></select><select class="subcategory" id="subcat-3" name="subcat-3"><option value="5">All</option></select><select class="subcategory" id="subcat-4" name="subcat-4"><option value="6">All</option></select><select class="subcategory" id="subcat-5" name="subcat-5"><option value="2">Steam Traps</option><option value="7">All</option></select><select class="subcategory" id="subcat-6" name="subcat-6"><option value="1">Assessments</option><option value="8">All</option></select><select class="subcategory" id="subcat-7" name="subcat-7"><option value="9">All</option></select>' +           '<input type="submit" value="Filter" style="margin-left: 0.5em; cursor: pointer; padding: 0.1em 0.5em;">' +
           '</form>';

$(".resource-controls").css('display','none');
$(".resource-controls").html(html);

var selectedCatID = $("#filter-selected-cat").text();
var selectedSubCatID = $("#filter-selected-subcat").text();
if (selectedCatID === '') { selectedCatID = 0; }
if (selectedSubCatID === '') { selectedSubCatID = 0; }

$("select#category").children('option[value="'+selectedCatID+'"]').attr('selected','true');
$("select.subcategory").children("option:contains('All')").attr('selected','true');
$("select#subcat-"+selectedCatID).children("option:contains('All')").attr('selected','false');
$("select#subcat-"+selectedCatID).children('option[value="'+selectedSubCatID+'"]').attr('selected','true');


$(".resource-controls").css('display','block');

$("select#category").change(function() {
  var category = $("#category").val();
  $("select").hide();
  $("select#category").show();
  $("select#subcat-"+category).show();
});

$("select#category").change();