{* serendipity_plugins_admin.inc.php::serendipity_plugin_config() - the OUT_STACK loop *}
    {if $ctype == 'seperator'}
        <tr>
            <td colspan="2"><hr noshade="noshade" size="1" /></td>
        </tr>
    {/if}
    {if $ctype == 'select'}
        <tr>
            <td style="border-bottom: 1px solid #000000; vertical-align: top"><strong>{$cname}</strong>
        {if $cdesc != ''}
                <br><span style="color: #5E7A94; font-size: 8pt;">&nbsp;{$cdesc}</span>
        {/if}
            </td>
            <td style="border-bottom: 1px solid #000000; vertical-align: middle" width="250">
                <div>
                    <select class="direction_{$lang_direction}" name="serendipity[{$postKey}][{$config_item}]{($is_multi_select) ? '[]' : ''}" {($is_multi_select) ? 'multiple="multiple"' : ''} {($is_multi_select && ($select_size > 0)) ? "size='{$select_size}'" : ''}>
                {foreach $select AS $select_value => $select_desc}
                    {assign var="id" value="{$config_item|escape}_{$select_value|escape}"}
                    <!-- case select assign id={$id} -->
                        <option value="{$select_value}" {(in_array($select_value, $selected_options) || in_array($select_value, $pre_selected)) ? 'selected="selected"' : ''} title="{$select_desc|escape}">
                            {$select_desc|escape}
                        </option>

                {/foreach}
                    </select>
                </div>
            </td>
        </tr>
    {/if}
    {if $ctype == 'radio'}
        <tr>
            <td style="border-bottom: 1px solid #000000; vertical-align: top"><strong>{$cname}</strong>
        {if $cdesc != ''}
                <br /><span style="color: #5E7A94; font-size: 8pt;">&nbsp;{$cdesc}</span>
        {/if}
            </td>
            <td style="border-bottom: 1px solid #000000; vertical-align: middle;" width="250">
            {foreach $radio_button AS $r}
                {if $r['counter'] == 1}
                <div class="clearfix">
                {/if}
                    <input class="direction_{$lang_direction} input_radio" type="radio" id="serendipity_plugin_{$r['id']}" name="serendipity[{$postKey}][{$config_item}]" value="{$r['value']}" {(!empty($r['checked'])) ? 'checked="checked"' : ''} title="{$r['index']|escape}" />
                        <label for="serendipity_plugin_{$r['id']}">{$r['index']}{* escapement is already done *}</label>
                {if ($r['counter'] == $per_row)}
                    {assign var="r" value="counter[0]"}
                </div>
                {/if}
            {/foreach}
            </td>
        </tr>
    {/if}
    {if $ctype == 'string'}
        <tr>
            <td style="border-bottom: 1px solid #000000">
                    <strong>{$cname}</strong>
                    <br><span style="color: #5E7A94; font-size: 8pt;">&nbsp;{$cdesc}</span>
            </td>
            <td style="border-bottom: 1px solid #000000" width="250">
                <div>
                    <input class="direction_{$lang_direction} input_textbox" type="{$input_type}" name="serendipity[{$postKey}][{$config_item}]" value="{$hvalue}" size="30" />
                </div>
            </td>
        </tr>
    {/if}
    {if (($ctype == 'html') || ($ctype == 'text'))}
        <tr>
            <td colspan="2"><strong>{$cname}</strong>
                &nbsp;<span style="color: #5E7A94; font-size: 8pt;">&nbsp;{$cdesc}</span>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div>
                    <textarea class="direction_{$lang_direction}" style="width: 100%" id="nuggets{$elcount}" name="serendipity[{$postKey}][{$config_item}]" rows="{$text_rows}" cols="80">{$hvalue}</textarea>
                </div>
            </td>
        </tr>
    {/if}
    {if $ctype == 'content'}
        <tr>
            <td colspan="2">{$cbag_default}</td>
        </tr>
    {/if}
    {if $ctype == 'custom'}
        <tr>
            <td colspan="2">
                <input type="hidden" id="config_{$postKey}_{$config_item}" name="serendipity[{$postKey}][{$config_item}]" value="{$hvalue}" size="30" />
                    {$cbag_custom}
            </td>
        </tr>
    {/if}
    {if $ctype == 'hidden'}
        <tr>
            <td colspan="2">
                <input class="direction_{$lang_direction}" type="hidden" name="serendipity[{$postKey}][{$config_item}]" value="{$cbag_value}" />
            </td>
        </tr>
    {/if}
    {if $ctype == 'media'}
        {if !$mediajs_output}
        <script type="text/javascript" language="JavaScript" src="serendipity_editor.js"></script>
        <script type="text/javascript" language="JavaScript" src="{serendipity_getFile file='admin/image_selector.js'}"></script>
        {/if}
        <tr>
            <td colspan="2">
                <strong>{$cname}</strong>
                <br /><span style="color: #5E7A94; font-size: 8pt;">{$cdesc}</span>
            </td>
        </tr>
        <tr>
            <td style="border-bottom: 1px solid #000000">
                <div id="{$config_item}_preview" style="background-image: url({$value}); width: {$preview_width}; height: {$preview_height}; background-repeat: no-repeat;">&nbsp;</div>
            </td>
            <td style="border-bottom: 1px solid #000000">
                <input class="input_textbox" type="text" id="serendipity[{$postKey}][{$config_item}]" name="serendipity[{$postKey}][{$config_item}]" value="{$value}" onchange="change_preview('{$config_item}')"/>
                <br /><a href="#" onclick="choose_media('serendipity[{$postKey}][{$config_item}]')">{$CONST.MEDIA_LIBRARY}</a>
            </td>
        </tr>
    {/if}
    {if $ctype == 'sequence'}
        {if !$sequencejs_output}
        <script src="{serendipity_getFile file='dragdrop.js'}" type="text/javascript"></script>
        {/if}
        <tr>
            <td style="border-bottom: 1px solid #000000; vertical-align: top">
                <strong>{$cname}</strong>
                <br /><span style="color: #5E7A94; font-size: 8pt;">{$cdesc}</span>
            </td>
            <td style="border-bottom: 1px solid #000000; vertical-align: middle">
                <input type="hidden" name="serendipity[{$postKey}][{$config_item}]" id="{$config_item}_value" value="{$value}" />
                <noscript>
                    <!-- Replace standard submit button when using up/down submits -->
                    <input type="hidden" name="SAVECONF" value="Save" />
                </noscript>
                <ol id="{$config_item}" class="sequence_container pluginmanager_container">
                {foreach $order_id as $orid}
                    <li id="{$orid['id']}" class="sequence_item pluginmanager_item_even">
                        <div id="g{$orid['id']}" class="pluginmanager_grablet sequence_grablet"><a href="#"></a></div>
                    {if $checkable}
                        <input type="checkbox" onclick="sort_{$config_item}_Sequence();" name="serendipity[{$postKey}][activate][{$config_item}][{$orid['id']}]" {(in_array($orid['id'], $store_order)) ? ' checked="checked" ' : ''} value="true" id="activate_{$orid['id']}" />
                    {/if}
                        <span>{$items[{$orid['id']}]['display']}</span>
                    {if isset($items[{$orid['id']}]['img'])}
                        <img src="{$items[{$orid['id']}]['img']}" />
                    {/if}
                        <noscript><div>
                        {if ($orid['sort_idx'] == 0)}
                            &nbsp;
                        {else}
                            <button id="{$postKey}_{$config_item}_{$orid['sort_idx']}_up" type="submit" name="serendipity[{$postKey}][override][{$config_item}]" value="{$orid['oneup']}">
                                <img src="{serendipity_getFile file='admin/img/uparrow.png'}" alt="Move Up" />
                            </button>
                        {/if}
                        {if ($orid['sort_idx'] == $last)}
                            &nbsp;
                        {else}
                            <button id="{$postKey}_{$config_item}_{$orid['sort_idx']}_down" type="submit" name="serendipity[{$postKey}][override][{$config_item}]" value="{$orid['onedown']}">
                                <img src="{serendipity_getFile file='admin/img/downarrow.png'}" alt="Move Down" />
                            </button>
                        {/if}
                        </div></noscript>
                    </li>
                {/foreach}
                </ol>
                {if (!is_array($items) || empty($order_id))}
                    {$none}
                {/if}
{* Smarty 3 has a new auto literal option which is enabled by default.
   When the { is surrounded by whitespace it is not interpreted as smarty delimiter but literal. e.g. ' } ;' *}
                <script type="text/javascript">
                    function sort_{$config_item}_Sequence() { 
                        //var seq = DragDrop.serData('{$config_item}_group', null);
                        var seq = DragDrop.serData(null, '{$config_item}');
                        var start = seq.indexOf("(");
                        var end = seq.indexOf(")");
                        seq = seq.slice((start + 1), end);
                        checkable_seq = seq.split(",");
                        out_seq = '';
                        for (i in checkable_seq) { 
                            if (document.getElementById('activate_' + checkable_seq[i]) && !document.getElementById('activate_' + checkable_seq[i]).checked) { 
                                continue;
                            } else { 
                                if (out_seq != '') { 
                                    out_seq += ',';
                                } 
                            out_seq += checkable_seq[i];
                            } 
                        } 
                        var order = document.getElementById("{$config_item}_value");
                        order.value = out_seq;
                    } 

                    function init_{$config_item}_Sequence() { 
                        var lst = document.getElementById("{$config_item}");
                        DragDrop.makeListContainer(lst, '{$config_item}_group');
                        lst.onDragOut = function() { 
                            sort_{$config_item}_Sequence();
                        } ;
                    } 
                    addLoadEvent(init_{$config_item}_Sequence);
                </script>
            </td>
    {/if}