$(function() {
	function log(message) {
		//console.log(message);
	}
	
	$("#searchHeader").autocomplete({
		source: function(request, response) {
			$.ajax({
				url: "/ajax/autocomplete/index.php",
				dataType: "json",
				data: {
					search: request.term
				},
				success: function(data) {
					$('#typeahead .number_of_results').html(data.length);
					response($.map(data, function(item) {
						return {
							label: item['topic_html'],
							value: item['topic_string']
						};
					}));
					
					var i = -1;
					$("#typeahead ul li a.ui-corner-all").each(function () {
						i++;
						$(this).attr('data-value', data[i]['topic_string']);
					});
					$('#typeahead ul li a.ui-corner-all').unbind('mouseenter');
					$('#typeahead ul li a.ui-corner-all').bind('click', function () {
						$('#searchHeader').val($(this).attr('data-value'));
					});
				}
			});
		},
		minLength: 2,
		select: function(event, ui) {
			log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
		}
	}).focus(function () {
		if ($(this).val() == 'Resource Name or Topic...') {
			$(this).val('');			
		}
	});
	
	$('#searchHeader').bind('autocompleteopen', function(event, ui) {
		$('ul.ui-autocomplete').remove().prependTo('#typeahead');
		$('#typeahead').css({ display: 'block'});
	});
	
	$('#searchHeader').bind('autocompleteclose', function(event, ui) {
		$('#typeahead').css({ display: 'none'});
	});
});