index.php 3

<!doctype html>
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
  <script type="text/javascript">
      $(document).ready(function()
      {
         $('#search').autocomplete({
            source: "search.php",
            minLength: 1,
                select: function(event, ui) {
                    $('#search').val(ui.item.value);
                }
         });

      });
</script>

    <style> .ui-autocomplete-loading { background: white url('ui-anim_basic_16x16.gif') right center no-repeat; } </style>
</head>
<body>

<div class="ui-widget" style="margin-top:2em; font-family:Arial">
    Result:
    <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>


<form name="input" action="search.php" method="get">
Keyword: <input id="search" type="text" name="term" />
<select name="category">
<option value="glamour">Glamour</option>
<option value="sugar">Sugar</option>
<option value="metropolitan">Metropolitan</option>
<option value="interior">Interior</option>
</select>
<input type="submit" value="Search" />
</form>

<?php
$categories = array( 'sugar' => 'proionta/sugar/',
                     'metropolitan' => 'proionta/metropolitan/',
                     'interior' => 'proionta/interior/',
                     'glamour' => 'proionta/glamour/',
                );

$keyword = trim($_GET['search']);   // kovei ta kena apo arxh k telos
// $keyword = strtolower($keyword);    // ta metatrepei ola se mikra
$keyword = preg_replace('/\s\s+/','*', $keyword);
$keyword = explode("*", $keyword);    // spaei to searchstring se array
$image_found=false;
$cat = $_GET['category'];
$folder = $categories[$cat];


foreach ($keyword as $key=>$file) {
    $images = glob($folder . "*" .$file. "*.*");
        foreach($images as $image) {
            echo "<div style=\"float:left;\"><img src=\"".$image."\" width=\"150\" height=\"150\"/>";
            echo "<br />".$image."</div>";
        }
    if ($images) $image_found=true;
}

if (!$image_found) echo "<br />Image not found";


?>


</body>
</html>