jQuery(document).ready(function(){
	jQuery('#searchbox').keyup(function(){
		autoSuggest(this.value);
	});
});

var autoSuggest = function(value){
	if(value != ''){
		jQuery.getJSON("/data/autocomplete/"+value,
	    function(data){
		jQuery('#tweets').html('');
		  var total = parseInt(data.length)-1;
	      jQuery.each(data, function(i, celeb){
	      	//console.log(total, i);
	      	aclass = ''
	      	if(i == total){
	      		aclass = 'bottomround';
	      	}
	      	var name = celeb.fname+' '+celeb.lname;
	      	name = name.toLowerCase().replace(value, '<span>'+value+'</span>');
	     	jQuery("<li>").html('<a href="/celeb/view/'+celeb.tname+'" class="'+aclass+'"><img src="'+celeb.imgprefix+'" width="48" height="48">'+name+'</a>').appendTo("#tweets");
	     });
	    });
	} else {
		jQuery('#tweets').html('');
	}
	jQuery('html').click(function(){
		jQuery('#tweets').html('');
	});
}