$(document).ready(function(){
  runAJAXCall();
 
  $("#Design").change(function(){runAJAXCall();});
  
  function runAJAXCall () {
    var design_id = $("#Design option:selected").attr("id");
    if ( typeof(design_id) != "undefined" ){
      $("#loading-ajax-fabric").show();
      $("#ajax-fabric").hide();
    
      design_id = design_id.substring(7);
      $.get("/products/update_fabrics", { design_id: design_id }, ajaxReloadWithThickbox_1);
    }
  }
  
  // Reload the thickbox javascript, so the ajax loaded images will be displayed correctly.
	function ajaxReloadWithThickbox_1(html) {
    $("#ajax-fabric").html(html);
    $("#loading-ajax-fabric").hide();
    $("#ajax-fabric").show();
		tb_init('a.thickbox');
	}
});