$(document).ready(function() {
  $('.rsc').bind("change", function(e) {
    $.getJSON("/products/ServiceChargeData.html",
              { optionId: e.target.value },
              function(json) {
               var idx = e.target.name.indexOf('_');
               var suffix = '';
               if (idx >= 0) {
                 suffix = e.target.name.substring(idx);
               }
                
               if (json.charge[0].display) {
                 $('#serviceCharge' + suffix).show();
               }
               else {
                 $('#serviceCharge' + suffix).hide();
               }
               $('#serviceChargeTitle' + suffix).html(json.charge[0].title);
               $('#serviceChargePrice' + suffix).html(json.charge[0].price);

               if (json.charge[0].available !== undefined && json.charge[0].available.length > 0) {
                 $('#optAvailable' + suffix).html(json.charge[0].available);
               }
              });
  });
});