<style type="text/css">
   .style_li {
	    list-style: none;
   }
</style>
<script type="text/javascript">
   function showSearchDiv(action)
    {
        if (action =='advanced'){
            $('advanced_search').style.display = "inline";
            $('type').value = 'advanced';
            $('searchtype').innerHTML = "<a href='javascript:;' onclick=showSearchDiv('simple')>&nbsp;" + lang("Toggle to simple") + "</a>"
        }else{
            $('advanced_search').style.display = "none";
            $('type').value = 'simple';
            $('searchtype').innerHTML = "<a href='javascript:;' onclick=showSearchDiv('advanced')>&nbsp;" + lang("Toggle to advanced") + "</a>"
        }                        
    }
</script>
<div id="search" class="block search">
    <div class="block_title">
        <h3>[l]Search[/l]</h3>
    </div>
    <ul>
        <li>
            <form name="formSimpleSearch" method="get" action="{RELATIVE_PATH}index.php">
                <input type="hidden" name="fuse" value="knowledgebase">
                <input type="hidden" name="view" value="KB_SearchArticlesView">
                <input type="hidden" name="public" value="1">
                <input type="hidden" id="type" name="type" value="simple">
                <div>
                    <input type="text" id="searchText" name="searchText" class="field" onkeyup="loadKBArticles(event, this, true, '{RELATIVE_PATH}');" />
                    <input src="{RELATIVE_PATH}templates/{TEMPLATE}/images/public/search.gif" type="image" class="button" />
                    <p id="searchtype"><a href="javascript:;" onclick="showSearchDiv('advanced');">[l]Toggle to Advanced[/l]</a></p>
                    <div id="advanced_search" style="display:none;">
                        <select name="showResultsWith">
                            <option value="allofthesewords">[l]All of these words[/l]</option>
                            <option value="theexactphrase">[l]The exact phrase[/l]</option>
                            <option value="anyofthesewords" selected="selected">[l]Any of these words[/l]</option>
                        </select>
                        <p>[l]Categories[/l]:</p>
                        <select name="categories[]" multiple="multiple" class="sm">
                            <option value="-1" selected>--Parent Category --</option>                
                            <!-- BEGIN DYNAMIC BLOCK: kbCategories -->
                            <option value="{catId}">{catLabel}</option>
                            <!-- END DYNAMIC BLOCK: kbCategories -->
                        </select>
                        <p>[l]Updated[/l]:</p>
                        <select name="showResultsSearchUpdated" id="ddlstbxSearchUpdated">
                            <option selected="selected" value="0">[l]Anytime[/l]</option>        
                            <option value="7">[l]This Week[/l]</option>
                        </select>
                        <p>[l]Sort by[/l]:</p>
                        <select name="showResultsSortOrder" id="ddlstbxSortOrder">
                            <option value="LastModifiedDate">[l]Date[/l]</option>
                            <option value="ArticleID">[l]Article Number[/l]</option>
                            <option value="Rating">[l]Rating[/l]</option>
                        </select>
                        <br /><br />
                    </div>
                </div>
            </form>
        </li>
    </ul>
</div>
<div id="ajaxLoader" style="display:none; text-align:center; margin: 5px 0"><img src="{RELATIVE_PATH}images/ajax-loader.gif" /></div>
<div id="kb_wrap_wrap" class="block" style="display:none">
    <div class="block_title">
        <h3>[l]Quick Results[/l]</h3>
    </div>
    <div id="kb_wrap" style="font-size: 12px;"></div>
</div>
    
