window.onload = function() {
	var tt = xGetElementById('xTooltip');//Obtenemos como objeto la capa xTooltip, donde está el banner
	var ttHeight = xHeight(tt);//altura del banner
	var ttWidth = xWidth(tt) + 5;//anchura del banner, usado para esconder el banner
	var pxLeft = 0;//Espacio en px entre la izquierda del todo de la página y la posicion final del banner
	var msTime = 10000; //Tiempo en milisegundos que durará el banner
	var msVelocityShow = 700;//Velocidad en milisegundos que tardará el banner en ponerse en posición.
	var msVelocityHidden = 1000;//Velocidad en milisegundos que tardará el banner en esconderse.
	var msVelocityScroll = 500;//Velocidad en milisegundos que tardará el banner en ponerse en la posición vertical.
	//Creamos la instancia para el evento scroll de la ventana, haciendo que se llame a la función winOnScroll una vez que se ejecute el scroll por el usuario
	xAddEventListener(window, 'scroll', winOnScroll, false);
	//Clase css, que se usará para mostrar en la capa xTooltip, es decir, para mostrar el banner
	tt.className = 'xTipShow';
	//Posición inicial de muestra del banner, altura e izq
	xMoveTo(tt, -ttWidth, xClientHeight() + xScrollTop() - ttHeight);
	//Mostramos el banner
	xShow(tt);
	//Lo movemos de izq a la posición adecuada
	xSlideTo(tt, pxLeft, xPageY(tt), msVelocityShow);
	//Creamos el evento para cuando se termine el tiempo de ejecución del banner
	xTimer.set('timeout', tt, 'timeout', msTime);
	//Función que se llamará una vez que se termine el tiempo msTime
	tt.timeout = function(){
		//Escondemos el banner de derecha a izq
		xSlideTo(tt, -ttWidth, xPageY(tt), msVelocityHidden);
		//Eliminamos el evento del scroll
		xRemoveEventListener(window,'scroll',winOnScroll,false)
	}
	//función que se llama al hacer scroll el usuario en su ventana del navegador
	function winOnScroll() {
		//Movemos el banner hacia abajo
		xSlideTo(tt, pxLeft, xClientHeight() + xScrollTop() - ttHeight, msVelocityScroll);
	}	
}