/* Autocomplete jQuery UI */
$(function() {
	function log(message) {
		$("<div/>").text(message).prependTo("#log");
		$("#log").attr("scrollTop", 0);
	}

	$("#q").autocomplete({
		source: function(request, response) {
			$.ajax({
				url: "http://clients1.google.com/complete/search",
				dataType: "jsonp",
				data: {
					q: request.term
				},
				success: function(data) {
					response($.map(data[1], function(item) {
						return {
							label: item[0],
							value: item[0]
						}
					}))
				}
			})
		},
		minLength: 2,
		select: function(event, ui) {
			log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
		},
		open: function() {
			$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
		},
		close: function() {
			$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
		}
	});
});

$(function() {
	function log(message) {
		$("<div/>").text(message).prependTo("#log");
		$("#log").attr("scrollTop", 0);
	}

	$("#q2").autocomplete({
		source: function(request, response) {
			$.ajax({
				url: "http://clients1.google.com/complete/search",
				dataType: "jsonp",
				data: {
					q: request.term
				},
				success: function(data) {
					response($.map(data[1], function(item) {
						return {
							label: item[0],
							value: item[0]
						}
					}))
				}
			})
		},
		minLength: 2,
		select: function(event, ui) {
			log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
		},
		open: function() {
			$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
		},
		close: function() {
			$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
		}
	});
});