/*******************************************************************************
 * autosuggest.js Javascript methods for handling search with autosuggestions
 ******************************************************************************/

$(document).ready(function() {
	$("#search_input").autocomplete("suggestion.htm",
		{
			width : 446,
			scrollHeight : 10000,
			selectFirst : false,
			max : 20,
			formatItem : function(data, i, n, value) {
				var imgSrc = value.split("###")[0];
				var image = "";
				if (imgSrc != 'null' && imgSrc != 'category' && imgSrc != 'manufacturer') {
					image += "<div class='result_item_img'>";
					image += "<img src='" + imgSrc + "' height = '30'/> ";
					image += "</div>";
				}
				var text = "";
				if (imgSrc != 'null') {
					text = "<div class='result_item_text'>" + value.split("###")[1] + "</div>";
				} else {
					text = "<div class='as-all-results'>" + value.split("###")[1] + "</div>";
				}
				return image + text;
			},
			formatResult : function(data, value) {
				var displayData = value.split("###")[1] + '###'+ value.split("###")[2];
				if (value.split("###")[0] == 'null') {
					displayData = "null" + '###'+ value.split("###")[2];
					displayData += "?query=" +  escape($('#search_input').val());
				}
				if (value.split("###")[0] == 'category' || value.split("###")[0] == 'manufacturer') {
					displayData = "null" + '###'+ value.split("###")[2];
				}
				return displayData;
			}
		}
	);
	
});