{header}
<script language="javascript" type="text/javascript">
$(function(){
    var box = $("#narrow_box"),
        hide_box = $("#hide_narrow_box"),
        box_display = box.css('display'),
        btn = $('[id ^= btn_groups_form_]'),
        box_object = $('.groups_video');

    prepareVideoResize(box_object);
    videoResize(box_object);

    if (box_display == 'none') {
        hide_box.attr('title', '{l_narrow_box_expand}');
        btn.removeClass('btn_bl_show_narrow_box');
        btn.addClass('btn_bl_hide_narrow_box');
    } else {
        hide_box.attr('title', '{l_narrow_box_collapse}');
    }

    $("#hide_narrow_box").click(function(){
        var outside_images = $('[id ^= outside_img_]');

        imageResize(box, outside_images, '{url_files}outside_images', 'orig.jpg');
        videoResizeStep();

        btn.removeClass('btn_bl_hide_narrow_box');
        btn.addClass('btn_bl_show_narrow_box');

        box.stop().animate(
                {width: 'toggle'},
                {duration: 350,
                 complete: function() {
                    var isState;
                    imageResize(box, outside_images, '{url_files}outside_images', 'th.jpg');
                    if ($(this).css('display') == 'none') {
                        hide_box.attr('title', '{l_narrow_box_expand}');
                        $('#bl_show_narrow_box').css('display', 'block');
                        $('#bl_hide_narrow_box').css('display', 'none');
                        btn.removeClass('btn_bl_show_narrow_box');
                        btn.addClass('btn_bl_hide_narrow_box');
                        isState = 0;
                    } else {
                        hide_box.attr('title', '{l_narrow_box_collapse}');
                        $('#bl_hide_narrow_box').css('display', 'block');
                        $('#bl_show_narrow_box').css('display', 'none');
                        isState = 1;
                    }
                    $.post('{url_main}ajax.php', {cmd: 'save_state_narrow_box',
                                                  type: 'groups',
                                                  state: isState}
                    );
                    cancelAnimationFrame(globalID);
                    videoResize(box_object);
                 }
        });
        return false;
    });
    {alert_script}
});
</script>

    <div class="groups">

		{groups_header}
        <a id="hide_narrow_box" href="" title="" style="position:absolute; margin-top:12px; right:0; ">
            <div id="bl_hide_narrow_box" class="bl_hide_narrow_box lower_header_color" style="display: {hide_narrow_box}"></div>
            <div id="bl_show_narrow_box" class="bl_show_narrow_box upper_header_color" style="display: {show_narrow_box}"></div>
        </a>
        <table class="tb_groups">
            <tr>
                <!-- td_main -->
                <td class="td_main">

                    {groups_group_show}

                    <div class="groups_shadow"></div>

                    <div class="groups_p pl_top_m">
                        <div class="groups_title">
                            <h1 class="txt_lower_header_color fl_left">{l_groups_group_wall}</h1>
                            <a class="fl_right groups_go_forums" href="{url_main}groups_group_forum_list.php?group_id={group_id}">{l_groups_go_to_forums}</a>
                         <div class="cl"></div>
                        </div>
<!--                         <div class="cl">&nbsp;</div>
 -->
                        {groups_group_comment_list}

                    </div>

                    <div class="groups_empty"></div>
                </td>
                <!-- /td_main -->

                <td id="narrow_box" class="td_narrow" style="display: {display}">

					{groups_group_member_list}
					{groups_group_forum_list_sidebar}

				</td>

            </tr>

        </table>

        <div class="foot_left"></div><div id="foot_right" class="foot_right"></div>


    <div class="decor_top"></div>
    </div>

{footer}