function addFormField() {
    var id = document.getElementById("numberingId").value;
    $("#inputsContainer").append('<div class="contentRow" id="contentRow_' + id + '"><div class="col col1 fl"><input class="text-input" type="text" name="packages[' + id + '][weight]" /></div><div class="col col2_1 fl"><input class="text-input" type="text" name="packages[' + id + '][length]" /></div><div class="col col2_2 fl"><input class="text-input" type="text" name="packages[' + id + '][width]" /></div><div class="col col2_3 fl"><input class="text-input" type="text" name="packages[' + id + '][height]" /></div><div class="col col2_4 fl"><a href="javascript:void(0);" onClick="removeFormField(\'#contentRow_' + id + '\'); return false;">X</a></div><div class="clear"><!-- --></div></div>');
    $('#contentRow_' + id).highlightFade({
    speed:1000
    });
    id = (id - 1) + 2;
    document.getElementById("numberingId").value = id;
  }
  function removeFormField(id) {
    $(id).remove();
  }
  $(document).ready(function(){

    $("#packageType").change(function() 
    {
      index = $("#packageType").val(); 
      showHideDivs(index);
    });

  });
  
  function showHideDivs(value) {

    $("#weightContainer").hide();
    $("#costContainer").hide();
    $("#packageInfoContainer").hide();

    if (value == 0) {
      // nothing
    }
    else if (value == 1) {
      $("#weightContainer").show();
    }
    else if (value == 2) {
      $("#packageInfoContainer").show();
    }
    else if (value == 4 || value == 5) {
      $("#costContainer").show();
      $("#weightContainer").show();
    }
    else {
      $("#costContainer").show();
      $("#packageInfoContainer").show();
    }
  }