/*  Sidebar Display for The Battery Plant Database
 *--------------------------------------------------------------------------*/

	document.observe("dom:loaded", function() {
		//the form is completely visible via XHTML/CSS without javascript
		//so we need to initially hide all the non-JS specific elements
		$$('#sOptions form').invoke('hide');
		$$('#sBar .noJS').invoke('hide');
		//set the initial state of the searchbar
		$('sBarNavForm').toggleClassName('hidden');
		$('sname').selected=true;
		$('sFormName').show();
				
		//uses the dropdown to choose which searchform to show
		$('s').observe('change', function(event) {
			$$('#sOptions form').invoke('hide');
			switch ($F('s')){
				case 'name':
					$('sFormName').show();
					break;
				case 'colors':
					$('sFormColors').show();
					break;
				case 'garden':
					$('sFormGarden').show();
					break;
				case 'category':
					$('sFormCategory').show();
					break;
				case 'family':
					$('sFormFamily').show();
					break;
				case 'zone':
					$('sFormZone').show();
					break;
				case 'range':
					$('sFormRange').show();
					break;	
				case 'native':
					$('sFormNative').show();
					break;	
				case 'blooms':
					$('sFormBlooms').show();
					break;	
				case 'height':
					$('sFormHeight').show();
					break;
				case 'width':
					$('sFormWidth').show();
					break;
				case 'light':
					$('sFormLight').show();
					break;
				case 'moisture':
					$('sFormMoisture').show();
					break;
			}
		});
	});