var counter = 1;
var limit = 20;

function CalculateTotal(frm) {
    var order_total = 0

    // Run through all the form fields
    for (var i=0; i < frm.elements.length; ++i) {

        // Get the current field
        form_field = frm.elements[i]

        // Get the field's name
        form_name = form_field.name

        // Is it a "product" field?
        if (form_name.substring(0,4) == "PROD") {

            // If so, extract the price from the name
            item_price = parseFloat(form_name.substring(form_name.lastIndexOf("_") + 1))

            // Get the quantity
            item_quantity = parseInt(form_field.value)

            // Update the order total
            if (item_quantity >= 0) {
                order_total += item_quantity * item_price
            }
        }
    }

    // Display the total rounded to two decimal places
    frm.TOTAL.value = round_decimals(order_total, 2)
}

function round_decimals(original_number, decimals) {
    var result1 = original_number * Math.pow(10, decimals)
    var result2 = Math.round(result1)
    var result3 = result2 / Math.pow(10, decimals)
    return pad_with_zeros(result3, decimals)
}

function pad_with_zeros(rounded_value, decimal_places) {

    // Convert the number to a string
    var value_string = rounded_value.toString()
    
    // Locate the decimal point
    var decimal_location = value_string.indexOf(".")

    // Is there a decimal point?
    if (decimal_location == -1) {
        
        // If no, then all decimal places will be padded with 0s
        decimal_part_length = 0
        
        // If decimal_places is greater than zero, tack on a decimal point
        value_string += decimal_places > 0 ? "." : ""
    }
    else {

        // If yes, then only the extra decimal places will be padded with 0s
        decimal_part_length = value_string.length - decimal_location - 1
    }
    
    // Calculate the number of decimal places that need to be padded with 0s
    var pad_total = decimal_places - decimal_part_length
    
    if (pad_total > 0) {
        
        // Pad the string with 0s
        for (var counter = 1; counter <= pad_total; counter++) 
            value_string += "0"
        }
    return value_string
}

function addInput(divName){
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " members");
     }
     else {
          var newdiv = document.createElement('div');
		  //document.form1.Member.value += " 5.01 +";
          newdiv.innerHTML = "<div style=\"border-top: 1px solid #efefef;\"><p><b>Member ("+(counter + 1)+")</b></p>" + 
		  	"<p><input type=\"checkbox\" name=\"aa"+(counter + 1)+"\" id=\"aa\" /> <label>Adult Applicant</label>" +
			" | <input type=\"checkbox\" name=\"ca"+(counter + 1)+"\" id=\"ca\" /> <label>Child Applicant</label></p>" +
		  	"<input type=\"hidden\" onchange=\"CalculateTotal(this.form)\" name=\"PROD_Member"+(counter + 1)+"_25.00\" value=\"1\" />" +
			"<table>" +
			"	<tr>" +
			"		<td nowrap=\"nowrap\" style=\"width: 110px;\"><label for=\"firstname\">First Name *</label></td>" +
			"		<td><input type=\"text\" name=\"firstname"+(counter + 1)+"\" id=\"firstname\" /></td>" +
			"		<td nowrap=\"nowrap\" style=\"width: 90px;\"><label for=\"lastname\">Last Name *</label></td>" +
			"		<td><input type=\"text\" name=\"lastname"+(counter + 1)+"\" id=\"lastname\" /></td>" +
			"	</tr>" +
			"</table>" +
			"<table>" +
			"	<tr>" +
			"		<td nowrap=\"nowrap\" style=\"width: 110px;\"><label for=\"address\">Address *</label></td>" +
			"		<td><input type=\"text\" name=\"address"+(counter + 1)+"\" id=\"address\" /></td>" +
			"		<td style=\"width: 90px;\"><label for=\"address2\">Address 2</label></td>" +
			"		<td><input type=\"text\" name=\"address2"+(counter + 1)+"\" id=\"address2\" /></td>" +
			"	</tr>" +
			"</table>" +
			"<table>" +
			"	<tr>" +
			"		<td nowrap=\"nowrap\" style=\"width: 110px;\"><label for=\"city\">City *</label></td>" +
			"		<td><input type=\"text\" name=\"city"+(counter + 1)+"\" id=\"city\" /></td>" +
			"		<td nowrap=\"nowrap\" style=\"width: 90px;\"><label for=\"state\">State *</label></td>" +
			"		<td><select name=\"state"+(counter + 1)+"\" id=\"state\">" +
			"			<option></option>" +
			"			<option value=\"AL\">AL</option>" +
			"			<option value=\"AK\">AK</option>" +
			"			<option value=\"AZ\">AZ</option>" +
			"			<option value=\"AR\">AR</option>" +
			"			<option value=\"CA\">CA</option>" +
			"			<option value=\"CO\">CO</option>" +
			"			<option value=\"CT\">CT</option>" +
			"			<option value=\"DE\">DE</option>" +
			"			<option value=\"DC\">DC</option>" +
			"			<option value=\"FL\">FL</option>" +
			"			<option value=\"GA\">GA</option>" +
			"			<option value=\"HI\">HI</option>" +
			"			<option value=\"ID\">ID</option>" +
			"			<option value=\"IL\">IL</option>" +
			"			<option value=\"IN\">IN</option>" +
			"			<option value=\"IA\">IA</option>" +
			"			<option value=\"KS\">KS</option>" +
			"			<option value=\"KY\">KY</option>" +
			"			<option value=\"LA\">LA</option>" +
			"			<option value=\"ME\">ME</option>" +
			"			<option value=\"MD\">MD</option>" +
			"			<option value=\"MA\">MA</option>" +
			"			<option value=\"MI\">MI</option>" +
			"			<option value=\"MN\">MN</option>" +
			"			<option value=\"MS\">MS</option>" +
			"			<option value=\"MO\">MO</option>" +
			"			<option value=\"MT\">MT</option>" +
			"			<option value=\"NE\">NE</option>" +
			"			<option value=\"NV\">NV</option>" +
			"			<option value=\"NH\">NH</option>" +
			"			<option value=\"NJ\">NJ</option>" +
			"			<option value=\"NM\">NM</option>" +
			"			<option value=\"NY\">NY</option>" +
			"			<option value=\"NC\">NC</option>" +
			"			<option value=\"ND\">ND</option>" +
			"			<option value=\"OH\">OH</option>" +
			"			<option value=\"OK\">OK</option>" +
			"			<option value=\"OR\">OR</option>" +
			"			<option value=\"PA\">PA</option>" +
			"			<option value=\"RI\">RI</option>" +
			"			<option value=\"SC\">SC</option>" +
			"			<option value=\"SD\">SD</option>" +
			"			<option value=\"TN\">TN</option>" +
			"			<option value=\"TX\">TX</option>" +
			"			<option value=\"UT\">UT</option>" +
			"			<option value=\"VT\">VT</option>" +
			"			<option value=\"VA\">VA</option>" +
			"			<option value=\"WA\">WA</option>" +
			"			<option value=\"WV\">WV</option>" +
			"			<option value=\"WI\">WI</option>" +
			"			<option value=\"WY\">WY</option>" +							
			"		</select></td>" +
			"		<td nowrap=\"nowrap\"><label for=\"zip\">Zip *</label></td>" +
			"		<td><input type=\"text\" name=\"zip"+(counter + 1)+"\" id=\"zip\" maxlength=\"5\" style=\"width: 60px;\" /></td>" +
			"	</tr>" +
			"</table>" +
			"<table>" +
			"	<tr>" +
			"		<td nowrap=\"nowrap\" style=\"width: 110px;\"><label for=\"phone\">Phone Number *</label></td>" +
			"		<td><input type=\"text\" name=\"phone"+(counter + 1)+"\" id=\"phone\" /></td>" +
			"		<td nowrap=\"nowrap\" style=\"width: 90px;\"><label for=\"emailaddress\">Email Address *</label></td>" +
			"		<td><input type=\"text\" name=\"emailaddress"+(counter + 1)+"\" id=\"emailaddress\" /></td>" +
			"	</tr>" +
			"</table>" +
			"<table>" +
			"	<tr>" +
			"		<td nowrap=\"nowrap\" style=\"width: 110px;\"><label for=\"teamname\">Team Name</label></td>" +
			"		<td><input type=\"text\" name=\"teamname"+(counter + 1)+"\" id=\"teamname\" /></td>" +
			"		<td nowrap=\"nowrap\" style=\"width: 90px;\"><label for=\"tshirtsize\">T-Shirt Size *</label></td>" +
			"		<td><select name=\"tshirtsize"+(counter + 1)+"\" id=\"tshirtsize\">" +
			"			<option></option>" +
			"			<option value=\"S\">S</option>" +
			"			<option value=\"M\">M</option>" +
			"			<option value=\"L\">L</option>" +
			"			<option value=\"XL\">XL</option>" +
			"			<option value=\"XXL\">XXL</option>" +
			"		</select></td>" +
			"	</tr>" +
			"</table></div><br />";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}