<form name="noteForm">
    <input type="hidden" name="customerGroup" value="{customerGroup}" />
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td class="pop_topleft"></td>
            <td class="pop_border"></td>
            <td class="pop_topright"></td>
        </tr>
        <tr>
            <td class="pop_border"></td>
            <td class="pop_content">
                <h2><span>{popupTitle}:</span></h2>
            </td>
            <td class="pop_border"></td>
        </tr>
        <tr>
            <td class="pop_border"></td>
            <td class="dialog_body">
                <table width="100%">
                    <tr>
                        <td align="center" style="padding:10px">
                            <textarea name="noteContent" rows=10 cols=55></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="visibleCustomer" /> [l]Visible by customer[/l]
                            <table cellpadding="0" cellspacing="0">
                                <tr>
                                    <td valign="top">
                                        <input type="checkbox" name="associateTicketTypes" onclick="toggleTicketTypesCombo(this)" /> [l]Associate with Ticket Types[/l]
                                    </td>
                                    <td id="tdTicketTypesCombo" valign="top" style="padding-left:5px; display:none">
                                        <select name="ticketTypes" multiple="true" size="5">
                                            <option value="-1">-- [l]All ticket types[/l] --</option>
                                            <!-- BEGIN DYNAMIC BLOCK: ticketTypesCombo -->
                                            <option value="{ticketTypeId}">{ticketTypeName}&nbsp;&nbsp;</option>
                                            <!-- END DYNAMIC BLOCK: ticketTypesCombo -->
                                        </select>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="pop_border"></td>
        </tr>
        <tr>
            <td class="pop_border"></td>
            <td>
                <div style="background:#f2f2f2; padding:10px">
                    <input type="button" class="button_medium" value="[l]Save[/l]" onclick="submitNote(this.form)" />
                    <a href="#" class="lbAction" rel="deactivate"><button class="button_medium">[l]Cancel[/l]</button></a>
                </div>
            </td>
            <td class="pop_border"></td>
        </tr>
        <tr>
            <td class="pop_bottomleft"></td>
            <td class="pop_border"></td>
            <td class="pop_bottomright"></td>
        </tr>
    </table>
</form>
<script>
document.noteForm.noteContent.focus();
</script>
