Bootstrap modal/TinyMCE fix

<div class="block-header">
    header
</div>

<form id="userdata_form">

<!-- SNIP! -->

<p class="inline-medium-label">
    <label for="details">Detailed Description</label>
    <textarea name="details" class="full-width" id="wysiwyg" rows="12" style="font-size:100%"><?= isset($benefit->details) ? $benefit->details : '' ?></textarea>
</p>

<div class="block-footer">
    <button type="button" id="save_button" class="float-right">Save</button>
    <br>&nbsp;
</div>

</form>

<script>

    // Set up save button
    $("#save_button").click( function() {
        //snip!
    });

    // Delay half a second before setting up the control:
    setTimeout( function() {
        $("#wysiwyg").wysiwyg({
            'initialContent': '',
            controls: {
                h1: { visible: false },
                h2: { visible: false },
                h3: { visible: true },
                h4mozilla: {
                    visible: true && $.browser.mozilla,
                    className: 'h4',
                    command: 'heading',
                    arguments: ['h4'],
                    tags: ['h4'],
                    tooltip: "Header 4"
                },
                h5mozilla: {
                    visible: true && $.browser.mozilla,
                    className: 'h5',
                    command: 'heading',
                    arguments: ['h5'],
                    tags: ['h5'],
                    tooltip: "Header 5"
                },

                h4: {
                    visible: true && !( $.browser.mozilla ),
                    className: 'h4',
                    command: 'formatBlock',
                    arguments: ['<H4>'],
                    tags: ['h4'],
                    tooltip: "Header 4"
                },
                h5: {
                    visible: true && !( $.browser.mozilla ),
                    className: 'h5',
                    command: 'formatBlock',
                    arguments: ['<H5>'],
                    tags: ['h5'],
                    tooltip : "Header 5"
                },

                html: { visible: true },
                insertHorizontalRule: { visible : false },
                paste: { visible: true },
                createLink: {visible: false }
            }
        });
    }, 500 );

</script>