{header}
<script type='text/javascript' src='{url_tmpl_main}js/general_chat.js{cache_version_param}'></script>
<script>
    GeneralChat = new CGeneralChat('{user_id}', '{current_room}');
</script>
<div class="col_center col_general_chat">
	<div class="head icon_head_general_chat head_line">
        <span>{l_column_narrow_general_chat}</span>
        <!-- begin_rooms -->
        <div id="rooms" class="module_change_room">
            <strong>{l_chat_rooms}</strong> <span class="arrow" id="rooms_item_show">{room_name_selected}</span>
            <div class="pp_small_decor_r_search" id="rooms_item">
                <ul class="pp_small_decor_r_show">
                    <!-- begin_room -->
                    <li><a class="room_item <!-- begin_room_selected -->selected<!-- end_room_selected -->" href="" onclick="GeneralChat.changeRoom($(this), {room_id}); return false;"><span>{room_name}</span></a></li>
                    <!-- end_room -->
            	</ul>
            </div>
        </div>
        <!-- end_rooms -->
    </div>

    <div id="bl_cont" class="cont" style="opacity:0;">
        <div id="message_list_scroll"  class="scrollbarY message_chat_scroll">
            <div class="scrollbar"><div class="track"><div id="scrollbarY_thumb" class="thumb"></div></div></div>
            <div id="bl_viewport" class="viewport">
                <div id="bl_overview" class="overview">
                    <div class="message_chat">
                        <div class="chat_cont">
                            {list_messages}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="message_list_users_scroll" class="scrollbarY message_list_users_scroll">
            <div class="scrollbar"><div class="track"><div id="scrollbarY_thumb_list_users" class="thumb"></div></div></div>
            <div id="bl_viewport_list_users" class="viewport">
                <div id="bl_overview_list_users" class="overview">
                    {list_users}
                </div>
            </div>
        </div>

        <div class="message_field_chat">
            <textarea id="msg_text" class="placeholder" placeholder="{a_enter_your_message}"></textarea>
        </div>
        <div class="cl"></div>

        <!-- begin_message_tmpl -->
        <div id="tmpl_message" style="display:none;">
            <div id="general_chat_msg_" data-room="" data-send="" class="msg_item">
            <div class="item answer">
            <div class="data">
                <span class="date_msg">{l_just_now}</span>
            </div>
            <div class="msg">
                <div class="info"></div>
                <div class="pic" onclick="redirectUrl('{url_main}{message_profile_link}')" title="{message_user_name}">
                    <button style="background-image: url({message_user_photo});"></button>
                </div>
            </div>
            </div>
            </div>
        </div>
        <!-- end_message_tmpl -->
        <div id="general_chat_ajax" style="display:none;"></div>
	</div>
    <div id="loader_layer" class="loader_layer">
        <div class="frame_loader_search_list to_hide">
            <div class="css_loader loader_search_list">
                <div class="spinner center">
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                <div class="spinner-blade"></div>
                </div>
            </div>
        </div>
    </div>
</div>
{footer}