<!--
// JavaScript Document
/*
#######################################################
###													###
###		FUNCIONES PARA EL USO DE PANTALLAS			###
###		INFORMATIVAS CON CONTENIDO AJAX				###
###		----------------------------------			###
###													###
###		Desarrolladas por Wallace Solution			###
###		www.ws.com.ve								###
###		Valerio Piselli / Rodrigo Velásquez			###
###		22/AGO/2007 - v1.0							###
###													###
###		______________________________________		###
###		En caso de necesitar información sobre		###
###		derechos, sugerencias, preguntas o 			###
###		comentearios. Escribir a: info@ws.com.ve	###
###													###
#######################################################
*/

/********************************************************/
/* CARGO LAS VARIABLES NECESARIAS Y CREO LOS EVENTOS	*/
/********************************************************/
// Detecta si el navegador es IE o no.
// Si no es IE, asuminos que es NS.
var IE = document.all?true:false

// Si NS -- eso es, !IE -- entonces capturamos el evento del mouse
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Se hace el llamado a la funcion cuando se mueve el mouse
document.onmousemove = getMouseXY;

// Variables temporales para obtener x-y pos.s
var tempX 		=	0
var tempY 		=	0

// Para evitar errores, declaro la variable
var timeoutID

// Espacio entre el punterp y donde abre la ventana
var paddingX	=	10
var paddingY	=	10

// Creo los elementos necesarios para que contengan los valores
// del cursor mientras se mueve por la pantalla
var cuerpo		=	document.getElementById('ancla_pantalla_pop')

var elementoX	=	document.createElement('input')
elementoX.type	=	'hidden'
elementoX.id	=	'MouseX'
elementoX.value	=	'0'

var elementoY	=	document.createElement('input')
elementoY.type	=	'hidden'
elementoY.id	=	'MouseY'
elementoY.value	=	'0'

cuerpo.appendChild(elementoX)
cuerpo.appendChild(elementoY)


/********************************************************/
/* OBTIENE LAS POSICIONES DEL CURSOR EN X y Y			*/
/********************************************************/
/* 
V1.0
NOTA:Esta funcion necesita a juro, la prescencia de dos campos ocultos
en la pagina donde se corre, los cuales almacenarán los valores del puntero
en cualquier momento.
*/
function getMouseXY(e)
{
	if (IE)
	{
		// obtiene x-y pos.s en navegadores IE
		tempX = event.clientX + document.body.scrollLeft
		tempY = event.clientY + document.body.scrollTop
	}
	else
	{ 
		// obtiene x-y pos.s en navegadores NS
		tempX = e.pageX
		tempY = e.pageY
	}  
	// captura posibles valores negativos en NS4
	if (tempX < 0){tempX = 0}
	if (tempY < 0){tempY = 0}  
	// devuelve los valores de ambos ejes
	document.getElementById('MouseX').value = tempX+paddingX
	document.getElementById('MouseY').value = tempY+paddingY
  return true
}
/*
<input type="hidden" id="MouseY" value="0">
<input type="hidden" id="MouseX" value="0">
*/


/********************************************************/
/* ABRE LA PANTALLA EN LA POSICION DEL PUNTERO			*/
/********************************************************/
/* 
V1.0
NOTA:
*/
function pantalla_abrir(pantalla,ancho,padX,padY)
{
	// Espacio entre el punterp y donde abre la ventana
	if (padX!='') {paddingX	=	padX}
	if (padY!='') {paddingY	=	padY}

	document.getElementById(pantalla).style.overflow	=	'visible';
	document.getElementById(pantalla).style.visibility	=	'visible';
	document.getElementById(pantalla).style.width		=	ancho+'px';
	// Obtengo los valores de los hidden que me diran
	// donde esta el mouse ubicado
	var top		=	document.getElementById('MouseY').value;
	var left	=	document.getElementById('MouseX').value;
	var topY	=	top+"px";
	var leftX	=	left+"px";
	
	document.getElementById(pantalla).style.top			=	topY;
	document.getElementById(pantalla).style.left		=	leftX;
	
	//LLAMO A LA FUNCION QUE MUEVE EL DIV CADA 100 MILESIMAS DE SEGUNDO
	//intervalID	=	setInterval("pantalla_scroll('"+pantalla+"')", 100);
		
}


/********************************************************/
/* CIERRA LA PANTALLA Y DETIENE EL TIMEOUT Y INTERVAL	*/
/********************************************************/
/* 
V1.0
NOTA:
*/
function pantalla_cerrar(pantalla)
{
	document.getElementById(pantalla).style.overflow	=	'hidden';
	document.getElementById(pantalla).style.visibility	=	'hidden';
	
	//DETENGO LA FUNCION QUE CORRE CADA 100 MILESIMAS DE SEGUNDO
	//clearInterval(intervalID);
	clearTimeout(timeoutID);
}



/********************************************************/
/* CREA EL TIMEOUT QUE CIERRA LA PANTALLA			*/
/********************************************************/
/* 
V1.0
NOTA:
*/
function pantalla_crear_timeout(pantalla)
{
	timeoutID	=	setTimeout("pantalla_cerrar('"+pantalla+"')", 300000);
}

// Elimina el timeout de desaparicion de la pantalla
function pantalla_eliminar_timeout()
{
	clearTimeout(timeoutID);
}



/********************************************************/
/* VUEVE LA PANTALLA CUANDO SE HACE SCROLL				*/
/********************************************************/
/* 
V1.0
NOTA:
*/
function pantalla_scroll(pantalla)
{
	//var winY	=	document.body.scrollTop+50;
	var winY	=	document.documentElement.scrollTop+50;
	var topY	=	winY+"px";

	document.getElementById(pantalla).style.top		=	topY;
}




/********************************************************/
/* OBTIENE LAS POSICIONES DEL CURSOR EN X y Y			*/
/********************************************************/
/* 
V1.0
NOTA: Esta funcion calcula el tamano del la ventana y devuelve
el tamano tanto en X como en Y.
*/
function ventana_calcular()
{
	if (parseInt(navigator.appVersion)>3)
	{
		if (navigator.appName=="Netscape")
		{
			winW = window.innerWidth;
			winH = window.innerHeight;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1)
		{
			winW = document.body.offsetWidth;
			winH = document.body.offsetHeight;
		}
	}
	
	return winH;
}
/*
EJEMPLO DE UN DIV QUE USA ESTA FUNCION
--------------------------------------

<a href="javascript:void(0);" onMouseOver="pantalla_abrir('pantalla_XX',ANCHO_DEL_DIV); pantalla_eliminar_timeout(); cargar_contenido('pantalla_contenedor_XX',URL,TIPO,PARAMETROS,MENSAJE_CARGANDO);" onMouseOut="pantalla_crear_timeout('pantalla_XX');">
MouseOver aqui para que aparezca la pantalla
</a>

ESTE DIV SE ENCUENTRA EN INCLUDES EN "/_wspanel/_include/inc_pantalla_XX.php"
<?php include("_include/inc_pantalla_XX.php"); ?>

--------------------------------------
Modificar las XX al valor del la pantalla
--------------------------------------

<div class="pantalla_XX" onMouseOver="pantalla_eliminar_timeout();" onMouseOut="pantalla_crear_timeout('pantalla_div_XX');" id="pantalla_div_XX">
    <div id="pantalla_titulo_XX">
        <div style=" float:right">
            <a href="javascript:void(0);" onClick="pantalla_cerrar('pantalla_div_XX');">X</a>
        </div>
        info-pop
    </div>
    <div id="pantalla_contenedor_XX"></div>
</div>

*/
-->
