var j = jQuery.noConflict();
String.prototype.trim=function(){
        return this.replace(/(^\s*)|(\s*$)/g, "");
}
 j(document).ready(function()
	{
		// Safely inject CSS3 and give the search results a shadow
		var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard
			'-webkit-box-shadow' : '#888 5px 10px 10px', // Safari
			'-moz-box-shadow' : '#888 5px 10px 10px'}; // Firefox 3.5+
		j("#suggestions").css(cssObj);
		
		// Fade out the suggestions box when not active
		 j("input").blur(function(){
		 	j('#suggestions').fadeOut('slow');
		 });
	}
);

function lookup(inputString) {
	inputString=inputString.trim();
	if(inputString.length == 0) {
		j('#suggestions').html('');
		//j('#suggestions').html(''); // Hide the suggestions box
		//j('#suggestions').fadeOut("slow",function(){  }); 
	} else {
		productService.getProductListBySearchAjax(inputString, function(data) { // Do an AJAX call
			j('#suggestions').fadeIn(); // Show the suggestions box
			var str=fillData(data,inputString);
			j('#suggestions').html(str); // Fill the suggestions box
		});
	}
}

function fillData(data,inputString){
	if(data.length==0){
		return "";
	}
	var str="<p id='searchresults'>";
//	<a href=""><img src=""><span class="searchheading">Creating</span><span></span></a>
	var end=10;
	if(data.length<end){
		end=data.length;
	}
		
	for(var i=0;i<end;i++){
		var p = data[i];
		var temp="";
		temp+="<a href='product.do?actioncode=getProdcutByID&proID="+p.proID+"'>";
		temp+="<img src='ProductImage/"+p.proID+"/thumbnails/search.jpg' >";
		temp+="<span class='searchheading'>"+p.proName+"</span>";
		temp+="<span>Price:$"+p.outPrice+"</span></a>";
		
		str+=temp;		
	}
	str+="<span class='seperator'><a href='product.do?actioncode=search&proName="+inputString+"' >View all search results</a></span><br class='break'>";
	str+="</p>";
	return str;
	
}