var ultimoInputId;





function initejemplos()
{ 




/*EL AJAX SE EJECUTA EN FUNCIONES-DICCIONARIO.PH*/

	/* ESTE ES EL COMPORTAMIENTO QUE SE EJECUTA AL ESCRIBIR UN CARACTER EN UN CAMPO DE INPUT*/
	/*  LANZA UN AJAX EN EL QUE COMPARA LOS EJEMPLOS ASOCIADOS A ESE CAMPO (TEXTOS.XML)
		COMPARA LOS KEYWORDS DE CADA EJEMPLO, Y SI COINCIDEN CON ALGUNA DE LAS PALABRAS INTRODUCIDAS , LO MUESTRA COMO SUGERENCIA*/
$('input.inputcampo').keyup(function(event)
	{
//	if (event.keyCode == 13) {    alert('13 return!'); alert('27 escaped!');		}
	
	//1. pillamos cada palabra introducida en un array.
	var divejemplos = $('#ejemplos');
	var campo = $(this).attr("id");
	var texto = $(this).attr('value');
	//var palabras = texto.split(/\b[\s,\.-:;]*/); ESTO Q LO HAGA El lado PHP 
	
	//ahora lanzamos el ajax que compara la lista de carateres 
	
	//TO_DO: estaria bienu url enconde , y al pillarlo desde el php hacer un url decode... pq caracteres como "'" los pilla mal
	if (  ($('#ejemplocheckbox').attr('checked'))   && ( texto != undefined))
   	   divejemplos.load("funciones-diccionario.php", "accion=cargaejemplos&campo="+campo+"&texto="+texto, aftercargaejemplos(campo)); 
	//la funcion get es como load, pero no se llama desde un elemento , y no carga enl contendio en nada, obviamente




}).blur(function(){  
	//TO_DO: se puede hacer que a entrar, si no hay texto, muestre TODOS LOS EJEMPLOS
	var divejemplos = $('#ejemplos');
//	divejemplos.hide();  // he decidio que no se oculte cuando se sale del mismo
}).focus(function(){ // CUANDO ENTRA EN EL INPUT
	var campo = $(this).attr("id");
	var divejemplos = $('#ejemplos');
	divejemplos.hide();  
	divejemplos.html('');

	posicionar_respecto_input (campo);

	if (  ($('#ejemplocheckbox').attr('checked'))   )
	divejemplos.load("funciones-diccionario.php", "accion=cargaejemplos&campo="+campo+"&texto=", aftercargaejemplos(campo, "input")); 

});



function posicionar_respecto_input (campo, tipo)
{
	var divejemplos = $('#ejemplos-y-traduccion');
	var input = $("#"+campo+"");
	var pos = input.offset();  
	var width = input.width();
	var height = input.height();
  //show the menu directly over the placeholder
   if (tipo ==="textarea")
	 divejemplos.css( { "left": (pos.left+width) + "px", "top": (pos.top)+ "px", "width": "400px"} );
   else divejemplos.css( { "left": pos.left + "px", "top": (pos.top)+ "px", "width": width  + "px"} );
   $('#ejemplos').show(); //slideDown("fast");
}

/*ESTE SCRIPT SE EJECUTA TRAS CARCAR LOS EJEMPLOS MOSTRADOS EN EL DIV (LOHACE VISIBLE SI HAY CONTENIDO O LO ESCONDE SI NO)*/
function aftercargaejemplos(campo, tipo)
{
 // ahora, tras cargar los textos, haremos 
 	var divejemplos = $('#ejemplos');
 	var divejemplosytraduccion = $('#ejemplos-y-traduccion');
 	var input = $("#"+campo+"");
	
  var contenido = divejemplos.html();
  var contenidotraduccion = $('#traduccion-automatica-ejemplo').html();

  posicionar_respecto_input (campo, tipo);

 // 1- Si se ha introducido contenido: se hará visible:
  if ( (contenido.length) <= 3  )  $('.ejemplos').hide(); else $('.ejemplos').show();
	// BOOK:traduccionautomatica- lo unico q tb esta aqui, ya q comparten div de contenidos
  if ( contenidotraduccion.length <= 3  )  $('.traduccion-automatica').hide(); else $('.traduccion-automatica').show();

  if (   (contenido.length > 3) ||   (contenidotraduccion.length > 3)    )
	  $('#ejemplos-y-traduccion').show();  

}



/* AHORA PARA EL TEXTAREA ...................................................................*/
$('.textareacampo').keyup(function(event)
	{
	//1. pillamos cada palabra introducida en un array.
	var divejemplos = $('#ejemplos');
	var campo = $(this).attr("id");
	var texto = $(this).attr('value');
	
	if (  ($('#ejemplocheckbox').attr('checked'))   && ( texto != undefined))
		divejemplos.load("funciones-diccionario.php", "accion=cargaejemplos&campo="+campo+"&texto="+texto, aftercargaejemplos(campo, "textarea")); 

});












} // FI DE INITEJEMPLOS