/**
 * @description This scripts uses jQuery UI autocomplete.
 * @variable subTreesString should be set by the calling template
 * @example Have a look in nsf/templates/parts/search.tpl
 */
$(document).ready( function() {
	/**
	 * The very last autocomplete result will append a '*' to 
	 * the search string and trigger the form.
	 */
	$("#jada").live("click", function()
	{
		$("#searchfield").val( $("#searchfield").val() + "*" );
		$("#tags").submit();
	});

	$("#searchfield").autocomplete({
		source: "/ezjscore/call/liveSearch::productSearch::" + subTreesString,
		minLength: 2,
		open: function( event, ui )
		{
			/**
			 * Append a "fake result" that will trigger form submit.
			 */
			html = '<li id="jada" class="ui-menu-item" role="menu-item"><hr style="margin:0;padding:0" /><a tabindex="-1">show all..</a></li>';
			$("ul.ui-autocomplete").append(html);
		},
		select: function( event, ui )
		{
			if( ui.item )
			{
				document.location = '/redirect/search/' + ui.item.id;
			}
		}
	});
});