$(function(){
	var autocomplete_item_type = '';
	var autocomplete_change = false
	
	$('#q').autocomplete({
		source: '/search/autocomplete/',
		select: function(event, ui) {
			var item_url = ui.item.url;
			window.location.href = item_url;
		}
	}).data('autocomplete')._renderItem = function (ul, item) {
		if (autocomplete_item_type != '' && autocomplete_item_type != item.type) {
			autocomplete_change = true;
		}
		var autocomplete_a_class = 'search_autocomplete_title search_autocomplete_'+autocomplete_item_type;
		
		var autocomplete_li_class = '';
		if (autocomplete_change == true) {
			autocomplete_li_class = ' autocomplete_type_li_change';
			autocomplete_a_class+= ' autocomplete_type_a_change'
			autocomplete_change = false;
		}
		
		var autocomplete_item = "<a href='"+item.url+"'>";
		autocomplete_item+= "<span class='"+autocomplete_a_class+"'>";
		autocomplete_item+= item.title;
		autocomplete_item+= "</span>";
		autocomplete_item+= "<br>";
		autocomplete_item+= "<span class='search_autocomplete_subtitle'>";
		autocomplete_item+= item.subtitle;
		autocomplete_item+= "</span>"
		autocomplete_item+= "</a>";
		
		autocomplete_item_type = item.type;
		
		return $("<li class='"+autocomplete_li_class+"'></li>")
			.data("item.autocomplete", item)
			.append(autocomplete_item)
			.appendTo(ul);
    };
    
    $('#q').zIndex(9);
})