<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IntuScan Content Manager - Search</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script src="js/jquery/jquery.js" type="text/javascript"></script>
<script src="js/jquery/jquery-ui.custom.js" type="text/javascript"></script>
<script src="js/jquery/jquery.cookie.js" type="text/javascript"></script>

<!-- CuFon: Enables smooth pretty custom font rendering. 100% SEO friendly. To disable, remove this section -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
<!-- CuFon ends -->
<script type="text/javascript">
var ajax_load = "<p align=center><img src='images/loader.gif' alt='loading...' /></p>";

function search(page, resultsNum){
	var searchtext = document.getElementById("searchtext").value;
	var ontology = document.getElementById("ontology").value;
	var lexicon = document.getElementById("lexicon").value;
	var casesense = document.getElementById("casesense").value;
	var wholeword = document.getElementById("wholeword").value;
	var limit = document.getElementById("limit").options[document.getElementById("limit").selectedIndex].value;
	$("#results").html(ajax_load).load("search.php?searchtext=" + searchtext +
												"&ontology=" + ontology + 
												"&lexicon=" + lexicon +
												"&casesense=" + casesense +
												"&wholeword=" + wholeword +
												"&limit=" + limit + 
												"&page=" + page +
												"&rperpage=20" +
												"&results=" + resultsNum, 
									function(){});
};
</script>

</head>
<?php
include "config.php";
?>

<body>
<div class="main">
  <div class="header">
    <div class="logo">
    	<img src="images/logo.jpg" width="130"/>
    </div>
    <div class="header_block">
     
      <div class="clr"></div>
      
      <?php $menuActive = "Home";
      include('top-menu.php'); ?>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="content">
      <div class="mainbar">
        <div class="article">
        	<div class="search">
        		<form method="get" id="search" name="search" action="">
          			<span>
          				Search
          				<input type="text" value="" name="searchtext" id="searchtext" />
          				<a href="javascript:search(1, -1);">Go</a>
          				<div style="padding: 5px 5px 5px 5px;">
          					<span style="padding: 0px 0px 0px 20px;">
          						<input type="checkbox" name="casesense" id="casesense"/>
          						Case Sensitive
          					</span>
          					<span style="padding: 0px 0px 0px 20px;">
          						<input type="checkbox" name="wholeword" id="wholeword"/>
          						Whole word
          					</span>
          					<span style="padding: 0px 0px 0px 20px;">
          						<input type="checkbox" name="ontology" id="ontology" checked/>
          						Search Ontology
          					</span>
          					<input type="hidden" name="lexicon" id="lexicon"/>
          					<!--Search Lexicon-->
          					<span style="padding: 0px 0px 0px 20px;">Limit results to</span>
          					<select id="limit" name="limit">
          						<option value="unlimited">unlimited</option>
  								<option value="10">10</option>
  								<option value="50">50</option>
  								<option value="100">100</option>
  								<option value="500">500</option>
							</select>
          				</div>
          			</span>
        		</form>
	    	</div>
        </div>
        <div class="article">
          	<h2><span>Search Results</span></h2>
          	<div class="clr"></div>
        	<div id="results"></div>
        </div>   
      </div>
      <div class="sidebar">
        <div class="gadget">

        </div>
      </div>
      <div class="clr"></div>
  </div>
  <div class="fbg">
      <div class="col c1">
        <h2><span>Image Gallery</span></h2>
        <a href="#"><img src="images/pic_1.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_2.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_3.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_4.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_5.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_6.jpg" width="58" height="58" alt="pix" /></a> </div>
      <div class="col c2">
        <h2><span>Lorem Ipsum</span></h2>
        <p>Lorem ipsum dolor<br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
      </div>
      <div class="col c3">
        <h2><span>About</span></h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
      </div>
      <div class="clr"></div>
  </div>
  
</div>
<div class="footer">
    <div class="footer_resize">
      <p class="lf">© Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Layout by Atomic <a href="http://www.atomicwebsitetemplates.com/">Website Templates</a></p>
      <div class="clr"></div>
    </div>
  </div>
</body>
</html>