<div id="content">
    <div class="left span-755">
        {if $popular_users}
        <div class="box height-190">
            <div class="btop">
                <div class="btopl"><h2>MOST POPULAR MEMBERS</h2></div>
                <div id="loader_users_All_popular" class="btopc" style="display: none;"><img src="{$relative_tpl}/images/ajax_loader_bar.gif" alt="Loading..." /></div>
                <div class="btopr">
                    <a href="{$relative}/users?o=mp">View More...</a>
                </div>
                <div class="clear"></div>
            </div>
            <input name="current_page_popular_All" type="hidden" value="1" id="current_page_popular_All" />
            <div class="bar_space_left">
                <a href="#prev_popular_users" id="prev_users_All_popular" class="prev_bar" style="display: none;"></a>
            </div>
            <div id="users_popular_All">
            {section name=i loop=$popular_users max=5}
            <div class="user_box">
                <a href="{$relative}/user/{$popular_users[i].username}"><img src="{$relative}/media/users/{if $popular_users[i].photo == ''}nopic-{$popular_users[i].gender}.gif{else}{$popular_users[i].photo}{/if}" alt="{$popular_users[i].username}'s avatar" /><br /><span class="font-12">{$popular_users[i].username|escape:'html'}</span></a><br />
            </div>
            {/section}
            </div>
            {if $total_pusers > 5}
            <div class="bar_space_right">
                <a href="#next_popular_users" id="next_users_All_popular" class="next_bar"></a>
            </div>
            {/if}
            <div class="clear"></div>            
        </div>
        {/if}
        {if $female_users}
        <div class="box height-190">
            
            <div class="btop">
                <div class="btopl"><h2>NEW FEMALE MEMBERS</h2></div>
                <div id="loader_users_Female_new" class="btopc" style="display: none;"><img src="{$relative_tpl}/images/ajax_loader_bar.gif" alt="Loading..." /></div>
                <div class="btopr">
                    <a href="{$relative}/users?o=mr&amp;g=Female">View More...</a>
                </div>
                <div class="clear"></div>
            </div>
            <input name="current_page_new_Female" type="hidden" value="1" id="current_page_new_Female" />
            <div class="bar_space_left">
                <a href="#prev_female_users" id="prev_users_Female_new" class="prev_bar" style="display: none;"></a>
            </div>
            <div id="users_new_Female">
            {section name=i loop=$female_users max=5}
            <div class="user_box">
                <a href="{$relative}/user/{$female_users[i].username}"><img src="{$relative}/media/users/{if $female_users[i].photo == ''}nopic-Female.gif{else}{$female_users[i].photo}{/if}" alt="{$female_users[i].username}'s avatar" /><br /><span class="font-12">{$female_users[i].username|escape:'html'}</span></a><br />
            </div>
            {/section}
            </div>
            {if $total_fusers > 5}
            <div class="bar_space_right">
                <a href="#next_female_users" id="next_users_Female_new" class="next_bar"></a>
            </div>
            {/if}
            <div class="clear_left"></div>
        </div>
        {/if}
        {if $male_users}
        <div class="box height-190">
            
            <div class="btop">
                <div class="btopl"><h2>NEW MALE MEMBERS</h2></div>
                <div id="loader_users_Male_new" class="btopc" style="display: none;"><img src="{$relative_tpl}/images/ajax_loader_bar.gif" alt="Loading..." /></div>
                <div class="btopr">
                    <a href="{$relative}/users?o=mr&amp;g=Male">View More...</a>
                </div>
                <div class="clear"></div>
            </div>
            <input name="current_page_new_Male" type="hidden" value="1" id="current_page_new_Male" />
            <div class="bar_space_left">
                <a href="#prev_male_users" id="prev_users_Male_new" class="prev_bar" style="display: none;"></a>
            </div>
            <div id="users_new_Male">
            {section name=i loop=$male_users max=5}
            <div class="user_box">
                <a href="{$relative}/user/{$male_users[i].username}"><img src="{$relative}/media/users/{if $male_users[i].photo == ''}nopic-Male.gif{else}{$male_users[i].photo}{/if}" alt="{$male_users[i].username}'s avatar" /><br /><span class="font-12">{$male_users[i].username|escape:'html'}</span></a><br />
            </div>
            {/section}
            </div>
            {if $total_musers > 5}
            <div class="bar_space_right">
                <a href="#next_male_users" id="next_users_Male_new" class="next_bar"></a>
            </div>
            {/if}
            <div class="clear"></div>
        </div>
        {/if}
        {if $online_female_users}
        <div class="box height-190">
            
            <div class="btop">
                <div class="btopl"><h2>ONLINE FEMALE MEMBERS</h2></div>
                <div id="loader_users_Female_online" class="btopc" style="display: none;"><img src="{$relative_tpl}/images/ajax_loader_bar.gif" alt="Loading" /></div>
                <div class="btopr">
                    <a href="{$relative}/users?o=on&amp;g=Female">View More...</a>
                </div>
                <div class="clear"></div>
            </div>
            <input name="current_page_online_Female" type="hidden" value="1" id="current_page_online_Female" />
            <div class="bar_space_left">
                <a href="#prev_female_users_online" id="prev_users_Female_online" class="prev_bar" style="display: none;"></a>
            </div>
            <div id="users_online_Female">
            {section name=i loop=$online_female_users max=5}
            <div class="user_box">
                <a href="{$relative}/user/{$online_female_users[i].username}"><img src="{$relative}/media/users/{if $online_female_users[i].photo == ''}nopic-Female.gif{else}{$online_female_users[i].photo}{/if}" alt="{$online_female_users[i].username}'s avatar" /><br /><span class="font-12">{$online_female_users[i].username|escape:'html'}</span></a><br />
            </div>
            {/section}
            </div>
            {if $total_ofusers > 5}
            <div class="bar_space_right">
                <a href="#next_female_users_online" id="next_users_Female_online" class="next_bar"></a>
            </div>
            {/if}
            <div class="clear_left"></div>
        </div>
        {/if}
        {if $online_male_users}
        <div class="box height-190">
            
            <div class="btop">
                <div class="btopl"><h2>ONLINE MALE MEMBERS</h2></div>
                <div id="loader_users_Male_online" class="btopc" style="display: none;"><img src="{$relative_tpl}/images/ajax_loader_bar.gif" alt="Loading" /></div>
                <div class="btopr">
                    <a href="{$relative}/users?o=on&amp;g=Male">View More...</a>
                </div>
                <div class="clear"></div>
            </div>
            <input name="current_page_online_Male" type="hidden" value="1" id="current_page_online_Male" />
            <div class="bar_space_left">
                <a href="#prev_male_users_online" id="prev_users_Male_online" class="prev_bar" style="display: none;"></a>
            </div>            
            <div id="users_online_Male">
            {section name=i loop=$online_male_users max=5}
            <div class="user_box">
                <a href="{$relative}/user/{$online_male_users[i].username}"><img src="{$relative}/media/users/{if $online_male_users[i].photo == ''}nopic-Male.gif{else}{$online_male_users[i].photo}{/if}" alt="{$online_male_users[i].username}'s avatar" /><br /><span class="font-12">{$online_male_users[i].username|escape:'html'}</span></a><br />
            </div>
            {/section}
            </div>
            {if $total_omusers > 5}
            <div class="bar_space_right">
                <a href="#next_Male_users_online" id="next_users_Male_online" class="next_bar"></a>
            </div>
            {/if}
            <div class="clear_left"></div>
        </div>
        {/if}
        {if $videos}
        <div class="box">
            <div class="btitle">
                <div class="btitlel"><h2>NEW PRIVATE VIDEOS</h2></div>
                <div class="btitler"><a href="{$relative}/videos?type=private">View All...</a></div>
                <div class="clear"></div>
            </div>
            {section name=i loop=$videos}
            <div class="video_box_smaller">
                <a href="{$relative}/video/{$videos[i].VID}/{$videos[i].title|clean}"><img src="{$relative}/media/videos/tmb/{$videos[i].VID}/{$videos[i].thumb}.jpg" alt="{$videos[i].title|escape:'html'}" width="130" id="playlistrotate_{$videos[i].VID}" /><br /><span class="font-12 font-bold">{$videos[i].title|truncate:21:' ...':true|escape:'html'}</span><br />{if $videos[i].type == 'private'}<img alt="" style="position: absolute; left: 0px; top: 0px; width: 130px; height: 98px;" src="{$relative_tpl}/images/private-video.png" />{/if}</a>
                <div class="vbox_smaller_left">
                    {insert name=duration assign=duration duration=$videos[i].duration}
                    {$duration}
                </div>
                <div class="vbox_smaller_right">
                    {insert name=rating_small assign=video_rating rating=$videos[i].rate}
                    {$video_rating}
                    <div class="clear_right"></div>
                    {$videos[i].viewnumber} views
                </div>
                <div class="clear"></div>
            </div>
            {/section}
            <div class="clear_left"></div>
        </div>
        {/if}
        {if $albums}
        <div class="box">            
            <div class="btitle">
                <div class="btitlel"><h2>NEW PHOTOS</h2></div>
                <div class="btitler"><a href="{$relative}/albums">View All...</a></div>
                <div class="clear"></div>
            </div>
            {section name=i loop=$albums}
            <div class="album_box">
                <a href="{$relative}/album/{$albums[i].AID}/{$albums[i].name|clean}"><img src="{$relative}/media/albums/{$albums[i].AID}.jpg" title="{$albums[i].name|escape:'html'}" alt="{$albums[i].name|escape:'html'}" width="120" /><br /><span class="font-11 font-bold">{$albums[i].name|truncate:21:' ...':true|escape:'html'}</span><br />{if $albums[i].type == 'private'}<img alt="" style="position: absolute; left: 0px; top: 0px; width: 120px; height: 140px;" src="{$relative_tpl}/images/private-album.png"/>{/if}</a>
                <div class="album_info">
                    <div class="album_left">
                        {$albums[i].total_photos} {if $albums[i].total_photos > 1}photos{else}photo{/if}<br />
                    </div>
                    <div class="album_right">
                        {insert name=rating_small assign=album_rating rating=$albums[i].rate}
                        {$album_rating}
                    </div>
                    <div class="clear"></div>
                    From: <a href="{$relative}/user/{$albums[i].username}">{$albums[i].username|escape:'html'}</a><br />
                    {insert name=time_range assign=addtime time=$albums[i].addtime}
                    Added: {$addtime}
                </div>
            </div>
            {/section}
            <div class="clear_left"></div>
        </div>
        {/if}
        <div class="box">
            <div class="btitle"><h2>SPONSORS</h2></div>
        {insert name=adv assign=adv group='community_bottom'}
        {if $adv}<br /><div class="ads">{$adv}</div><br />{/if}
        </div>
    </div>
    <div class="right span-200">
        <div class="box">
            
            <div class="btitle"><h2>SPONSORS</h2></div>
            {insert name=adv assign=adv group='community_right'}
            {if $adv}<br /><div class="ads">{$adv}</div><br />{/if}
        </div>
    </div>
    <div class="clear"></div>
</div>

