// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Temporary variables to hold mouse x-y pos.s
var posMouseX = 0
var posMouseY = 0

// Main function to retrieve mouse x-y pos.s

document.onmousemove = getMouseXY;

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    posMouseX = event.clientX + document.body.scrollLeft
    posMouseY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    posMouseX = e.pageX
    posMouseY = e.pageY
  }  
  // catch possible negative values in NS4
  if (posMouseX < 0){posMouseX = 0}
  if (posMouseY < 0){posMouseY = 0}  

  return true
}

// píxeles que se desplaza la ventana hacia abajo para que no se sobreimprima al enlace
var popup_OFFSET_VENTANA_X = 20;
var popup_OFFSET_VENTANA_Y = 20;

// indica si hay algún elemento siendo mostrado en este momento
var gPopUpMostrado = false;

// variable con referencia al popup creado
var gPopUp = null;

// funcion que abre un popup "mini" en la posición del ratón con una ayuda extraida con AJAX
// se le pasa el identificador numérico del elemento (servicio)
// se le pasa el idioma para pedirlo con ajax tambien 
// ATENCION: supone que el id del link se llama "servicio" + ID numérico (p.e. <a id="servicio1">)
// ATENCION: supone que lo llama un link "a" en el mouseover 

var global_posicion_1;
var global_popup_OFFSET_VENTANA_Y;

var lPopUp = null;

function mp_SrvActivar(id_a,url,idioma) {
	
	if (!gPopUpMostrado) {
		
		gPopUpMostrado = true;
		var body = document.getElementsByTagName('body')[0];

		if (gPopUp==null)
		{
			// creamos el DIV para el contenido
			lPopUp = document.createElement('div');
			lPopUp.id = 'gPopUp';
			lPopUp.style.position = 'absolute';
			lPopUp.style.zIndex = '200';
			lPopUp.style.width = '320px';
			lPopUp.style.top = '0px';
			lPopUp.style.left = '0px';
			//lPopUp.style.height = 'auto'; 
			lPopUp.style.backgroundColor = '#FFFFFF';
			lPopUp.style.backgroundImage = 'none';
			lPopUp.style.borderColor = '#C2C2C2';
			lPopUp.style.borderWidth = '1px';
			lPopUp.style.borderStyle = 'solid';
			lPopUp.style.paddingLeft = '10px'; 				
			lPopUp.style.paddingRight = '10px'; 				
			lPopUp.style.paddingTop = '10px'; 				
			lPopUp.style.paddingBottom = '10px';										
					 				
			body.appendChild(lPopUp);				
			
			gPopUp = document.getElementById('gPopUp');
		}
				
		// lo colocamos bajo el enlace
		
		gPopUp.style.display = 'none';
		Position.prepare();
		var posicion = Position.cumulativeOffset($('servicio_' + id_a));

		global_posicion_1=posicion[1];

		var pars = 'id=' + id_a + '&mundoR_idioma=' + idioma;
		var myAjax = new Ajax.Request(
			url, 
			{
				method: 'get', 
				parameters: pars, 
				onComplete: mp_AjaxTerminar
			});		
	}
}


// función que hace desaparecer el popup
// ATENCION: supone que lo llama un link "a" en el mouseover

function mp_SrvDesactivar() {
	if (gPopUp!=null) {		
		gPopUp.style.display='none';
		gPopUpMostrado = false;
		}
}

// función que recibe el aviso de que ha terminado la petición AJAX
// y añade código 

function mp_AjaxTerminar(originalRequest) {
	
	if ((gPopUpMostrado) && (gPopUp!=null)) {

		gPopUp.innerHTML = originalRequest.responseText;
		//gPopUp.style.top = '0px';
		//gPopUp.style.left = '0px';
		gPopUp.style.display = 'block';

		popupPosX=posMouseX;
		if((posMouseX+370)>screen.width){
			popupPosX = posMouseX-360;
		}

		gPopUp.style.left = (popupPosX+20) + 'px';
			
		popupPosY=global_posicion_1 + popup_OFFSET_VENTANA_Y;
		total=popupPosY+gPopUp.offsetHeight;

		if((total+250)>screen.height){
			popupPosY=popupPosY-popup_OFFSET_VENTANA_Y-gPopUp.offsetHeight;
		}	
		gPopUp.style.top = popupPosY + 'px';

		}
}