// JavaScript Document
//controla el buscador
var buscarTime;//controla el settime out para que no mande a buscar si una persona escribe rapido
var textoActual=$('#bucarTxt').val();//controla si no se ha cambiado el texto
function initbuscador(){
	$(".contenedor").click(function (){ cerrarCuadroBusqueda()})
	$('#bucarTxt').keyup(function (){ showBusqueda(this);})
	$('#bucarTxt').click(function (){ showBusqueda(this);})
	setImageBg($('#bucarTxt'))
	
}
function cerrarCuadroBusqueda(){
	$('.menuHolder').find(".itms").css("borderWidth","0px")
	$('.menuHolder').find("img").animate({"height":"0px"},{duration:10})
	$('.menuHolder').find(".itms").animate({height: "0px",paddingTop:"0px"},{queue:false,duration:10})
}
function setImageBg(texto){
	if(texto.length>0)
	{
		$('#bucarTxt').css("background","#FFFFFF")
	}else
		$('#bucarTxt').css("background","#FFFFFF url(http://www.google.com.ec/cse/intl/es/images/google_custom_search_watermark.gif) no-repeat scroll left center")
}
function showBusqueda(input){
	var textoNuevo=$(input).val()
	if(textoActual==textoNuevo)
			return false;
	else
		textoActual=textoNuevo
	setImageBg(textoNuevo)
	if(textoActual.length>2){
		
		$('#bucarTxt').css("background","#FFFFFF url(http://www.granecuador.net/empresas/imagenes/loadingBusqueda.gif) no-repeat scroll right center")
		clearTimeout(buscarTime)
		buscarTime=setTimeout("buscar('"+textoActual+"')",1000)
	}
	}
function buscar(cadena){
	$.ajax({
			url: "../../bd/buscador.php",
			cache:false,
			type:"POST",
			data: ({texto:cadena}),
			success: function(html){
				$(".itms").html("<div class='cerrarCntBusqueda bot redondear'><a hrerf='#'>X</a></div>"+html)
				$('.cerrarCntBusqueda').click(function (){cerrarCuadroBusqueda()})
				mostrarCntBusqueda()
			}
		});
}
function mostrarCntBusqueda(){
		$(".itms").css("borderWidth","0px")
		$(".menuHolder").find("img").animate({"height":"0px"},{duration:10})
		$('.menuHolder').find(".itms").animate({height: "0px"},{queue:false,duration:10})
		$('.menuHolder').find("*").stop()
		$('.menuHolder').find(".itms").css("borderWidth","1px")
		var itms=$('.menuHolder').find(".itms").find("li")
		var uls= $('.menuHolder').find(".itms").find("ul")
		$('.menuHolder').find(".itms").animate({height: Math.round(itms.length/2)*38+(uls.length-1)*40+50+"px",paddingTop:"10px"},{queue:false,duration:300});
		$('#bucarTxt').css("background","#FFFFFF")
}