jQuery.fn.fillQuoteSizes= function(index) {
    var variantId        = $(".quote_variants[rel="+index+"] :selected").val();
    var sizes            = $(".quote_sizes[rel="+index+"]");
    sizes.html("");
    $.getJSON('/sizes', 'variant_id='+variantId, function(data){
      $.each(data, function(){
        sizes.append('<option value="' + this.size.id+ '">' + this.size.dimension+ '</option>');
      });
      if( data.length == 0 )
        sizes.append('<option value="">' +"made to order"+ '</option>');
    });
  };
  jQuery.fn.fillQuoteVariants= function(){
    var index         = $(this).attr('rel');
    var brand         = $(this);
    var variants      = $(".quote_variants[rel="+index+"]")
    var sheetSizes    = $(".quote_sizes[rel="+index+"]")
    var selectedBrand = $("#"+ brand.attr("id")+"[rel="+index+"]"+" :selected").text();
    variants.html("");
    $.getJSON("/variants", "brand="+selectedBrand, function(data){
      $.each(data, function(){
        variants.append('<option value="' + this.variant.id + '">' 
        + this.variant.to_s+ '</option>');
      });
      sheetSizes.fillQuoteSizes(index);
    });
    return brand;
  };

$(document).ready(function(){
  // when the brand changes, reload variants and sheet sizes
  $(".quote_brands").livequery("change", function(){
    $(this).fillQuoteVariants();
  });
  $(".quote_variants").livequery('change',function(){
    var index = $(this).attr('rel');
    $(this).fillQuoteSizes(index);
  });
});