$().ready(function() {
$("#value").on("change load", function() {
var val = $( "#value option:selected" ).val();
var type = $( "#type option:selected" ).val();
if ( val !== "call" && val !=="select")
{
val = parseFloat(val);
}
if (type == "Earth Mined")
{
var base = 283;
var inc = 29;
var first = 3000;
}
else
{
var base = 371;
var inc = 68;
var first = 2000;
}
var per = 1000;
if (val == "call")
{
$("#charge").text("Please contact");
}
else if(val == "select")
{
$("#charge").text("Select Value");
}
else if (val < (first + per))
{
$("#charge").text("$" + base);
}
else
{
val = base + (((val - first)/ per) * inc)
$("#charge").text("$" + val);
}
});
$("#shape").on("change", function() {
var val = $( "#shape option:selected" ).val();
var type = $( "#type option:selected" ).val();
// Reset the #value dropdown to "select"
$("#value").val("select").trigger("change");
if(val == "select")
{
$("#charge").text("Select Shape");
$("#value").prop("disabled", true);
}
else
{
// Update #charge text to "Select Type"
$("#charge").text("Select Value");
$("#value").prop("disabled", false);
}
});
$("#type").on("change", function() {
var val = $( "#type option:selected" ).val();
// Reset the #value dropdown to "select"
$("#value").val("select").trigger("change");
$("#shape").val("select").trigger("change");
if(val == "select")
{
$("#charge").text("Select Type");
$("#shape").prop("disabled", true);
$("#value").prop("disabled", true);
}
else
{
// Update #charge text to "Select Type"
$("#charge").text("Select Shape");
$("#shape").prop("disabled", false);
}
});
});