$(function() {
	var pos = ($("#search-value").offset().left-70)+"px "+($("#search-value").offset().top+30)+"px";
	window.searchValue = '';
	
	$( "#search-value" )
	.autocomplete({
		source: "/site-click/ajax_catalog_search.php",
		minLength: 2,
		select: function( event, ui ) {
			if(ui.item.NAME == 'serach_all') {
				$(this).closest('form').trigger('submit');
				//$(this).autocomplete("close");
				//document.location.href="/catalog/?q="+ui.search();
			} else
				document.location.href="/catalog/"+ui.item.CODE+".html";
		},
		position: {offset: "-7 5"}
	})
	.data( "autocomplete" )._renderItem = function( ul, item ) {
		ul.css({
			"z-index":"999"//,
			//"top":
		}).addClass("searchResultsContainer");
		if(item.NAME == 'serach_all') {
			return $( "<li style=\"text-align: center\"></li>" )
				.data( "item.autocomplete", item )
				.append( "<a href=\"#\" class=\"searchResName\">показати всi результати</a>" )
				.appendTo( ul );
		} else
			return $( "<li></li>" )
				.data( "item.autocomplete", item )
				.append( "<a href=\"/catalog/"+item.CODE+".html\" class=\"searchResName\"><img src=\"" + item.DETAIL_PICTURE_URL + "\" /><span class=\"searchResultContainer2\">" + item.NAME + "<br><span class=\"searchResPrice\">"+item.PRICE2+"</span></span></a>" )
				.appendTo( ul );
	};
	$( "#search-value" ).data( "autocomplete" )._renderMenu = function( ul, items ) {
		var self = this;
		$.each( items, function( index, item ) {
			self._renderItem( ul, item );
		});
	}
});