{include file="fi/_header.html" title="TSJ | Jätteiden ABC"}
					<!-- abc -->
					<div id="abc">
						<h1><img src="/images/abc-header.gif" width="507" height="38" alt="JÄTTEIDEN ABC-LUETTELO" /></h1>
						<div class="bar">
							<form method="get" action="" name="abcform">
								<fieldset>
								{cms module="Sanakirja" func="getgroups" assign="groups"}
							    <select name="ryhma">
							    <option value="">Valitse ryhmä</option>
							    {foreach item="g" from=$groups}
							      <option value="{$g.id}"{if $smarty.get.ryhma eq $g.id} selected{/if}>{$g.name}</option>
							    {/foreach}
							    </select>
									<label>hakusana:</label>
									<input type="text" name="word" value="{$smarty.get.word}" />
									<input type="submit" value="HAE" />
								</fieldset>
							</form>
						</div>
						<!-- a-z list -->
						<ul class="az">
						    {cms module="Sanakirja" func="getletters" assign="letters"}
                            {foreach key="letter" item="on" from=$letters}
                             <li>{if $on}{if !$firstletter}{assign var="firstletter" value=$letter}{/if}<a href="?letter={$letter}"{if $letter eq $smarty.get.letter} class="current"{/if}>{$letter}</a>{else}{$letter}{/if}</li>
                            {/foreach}
						</ul>
						
<div id="maincontent">						
{if $smarty.get.word ||$smarty.get.ryhma}
  {cms module="Sanakirja" func="search" word=$smarty.get.word group=$smarty.get.ryhma assign="words"}
{else}
  {if $smarty.get.letter}
    {cms module="Sanakirja" func="getbyletter" letter=$smarty.get.letter assign="words"}
  {else}
    {cms module="Sanakirja" func="getbyletter" letter=$firstletter assign="words"}
  {/if}
{/if}
{foreach item="w" from=$words name="f"}
						<div class="row bg1" id="toggle{$w.id}"><a href="#">{$w.word}</a></div>
						<div class="block" id="slideme{$w.id}">{$w.description|addP}</div>
						<script>
								{if !$smarty.foreach.f.first} $('#slideme{$w.id}').hide(); {/if}
                                $('#toggle{$w.id}').click(function(){ldelim}
                                $('#slideme{$w.id}').slideToggle();
                                return false;
                                {rdelim});
						</script>

{foreachelse}	  
		                <div class="row bg2">Yhtään tuotetta ei löytynyt annetuilla hakuehdoilla.</div>
{/foreach}
{*
						<div class="row bg2"><a href="#">Aerosolitölkki</a></div>
						<div class="row"><a href="#">Akku</a></div>
*}						
</div>
				  </div>{*bar*}

{include file="fi/_footer.html" subpage_id=1031 subpage_title="Lajittelu"}