/*ricerca gialexong.com*/

/*
*
* la ricerca!
*
*/

g_ricerca = function (){
 // metto il "loading"
$("#rez").html("<div style=\"font-decoration:blink;\" align=center>Sto caricando i risultati...<br/> <img src=\"indicizza/loading.gif\" alt=\"loading\"></div>");
stringa = new String("");
var stringa=$("#sstring").val();
if(stringa.length<3){
alert("Attenzione!\ninserire un minimo di tre caratteri per la ricerca");
						$("#rez").html("<b>Attenzione! Inserire un minimo di 3 caratteri per la ricerca.</b>");
						return false;
						}
// anti XSS
var stringa = stringa.replace("<","&lt;");
var stringa = stringa.replace(">","&gt;");
var stringa = stringa.replace("<script>","&lt;script&gt;");
var stringaz = stringa.replace("</script>","&lt;/script&gt;");
$("#info_u").html("Hai effettuato una ricerca per: <b> "+stringaz+"</b>");
$("#sstring").val("");
$("#sstring").focus();
// facciamo un post in ajax al file search.php
	$.ajax({
   type: "POST",
   url: "search.php",
   data: "stringa="+stringa+"&oper=acerca",
   success: function(risposta){
 if(risposta==""){risposta="<br/><br/>La tua ricerca non ha prodotto nessun risultato :(";}
//	alert(risposta);
			$("#rez").show("500");
			$("#rez").html(risposta);

			}
							});

return false;
}


/*
* apre chiude form gestione ricerca
*
*
*/

$(document).ready(function(){
$("#sstring").keyup(function () {
$("#info_d").html("ricerca per: "+$("#sstring").val());
    });
	
	// autocompletamento ricerca
	$("#sstring").autocomplete("search.php", {
		width:300,
		delay:20,
		minChars:1,
		selectFirst:false,
		scrollHeight: 200,
		matchContains: true,
		max:20
		});
	
	
	$("#slink").click(function () {
// accendo e spengo il div principale (colA)
	if($("#colA").css("display")=="block"){
	
//	alert($("#colA").css("display"));
	
//RICERCA ACCESA
$("#colA").hide();
// batto dentro il formettino con la ricerca
$("#content").append('<div id="colS"><div id="welcome" class="boxedA"> <h2>Search / Cerca su gialexong.com</h2> <div id="info_u" align="center"></div><br/> <div id="formdv" align="center">inserisci il termine della tua ricerca<form id="cerca" name="cerca" method="post" action="javascript:void(0)"><label><img src=\"indicizza/search.png\" alt=\"cerca!\"><input type="text" name="sstring" id="sstring"/> </label><label><input type="submit" name="b" id="b" value="cerca" onclick="return g_ricerca();" /></label></form><input type="checkbox" id="una" value="una" name="una" checked><b>Autocompletamento on/off</b></div> <div id="info_d"></div> </div> <div id="risultati" class="boxedA"> <h2>&nbsp;Risultati:</h2> <div id="rez"> <span id="ix" style="display:none;">Caricamento...</span> </div></div> </div>');

$("#colS").css({height:'600px',overflow:'auto'});  

$("#sstring").css({width:'300px',height:'16px',border:'1px solid #CCC'}); 
$("#b").css({width:'50px',height:'24px',border:'1px solid #CCC',background:'#EEE',color:'#000'}); 

$("#sstring").focus();

	// autocompletamento ricerca
	$("#sstring").autocomplete("search.php", {
		width:300,
		delay:20,
		minChars:2,
		selectFirst:false,
		scrollHeight: 200,
		matchContains: true,
		max:10
		
		});
		
		// autocomplete ON/OFF
$("#una").click(function () {
if(!$(this).attr("checked")){
alert("hai disattivato l'autocompletamento del form di ricerca");
$(":input").unautocomplete();  
$("#una").unautocomplete();  					
					} else {
alert("hai attivato l'autocompletamento del form di ricerca");
					// autocompletamento ricerca
	$("#sstring").autocomplete("search.php", {
		width:300,
		delay:20,
		minChars:2,
		selectFirst:false,
		scrollHeight: 200,
		matchContains: false,
		max:10
		});
					}


	});
		
		
						} else {
//RICERCA SPENTA
$("#colS").remove();		
$("#colA").show();		


							
							}

	
	});
	
	
	

	
	
 });