Open Script Solution

<table width="100%" cellpadding="2" cellspacing="0" border="0">

<?php 
$basic_display=!isset($_REQUEST['advance_search'])?true:false;
?>
<!-- SEARCH FORM START -->
 <div id='basic' style="display:<?php echo $basic_display?'block':'none'?>">  
        <form name="frmSearchSimple" id="frmSearchSimple" action="tickets.php" method="get">
    <input type="hidden" name="a" value="search">
    <table>
        <tr>
            <td>Query: </td>
            <td><input type="text" id="query" name="query" size=30 value="<?php echo Format::htmlchars($_REQUEST['query'])?>"></td>
            <td><input type="submit" name="basic_search" class="button" value="Search"> 
             &nbsp;[<a href="#" onClick="showHide('basic','advance'); return false;">Advanced</a> ] </td>
        </tr>
    </table>
    </form>
  </div>
 
<div id='advance' style="display:<?php echo $basic_display?'none':'block'?>">
 <form name="frmSearchSimple2" id="frmSearchSimple2" action="tickets.php" method="get">
 <input type="hidden" name="a" value="search">
  <table>
    <tr>
        <td>Query: </td><td><input type="text" id="query" name="query" value="<?php echo Format::htmlchars($_REQUEST['query'])?>"></td>
        <td>Dept: </td>
        <td><select name="dept"><option value=0>All Departments</option>
            <?php
                //Showing only departments the user has access to...
                $depts= db_query('SELECT dept_id,dept_name FROM '.DEPT_TABLE.' WHERE dept_id IN ('.implode(',',$thisuser->getDepts()).')');
                while (list($deptId,$deptName) = db_fetch_row($depts)){
                $selected = ($_GET['dept']==$deptId)?'selected':''; ?>
                <option value="<?php echo $deptId?>"<?php echo $selected?>><?php echo $deptName?></option>
            <?php
            }?>
            </select>
        </td>
        <td>Status is:</td><td>
 
        <select name="status">
            <option value='any' selected >Any status</option>
            <option value="Open" <?php echo $_REQUEST['status'] =='Open'?'selected':''?>>Open</option>
            <option value="Closed" <?php echo $_REQUEST['status']=='Closed'?'selected':''?>>Closed</option>
        </select>
        </td>
     </tr>
    </table>
    <div>
        Date Span:
        &nbsp;From&nbsp;<input name="startDate" onclick="displayDatePicker('startDate');" value="<?php echo Format::htmlchars($_REQUEST['startDate'])?>" 
            autocomplete=OFF >
                <img src="../images/cal.gif" id="startPick" style="cursor: pointer;" onclick="displayDatePicker('startDate');" align="absmiddle">
            &nbsp;&nbsp; to &nbsp;&nbsp;
            <input name="endDate" onclick="displayDatePicker('endDate');" value="<?php echo Format::htmlchars($_REQUEST['endDate'])?>" autocomplete=OFF >
                 <img src="../images/cal.gif" id="endPick" style="cursor: pointer;" onclick="displayDatePicker('endDate');" align="absmiddle">
            &nbsp;&nbsp;
    </div>
    <table>
    <tr>
       <td>Sort by:</td><td>
        <?php
         $sort=$_GET['sort']?$_GET['sort']:'date';
        ?>
        <select name="sort">
            <option value="ID" <?php echo $sort== 'ID' ?'selected':''?>>Ticket #</option>
            <option value="pri" <?php echo $sort == 'pri' ?'selected':''?>>Priority</option>
            <option value="date" <?php echo $sort == 'date' ?'selected':''?>>Date</option>
            <option value="dept" <?php echo $sort == 'dept' ?'selected':''?>>Dept.</option>
        </select>
        <select name="order">
            <option value="DESC"<?php echo $_REQUEST['order'] == 'DESC' ?'selected':''?>>Descending</option>
            <option value="ASC"<?php echo $_REQUEST['order'] == 'ASC'?'selected':''?>>Ascending</option>
        </select>
       </td>
        <td>Results per page:</td><td>
        <select name="limit">
        <?php
         $sel=$_REQUEST['limit']?$_REQUEST['limit']:15;
         for ($x = 5; $x <= 25; $x += 5) {?>
            <option  value="<?php echo $x?>" <?php echo ($sel==$x )?'selected':''?>><?php echo $x?></option>
        <?php } ?>
        </select>
     </td>
     <td>
     <input type="submit" name="advance_search" class="button" value="&nbsp;Search&nbsp;">
       &nbsp;[ <a href="#" onClick="showHide('advance','basic'); return false;" >Basic</a> ]
    </td>
  </tr>
 </table>
 </form>
</div>
 
<script type="text/javascript">
    var options = {
        script:"ajax.php?api=tickets&f=search&limit=10&",
        varname:"input",
        shownoresults:false,
        maxresults:10,
        callback: function (obj) { 
                    document.getElementById('query').value = obj.id; 
                    //document.forms[0].submit();
                    document.getElementById('frmSearchSimple').submit();
                }
    };
    var autosug = new bsn.AutoSuggest('query', options);
</script>
<!-- SEARCH FORM END -->