/*
 * AJAX Jquery and GOOGLE Based search
 * Copyright (c) 2009  Oliver Astrologo
 * Dual licensed under MIT and GPL.
 * @author  Oliver Astrologo
 * @version 1.0
 */
jQuery(function(){	
	jQuery('#search-ajax-results').hide();
	jQuery('#search-ajax').submit(function(){processAjaxSearch(this);return false});
	jQuery('#search-close').mouseover(function(){jQuery(this).addClass('over')}).mouseout(function(){jQuery(this).removeClass('over')}).click(closeSearch);
});

function processAjaxSearch(t){
	if (jQuery('#s').val() != '' && jQuery('#s').val() != 'Cerca nel sito' ){
		jQuery.getJSON("/search/?s="+jQuery('#s').val(), displayResults);
		jQuery('#search-close').hide();
		jQuery('#search-ajax-results').show().addClass('searching').html('&nbsp;').slideDown();		
	}else{
		closeSearch();
	}	
}

function closeSearch(){	
	jQuery('#search-ajax-results').slideUp();
	jQuery('#search-close').hide();
}

function displayResults(data){	
	// Start putting together the HTML string	
	//jQuery('#search-pusher').removeClass('searching');
	var htmlString = '<ul class="archive-list" style="display:none">'; 
	var counter=0;
	// Now start cycling through our array of Flickr photo details
	jQuery.each(data.responseData.results, function(i,item){ 
		// I only want the ickle square thumbnails
		//var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg"); 
		// Here's where we piece together the HTML
		htmlString += '<li><a href="' + item.url + '" target="_blank">';
		//htmlString += '<img title="' + item.title + '" src="' + sourceSquare;
		htmlString += item.title;
		htmlString += '</a></li>';
		counter++;
	}); 
	if (counter==0){
	htmlString += '<li>Nessun risultato trovato.</li>';	
	}
	htmlString += '</ul>';	
	// Pop our HTML in the #images DIV
	jQuery('#search-close').show();
	jQuery('#search-ajax-results').removeClass('searching').html(htmlString);
	jQuery('#search-ajax-results ul').slideDown();
	
}