// 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;
	if( kwd != '' )
	{
		document.location = '/en_CA/search/' + cat + '/' + kwd + '/';
		//window.open("/pasta/quick_search_results.php?cat=" + cat + "&kwd=" + kwd, "quickSearch", "location=0, status=0, toolbar=0, menubar=0, directories=0, scrollbars=1, width=638, height=560");

		toggleQuickSearch();
	}
}

function handleEnter (field, event) {
		var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
		if (keyCode == 13) {
			var i;
			for (i = 0; i < field.form.elements.length; i++)
				if (field == field.form.elements[i])
					break;
			i = (i + 1) % field.form.elements.length;
			field.form.elements[i].focus();
			doQuickSearch()
			return false;
		} 
		else
		return true;
	}    

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="/pasta/images/quick_tit.jpg" width="118" height="54" border="0" /></a></td></tr>');
document.writeln('					<tr>');
document.writeln('						<td height="60" align="center" background="/pasta/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" onkeypress="return handleEnter(this, event)" 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" >All</option>');

document.writeln('											<option value="catelli_blue" >Catelli</option>');
document.writeln('											<option value="catelli_hh" >Catelli Healthy Harvest</option>');
document.writeln('											<option value="catelli_smart" >Catelli Smart</option>');
document.writeln('											<option value="catelli_bistro" >Catelli Bistro</option>');
document.writeln('											<option value="catelli_express" >Catelli Express</option>');
document.writeln('											<option value="lower_calories" >Lighter in Calories</option>');
document.writeln('											<option value="lower_fat" >Lighter in Fat</option>');
document.writeln('											<option value="fibre_all_stars" >Fibre All Stars</option>');
document.writeln('											<option value="hearth_healthy" >Heart Healthy</option>');
document.writeln('											<option value="superstar_ingredients" >Superstar Ingredients</option>');
document.writeln('											<option value="pasta_with_poultry" >Pasta with poultry</option>');
document.writeln('											<option value="pasta_with_seafood" >Pasta with seafood</option>');
document.writeln('											<option value="pasta_with_meat" >Pasta with meat</option>');
document.writeln('											<option value="vegetarian_pasta" >Vegetarian Pasta</option>');
document.writeln('											<option value="cold_pasta_salad" >Cold Pasta Salad</option>');
document.writeln('											<option value="fast_and_easy" >Fast & Easy</option>');
document.writeln('											<option value="kid_approved" >Kid-Approved</option>');
document.writeln('											<option value="lunchbox_ideas" >Lunchbox Ideas</option>');
document.writeln('											<option value="entertaining_and_gourmet" >Entertaining & Gourmet</option>');
document.writeln('											<option value="pasta_world" >Around the World</option>');

document.writeln('										</select>');
document.writeln('									</td>');
document.writeln('									<td align="left" style="padding-left:10px;"><a href="#" onclick="doQuickSearch(); return false;"><img src="/pasta/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>');