{include file="$gentemplates/$header_tpl"}
	<div class="club">
        <div class="float_left">
			<h2>{$lang.section.clubs}</h2>
		</div>
		<div class="float_right" style="padding-top:10px;padding-bottom:5px;">
			<a href="{$site_root}/{$seo.club}?sel=create" class="add-group-icon" title="{$lang.club.club_menu_3}">&nbsp;</a>
			<a href="{$site_root}/{$seo.club}?sel=my_club" class="my-group-icon" title="{$lang.club.club_menu_1}">&nbsp;</a>
		</div>
		<div style="clear:both"></div>
        {*if $form.err}
			<p>*&nbsp;{$form.err}</p>
        {/if*}
		<div id="index_quick_search" class="index_quick_search search_form_hide_show" style="margin: 0 0 10px 0; padding:10px;">
			<form name="search_keyword" action="{$site_root}/{$seo.club}?sel=search" method="post" id="s_form">
				<div class="float_left">
					<div>{$lang.club.search_keyword}</div>
					<div class="search_input" style=" width: 370px; display:table; background-color: #FFFFFF;">
						<input type="hidden" name="sel" value="search_keyword">
						<div>
							<input class="float_left" type="text" style="border: 0 none; background-color: #FFFFFF;" name="keywords" id="keywords" value="{$keywords}" maxlength="200" />
						</div>
						<a style="margin-top: -6px;margin-bottom:-7px;" onclick="Search();" class="big-search-lupa float_right">&nbsp;</a>			
					</div>
					<div>
						{$lang.club.sample}:&nbsp;
						<span onclick="PasteSample('{$lang.club.sample_word}'); return false;" class="cursor">{$lang.club.sample_word}</span>
					</div>
				</div>
			</form> 
		</div>
    </div>
    <div class="club_content" style="display:table;width:100%;">
        <h3 class="p-b5">{$lang.club.club_menu_2}</h3>
        <div class="float_left" style="width: 49%">           
            {section name=s loop=$club_categories start=0 max=$half_num_cat}     
			<p>			
				{if $club_categories[s].link}
					<span class="text_head">
						<a href="{$club_categories[s].link}">{$club_categories[s].name}</a> ({$club_categories[s].clubs_num})
					</span>
				{else}
					{$club_categories[s].name} ({$club_categories[s].clubs_num})
				{/if}
			</p>
            {/section}            
        </div>
        <div class="float_right" style="width: 50%">           
           {section name=s loop=$club_categories start=$half_num_cat}              
                <p>			
				   {if $club_categories[s].link}
						<span class="text_head">
							<a href="{$club_categories[s].link}">{$club_categories[s].name}</a> ({$club_categories[s].clubs_num})
						</span>
					{else}
						{$club_categories[s].name} ({$club_categories[s].clubs_num})
					{/if}
				</p>
            {/section}            
        </div>	
    </div>
    

{literal}
<script type="text/javascript">
	function PasteSample(word) {
		document.forms['s_form'].keywords.value = word;
		return;
	}
	
	function Search(url){
		var keywords = $("#keywords").val();
		location.href='{/literal}{$site_root}/{$seo.club}?sel=search&keywords={literal}'+keywords;
	}
</script>
{/literal}
{include file="$gentemplates/$footer_tpl"}