/*
 Usage Sample:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Widget Sample</title>

	<style type="text/css">
	</style>
	
	<script src="jquery.js" type="text/javascript"></script>
	<script src="addons/jquery.inlinesearch.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			$('select option').textFilter('#filterText');
		});
	</script>


</head>
<body>

	<form action="select.htm">
	  <p>  	
	    <input id="filterText" type="text" value="">
	  </p>
	  <p>
	    <select name="top5" size="3">
	      <option>Heino</option>
	      <option>Michael Jackson</option>
	      <option>Tom Waits</option>
	      <option>Nina Hagen</option>
	      <option>Marianne Rosenberg</option>
	    </select>
	  </p>
	</form>

</body>
</html>

*/
(function($) {

jQuery.fn.textFilterElements = function(filterElements) {
	filterParamElements = this;
	
	filterParamElements.keyup(function() {
			filterElements = $(filterElements);
			var filterParamElement = $(this);
			var searchString = filterParamElement.val().toLowerCase();
			if (searchString.length > 0){
			  filterElements.hide();
			  filterElements.each(function() {
					if($(this).text().toLowerCase().lastIndexOf(searchString) >= 0) {
						$(this).show();
					}
				});
			}
			else {
			  filterElements.show();
			}
		});
};

}) (jQuery);
