//LIVE SEARH
//LOS EFECTOS FUNCIONAN CON JQUERY y DIMMENSIONS (ojo! incluirlo)

//Ocultar el div
$(document.body).click(function(event) {
	var id_o = event.target.id;

	if(!$(event.target).parents('#live_search').length && id_o != 'ant_search' && id_o != 'sig_search') {
		$('#live_search').slideUp(1);
	}
});

//Paginacion de live search
function liveSearch(e,page){

	texto = document.getElementById('q').value;

	keyNum = e.keyCode;

	if (keyNum == 13)	return false;

	if (keyNum == 8){  //Backspace
		texto = texto.slice(0, -1);  //Borra el ultimo caracter
	}

	if($.browser.msie){
		var offsetX = 153;
	}
	else{
		var offsetX = 155;
	}

	var offsetY = 11;

	var input = document.getElementById('q');
	var id_div = 'live_search';

	var input		= $('#q');
	var tmpOffset	= input.offset();

	var div_top = tmpOffset.top + input.outerHeight() + offsetY;
	var div_left = tmpOffset.left - offsetX;

	if (document.getElementById(id_div) == undefined){
		//Div
		search = document.createElement('div');
		search.id = id_div;
		//search.style.zIndex = 5;
		search.style.position = 'absolute';
		search.style.top = div_top + 'px';
		search.style.left = div_left + 'px';
		search.style.width = '200px';
		search.style.display = 'none';
		//search.innerHTML = '<div id="search"><ul><li style="list-style:none"><img src="img/ajax_loading.gif">&nbsp;&nbsp;Buscando...</li></ul></div><div id="result_search"> <div id="im_left"></div> <div id="im_right"></div><p>&nbsp;</p><p>&nbsp;</p></div>';
		document.body.appendChild(search);

	}

	if (texto.length > 1){

		$('#'+id_div).slideDown(1,doSearch(texto,page,id_div));
//		setTimeout(function(){$('#'+id_div).slideDown(300);},100);

	}

	function doSearch(texto,page,id_div){
		getDataV1('liveSearch','ajax.php?object=liveSearch&criterio='+texto+'&page='+page,id_div,'inner');
	}
}