#include <infodrom.style>

<page title="Infodrom Fortune Cookies">

<style type="text/css">
label {
  display: block;
  font-weight: bold;
  font-size: 13px;
  width: 70px;
  text-align: left;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #1aa2fe;
  color: white;
}
input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #aaaaaa;
}
select {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #aaaaaa;
}
input.button {
  width: auto;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  padding: 2px;
  background-color: #d7d7d7;
}
input.button:hover {
  border: 1px solid black;
  background-color: #bfbfbf;
}
div.outer {
  padding-left: 10%;
  padding-right: 10%;
}
div.inner {
  background: #bbddff;
  border: 1px solid #aaaaaa;
  padding: 20px;
}
div.suggest {
  margin-top: -15px;
  margin-bottom: 15px;
  margin-right: 0px;
  padding-left: 2px;
  border: 1px solid #aaaaaa;
  background: #f0f0f0;
  visibility: hidden;
}
</style>

<script type="text/javascript" src="/completion.js"></script>
<script type="text/javascript">
function urlfunc_complete()
{
    return "lookup.php?js=1&";
}

function urlfunc_lookup()
{
    var urlbase = "lookup.php?";
    var form = document.forms[0];

    if (form.category.selectedIndex == 4)
        urlbase += "category=" + form.category.options[0].value + "&";
    else
        urlbase += "category="
	    +  form.category.options[form.category.selectedIndex].value
	    +  "&";

    return urlbase;
}

completion_func_complete = urlfunc_complete;
completion_func_lookup = urlfunc_lookup;
</script>

<div style="padding-top: 25px;"></div>

<div class=outer>
<div class=inner>
<p style="margin-top: -5px;">Please use the following search form to search within our fortune
cookie databases.</p>

<form method="get" action="lookup.php" onsubmit="return completion_check();">
<label for="keyword">Keyword</label>
<input type="text" size="48" maxlength="64" id="keyword" name="keyword" onkeyup="complete();">
<br class=none>
<div class="suggest" id="suggest">&nbsp;</div>
<label for="category">Cookies</label>
<select name=category>
<option value=all>All local
<option value=infodrom>Infodrom
<option value=infodrom-linux>Linux
<option value=linuxtag>LinuxTag
<option value=debian-de>#Debian.DE
<option value=nil>
<option value=reallyall>Really all
<option value=linux>Linux
<option value=linuxcookie>Linux Cookie
<option value=knghtbrd>Knghtbrd
</select><br class=none>
<div align="center" style="margin-bottom: -30px;">
<input type="submit" class=button value="Search"> &nbsp; <input type="reset" class=button value="Reset">
</div>
</form>
</div>
</div>

</page>

# Local variables:
# mode: html
# mode: auto-fill
# mode: iso-accents
# end: