// v1.00

var quickSearchStatus = 0;
var finalPosition;

function toggleQuickSearch() {
	switch (quickSearchStatus) {
		case 0:
			finalPosition = 0;
			quickSearchStatus = 1;
			break;
		case 1:
			finalPosition = 62;
			quickSearchStatus = 3;
			break;
		case 2:
			finalPosition = 62;
			quickSearchStatus = 3;
			break;
		case 3:
			finalPosition = 0;
			quickSearchStatus = 1;
			break;
		default:
	}
	slide();	
}

function slide() {
	var sliderObj = document.getElementById("quickSearchSlider");
	var diff = finalPosition - parseInt(sliderObj.style.top);
	
	if (Math.abs(diff) < 5) {
		sliderObj.style.top = finalPosition + "px";
		switch (quickSearchStatus) {
			case 1:
				quickSearchStatus = 2;
				break;
			case 3:
				quickSearchStatus = 0;
				break;
			default:
		}
	} else {
		sliderObj.style.top = (finalPosition - 0.8 * diff) + "px";
		setTimeout(slide, 10);
	}
}

function doQuickSearch() {
	var frm = document.forms["frmQuickSearch"];
	var cat = frm.elements["cat"].value;
	var kwd = frm.elements["kwd"].value;
	
	window.open("quick_search_results.cfm?cat=" + cat + "&kwd=" + kwd, "quickSearch", "location=0, status=0, toolbar=0, menubar=0, directories=0, scrollbars=1, width=638, height=560");

	toggleQuickSearch();
}

document.writeln('<DIV style="position:absolute;">');
document.writeln('	<DIV style="width:342px; height:114px; overflow:hidden; position:relative; left:0px; top:-114px;">');
document.writeln('		<DIV id="quickSearchSlider" style="width:342px; height:114px; position:absolute; left:0px; top:62px;">');
document.writeln('			<FORM NAME="frmQuickSearch">');
document.writeln('				<table width="342" border="0" cellpadding="0" cellspacing="0">');
document.writeln('					<tr><td align="center"><a href="#" onmousedown="toggleQuickSearch(); return false;" onFocus="if (this.blur) this.blur();"><img src="images/quick_tit.jpg" width="118" height="54" border="0" /></a></td></tr>');
document.writeln('					<tr>');
document.writeln('						<td height="60" align="center" background="images/quick_search_bk.gif">');
document.writeln('							<table border="0" cellpadding="0" cellspacing="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">');
document.writeln('								<tr>');
document.writeln('									<td align="left"><b>Enter Keyword:</b></td>');
document.writeln('									<td align="left" style="padding-left:10px;"><b>Select a category:</b></td>');
document.writeln('									<td></td>');
document.writeln('								</tr>');
document.writeln('								<tr>');
document.writeln('									<td align="left"><input name="kwd" type="text" size="24" style="font-family:Arial, Helvetica, sans-serif; font-size:11px;" /></td>');
document.writeln('									<td align="left" style="padding-left:10px;">');
document.writeln('										<select name="cat" style="font-family:Arial, Helvetica, sans-serif; font-size:11px;">');
document.writeln('											<option value="" >All</option>');
document.writeln('											<option value="1">Baked</option>');
document.writeln('											<option value="3">Gourmet</option>');
document.writeln('											<option value="2">Kid Friendly</option>');
document.writeln('											<option value="4">Healthy</option>');
document.writeln('											<option value="6">Quick &amp; Easy</option>');
document.writeln('											<option value="5">Pasta Salad</option>');
document.writeln('											<option value="7">Vegetarian</option>');
document.writeln('										</select>');
document.writeln('									</td>');
document.writeln('									<td align="left" style="padding-left:10px;"><a href="#" onclick="doQuickSearch(); return false;"><img src="images/bt_enter.gif" width="23" height="26" border="0" /></a></td>');
document.writeln('								</tr>');
document.writeln('							</table>');
document.writeln('						</td>');
document.writeln('					</tr>');
document.writeln('				</table>');
document.writeln('			</FORM>');
document.writeln('		</DIV>');
document.writeln('	</DIV>');
document.writeln('</DIV>');