<div class="border titleBarPanel">
    <div class="containerHead">
        <div class="containerIcon">
            <a href="javascript: void(0)" onclick="openList('shoutboxBoxStatus', { save: true })">
                <img src="{icon}minusS.png{/icon}" id="shoutboxBoxStatusImage" alt="" />
            </a>
        </div>
        <div class="containerContent">
            <span>{lang}wcf.shoutbox{/lang}</span>
        </div>
    </div>
</div>
<div class="border borderMarginRemove infoBox" id="shoutboxBoxStatus">
    <div class="container-1">
        <script type="text/javascript" src="{@RELATIVE_WCF_DIR}js/Shoutbox.class.js"></script>
        <script type="text/javascript">
        //<![CDATA[
            var shoutboxEntries = new Hash();
            {foreach from=$shoutboxEntries item=entry}
                shoutboxEntries.set({@$entry->entryID}, {
                    userID: {@$entry->userID},
                    username: '{$entry->username|encodeJS}',
                    time: '{@$entry->time|shorttime|encodeJS}',
                    message: '{@$entry->getFormattedMessage()|encodeJS}',
                    canDelete: {$entry->canDeleteEntry()|intval},
                                        userOnlineMarking: '{$entry->userOnlineMarking|encodeJS}',
                                        dummy: '{$entry->dummy|encodeJS}'
                });
            {/foreach}

            // init
            onloadEvents.push(function() {
                shoutbox = new Shoutbox(shoutboxEntries, {TIME_NOW}, {
                    langDeleteEntry:    '{lang}wcf.shoutbox.entry.delete{/lang}',
                    langDeleteEntrySure:    '{lang}wcf.shoutbox.entry.delete.sure{/lang}',
                    imgDeleteEntrySrc:  '{icon}deleteS.png{/icon}',
                    entryReloadInterval:    {SHOUTBOX_RELOAD_INTERVAL},
                    entrySortOrder:     '{SHOUTBOX_ENTRY_SORT_ORDER}'
                });
            });
        //]]>
        </script>
        <noscript>
            <div>{lang}wcf.shoutbox.error.noJavascript{/lang}</div>
        </noscript>
        <div class="border infoBox">
            <div class="container-1" style="height: {SHOUTBOX_HEIGHT}px;" id="shoutboxContent"></div>
        </div>
        {if $this->user->getPermission('user.shoutbox.canAddEntry')}
            {if SHOUTBOX_ENABLE_SMILEY_LIST}
                <div id="smileyContainer">
                    <ul class="smileys" id="smileyCategory-0">{foreach from=$smileys item=smiley}<li><img onmouseover="this.style.cursor='pointer'" onclick="shoutbox.insertSmiley('{$smiley->smileyCode|encodeJS}');" src="{$smiley->getURL()}" alt="" title="{lang}{$smiley->smileyTitle}{/lang}" /></li>{/foreach}</ul>
                </div>
            {/if}
            <div id="shoutboxForm">
                <form action="javascript:shoutbox.addEntry()">
                    <div>
                        {if $this->user->userID == 0}
                            <input type="text" class="inputText" name="shoutboxUsername" id="shoutboxUsername" value="{$username}" />
                        {/if}
                        <input type="text" class="inputText" name="shoutboxMessage" id="shoutboxMessage" style="width:90% !important;" value="" maxlength="{$this->user->getPermission('user.shoutbox.maxEntryLength')}" />
                        <input type="image" class="inputImage" id="shoutboxSubmit" src="{icon}submitS.png{/icon}" />
                        {if SHOUTBOX_ENABLE_SMILEY_POPUP}
                        <input type="image" class="inputImage" id="smileyPopup" src="{@RELATIVE_WCF_DIR}images/smilies/smile.png" onclick="window.open('index.php?page=ShoutboxSmilies{@SID_ARG_2ND}', 'NewWindow','status = no,toolbar = no,menubar = no,location = no,resizable = no,titlebar = no,scrollbars = yes,fullscreen = no,width=395,height=525')"/>
                        {/if}
                        </div>
                </form>
            </div>
        {/if}
    </div>
</div>
<script type="text/javascript">
    //<![CDATA[
    initList('shoutboxBoxStatus', {@$shoutboxBoxStatus});
    //]]>
</script>