<script type="text/javascript">
    var addonRecurringPrices = new Array();
    var addonSetupPrices = new Array();
    <!-- BEGIN DYNAMIC BLOCK: packageAddonsPriceArr -->
        addonRecurringPrices[{ADDON_ID}] = new Array();
        addonSetupPrices[{ADDON_ID}] = new Array();
        <!-- BEGIN DYNAMIC BLOCK: packageAddonsPriceArrItem -->
        <!-- BEGIN DYNAMIC BLOCK: packageAddonsPriceItemInit -->
        addonRecurringPrices[{ADDON_ID}][{ADDON_PRICE_ID}] = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        <!-- END DYNAMIC BLOCK: packageAddonsPriceItemInit -->
        <!-- BEGIN DYNAMIC BLOCK: packageAddonsPriceArrItemCycle -->
        addonRecurringPrices[{ADDON_ID}][{ADDON_PRICE_ID}][{ADDON_RECURRINGPRICE_CYCLE}] = {fullPrice: {ADDON_PRICE_FLOAT}, proratedPrice: {ADDON_PRICE_FLOAT_PRORATED}};
        <!-- END DYNAMIC BLOCK: packageAddonsPriceArrItemCycle -->
        addonSetupPrices[{ADDON_ID}][{ADDON_PRICE_ID}] = {ADDON_SETUPPRICE_VALUE};
        <!-- END DYNAMIC BLOCK: packageAddonsPriceArrItem -->
    <!-- END DYNAMIC BLOCK: packageAddonsPriceArr -->
</script>

<table id="tableAddons" width="100%" cellpadding="4" cellspacing="1" border="0">
    <!-- BEGIN DYNAMIC BLOCK: packageAddonsRow -->
    <tr align="center">
        <td width="35%" align="right" class="step3tdbg">
           {ADDON_DESCRIPTION}:
        </td>
        <td width="65%" align="left">
            <select name="addonSelect_{ADDON_ID}" class="dropdown" onchange="applyAddonsCharges()">
                <!-- BEGIN DYNAMIC BLOCK: packageAddonsPrices -->
                <option value="addon_{ADDON_ID}_{ADDON_PRICE_ID}_{ADDON_RECURRINGPRICE_CYCLE}" {ADDON_PRICE_SELECTED} >{ADDON_PRICE}</option>
                <!-- END DYNAMIC BLOCK: packageAddonsPrices -->
            </select>
        </td>
    </tr>
    <!-- END DYNAMIC BLOCK: packageAddonsRow -->
</table>
