{g->callback type="search.getVariables"}

{g->addToTrailer}
<script type="text/javascript">
  // <![CDATA[
  search_SearchBlock_init('{g->text text="Search the Gallery"}', '{g->text text="Please enter a search term."}');
  // ]]>
</script>
{/g->addToTrailer}

<div class="{$class}">
  <form id="search_SearchBlock" action="{g->url}" method="post" onsubmit="return search_SearchBlock_checkForm()">
    <div>
      {g->hiddenFormVars}
      <input type="hidden" name="{g->formVar var="view"}" value="search.SearchScan"/>
      <input type="hidden" name="{g->formVar var="form[formName]"}" value="search_SearchBlock"/>
      <input type="text" id="searchCriteria" size="18"
         name="{g->formVar var="form[searchCriteria]"}"
         value="{g->text text="Search"}"
         onfocus="search_SearchBlock_focus()"
         onblur="search_SearchBlock_blur()"
         class="textbox"/>
      <input type="hidden" name="{g->formVar var="form[useDefaultSettings]"}" value="1" />
      {if $theme.item.parentId}<input type="hidden" name="{g->formVar var="form[albumId]"}" value="{if $theme.item.canContainChildren}{$theme.item.id}{else}{$theme.item.parentId}{/if}" />{/if}
      {if $block.search.showSearchIcon}<input type="image" style="vertical-align: middle;" name="{g->formVar var="form[searchGallery]"}" alt="{g->text text="Search gallery"}" title="{g->text text="Search gallery"}" src="{if empty($theme.params.colorpack)}{g->url href="modules/search/images/search.gif"}{else}{g->url href='modules/colorpack/packs/'}{$theme.params.colorpack}/images/search.gif{/if}">{/if}
      {if $block.search.showSearchGalleryIcon}<input type="image" style="vertical-align: middle;" name="{g->formVar var="form[searchGallery]"}" alt="{g->text text="Search gallery"}" title="{g->text text="Search gallery"}" src="{if empty($theme.params.colorpack)}{g->url href="modules/search/images/searchGallery.gif"}{else}{g->url href='modules/colorpack/packs/'}{$theme.params.colorpack}/images/searchGallery.gif{/if}">{/if}
      {if $block.search.showSearchAlbumIcon && $theme.item.parentId}<input type="image" style="vertical-align: middle;" name="{g->formVar var="form[searchAlbum]"}" alt="{g->text text="Search album"}" title="{g->text text="Search album"}" src="{if empty($theme.params.colorpack)}{g->url href="modules/search/images/searchAlbum.gif"}{else}{g->url href='modules/colorpack/packs/'}{$theme.params.colorpack}/images/searchAlbum.gif{/if}">{/if}
    </div>
    {if $block.search.showCheckbox && $theme.item.parentId}
    <div>
      <input type="checkbox" style="vertical-align: middle;" name="{g->formVar var="form[searchAlbum]"}" {if $block.search.defaultCheckboxToOn}checked{/if}/>{if $block.search.checkboxText}{$block.search.checkboxText}{else}{g->text text="Search only in this album"}{/if}
    </div>
    {/if}
    {if $block.search.showAdvancedLink}
    <div>
      <a href="{g->url arg1="view=search.SearchScan" arg2="form[useDefaultSettings]=1"
               arg3="return=1"}"
     class="{g->linkId view="search.SearchScan"} advanced">{g->text text="Advanced Search"}</a>
    </div>
    {/if}
  </form>
  <br>
<h2>Keywords:</h2>
<form id="schubidu" action="{g->url}" method="post" onsubmit="submit()">
<div>
     {g->hiddenFormVars}
    <input type="hidden" name="{g->formVar var="view"}" value="search:SearchShowAll"/>
    <input type="hidden" name="{g->formVar var="form[formName]"}" value="SearchShowAll"/>
    <input type="hidden" name="{g->formVar var="form[moduleId]"}" value="GalleryCoreSearch"/>
    <input type="hidden" name="{g->formVar var="form[options][GalleryCoreSearch][descriptions]"}" value="1"/>
    <input type="hidden" name="{g->formVar var="form[options][GalleryCoreSearch][keywords]"}" value="1"/>
    <input type="hidden" name="{g->formVar var="form[options][GalleryCoreSearch][summaries]"}" value="1"/>
    <input type="hidden" name="{g->formVar var="form[options][GalleryCoreSearch][titles]"}" value="1"/>
   </div>
  <select name="g2_form[searchCriteria]"class="myselect">
    <option>black</option>
    <option>blue</option>
    <option>brown</option>
    <option>cold</option>
    <option>city</option>
    <option>green</option>
    <option>grey</option>
    <option>orange</option>
    <option>people</option>
    <option>red</option>
    <option>sand</option>
    <option>sky</option>
    <option>water</option>
    <option>white</option>
  </select>

  <select name="g2_form[searchCriteria]"class="myselect">
    <option>black</option>
    <option>blue</option>
    <option>brown</option>
    <option>cold</option>
    <option>city</option>
    <option>green</option>
    <option>grey</option>
    <option>orange</option>
    <option>people</option>
    <option>red</option>
    <option>sand</option>
    <option>sky</option>
    <option>water</option>
    <option>white</option>
  </select>
  <input type="submit" id="searchCriteria" class="inputTypeSubmit" name="Button1" value="Show"/>
  <input type="hidden" name="g2_form[useDefaultSettings]" value="1" />
</form>
{* end of added section*}
</div>
{literal}<script>

$(".myselect").change(function(){
  $(".textbox").val( $(this).val() );
});
</script>{/literal}