//***************** Aqui comienzan rutinas para mostrar el layer que cubre toda la pagina ********************
function poppagent(idlayer,url,anchofijopagweb,anch_l,alto_l)
{
//Parametros (idlayer, pagina web sin tags (), ancho fijo de la pagina web, ancho y alto del layer topcontenido)
//utilizado para cuando se muestre el layer superior muestre la imagen cargando
var loading = '';
//alto y ancho de la ventana
vecdevuelto = anchoyaltoventanaDelpadre();
anchoventana = vecdevuelto[0];
altoventana = vecdevuelto[1];
//alto y ancho de la pagina web
vecdevueltopag = anchoyaltoPaginaDelpadre();
_docWidth = vecdevueltopag[0];
_docHeight = vecdevueltopag[1];
//915 es el ancho real de la pagina
if(anchoventana < anchofijopagweb)
{
_widthoverlay = anchofijopagweb + 'px';
}
else
{
_widthoverlay = anchoventana + 'px';
}
if(altoventana > _docHeight)
{
_heightoverlay = altoventana + 'px';
}
else
{
_heightoverlay = _docHeight + 'px';
}
if (document.getElementById) // DOM3 = IE5, NS6
{
parent.document.getElementById(idlayer).innerHTML=loading;
browser = check_browser();
if(browser<=6 && browser>0)
{
parent.document.getElementById(idlayer).style.position = "absolute";
}
parent.document.getElementById('topdeckpe').style.width = _widthoverlay;
parent.document.getElementById('topdeckpe').style.height = _heightoverlay;
parent.document.getElementById('topdeckpe').style.display = 'block';
parent.document.getElementById(idlayer).style.width = anch_l + 'px';
var centro = anchoventana - parseInt(anch_l);
centro/=2;
parent.document.getElementById(idlayer).style.left = centro + 'px';
// var centrov = altoventana-parseInt(alto_l);
// centrov/=2;
// parent.document.getElementById(idlayer).style.top = centrov + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.getElementById(idlayer).style.height = alto_l + 'px';
parent.document.getElementById(idlayer).style.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
parent.document.getElementById(idlayer).style.display = 'block'
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
parent.document.getElementById(idlayer).innerHTML=pagecnx.responseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
//parent.document.getElementById(idlayer).innerHTML = tex; //Esta linea fue reemplazada por las lineas anteriores para cargar una pagina web completa (la pagina que carga no puede tener los tags ni de apertura ni de cierre)
}
else
{
if (document.layers) // Netscape 4
{
parent.document.topcontenido.innerHTML=loading;
parent.document.topdeckpe.width = _widthoverlay;
parent.document.topdeckpe.height = _heightoverlay;
parent.document.topdeckpe.display = 'block'
parent.document.topcontenido.width = anch_l + 'px';
var centro = anchoventana-parseInt(anch_l);
centro/=2;
parent.document.topcontenido.left = centro + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.topcontenido.height = alto_l + 'px';
parent.document.topcontenido.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
parent.document.topcontenido.display = 'block';
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
parent.document.topcontenido.innerHTML=pagecnx.responseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
//parent.document.topcontenido.innerHTML = tex; //Esta linea fue reemplazada por las lineas anteriores para cargar una pagina web completa (la pagina que carga no puede tener los tags ni de apertura ni de cierre)
}
else // IE 4
{
parent.document.all.topcontenido.style.innerHTML=loading;
parent.document.all.topdeckpe.style.width = _widthoverlay;
parent.document.all.topdeckpe.style.height = _heightoverlay;
parent.document.all.topdeckpe.style.display = 'block'
parent.document.all.topcontenido.style.width = anch_l + 'px';
var centro = anchoventana-parseInt(anch_l);
centro/=2;
parent.document.all.topcontenido.style.left = centro + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.all.topcontenido.style.height = alto_l + 'px';
parent.document.all.topcontenido.style.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
parent.document.all.topcontenido.style.display = 'block';
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
parent.document.all.topcontenido.style.innerHTML=pagecnx.responseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
//parent.document.all.topcontenido.style.innerHTML = tex; //Esta linea fue reemplazada por las lineas anteriores para cargar una pagina web completa (la pagina que carga no puede tener los tags ni de apertura ni de cierre)
}
}
}
function killppe(idlayer1)
{
//utilizado para cuando se muestre la siguiente vez el layer superior muestre la imagen cargando
// var loading = '';
if (document.getElementById) // DOM3 = IE5, NS6
{
parent.document.getElementById('topdeckpe').style.display = 'none';
parent.document.getElementById(idlayer1).style.display = 'none';
// parent.document.getElementById(idlayer1).innerHTML=loading;
}
else
{
if (document.layers) // Netscape 4
{
parent.document.topdeckpe.display = 'none';
parent.document.topcontenido.display = 'none';
//parent.document.topcontenido.innerHTML=loading;
}
else // IE 4
{
parent.document.all.topdeckpe.style.display = 'none';
parent.document.all.topcontenido.style.display = 'none';
//parent.document.all.topcontenido.style.innerHTML=loading;
}
}
}
function centarlayer(idlayer,anch_l,alto_l,anchofijopagweb)
{
//alto y ancho de la ventana
vecdevuelto = anchoyaltoventanaDelpadre();
anchoventana = vecdevuelto[0];
altoventana = vecdevuelto[1];
//990 es el ancho real de la pagina
if(anchoventana < anchofijopagweb)
{
_widthoverlay = anchofijopagweb + 'px';
}
else
{
_widthoverlay = anchoventana + 'px';
}
if (document.getElementById) // DOM3 = IE5, NS6
{
parent.document.getElementById('topdeckpe').style.width = _widthoverlay;
parent.document.getElementById(idlayer).style.width = anch_l + 'px';
var centro = anchoventana - parseInt(anch_l);
centro/=2;
parent.document.getElementById(idlayer).style.left = centro + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.getElementById(idlayer).style.height = alto_l + 'px';
parent.document.getElementById(idlayer).style.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
}
else
{
if (document.layers) // Netscape 4
{
parent.document.topdeckpe.width = _widthoverlay;
parent.document.topcontenido.width = anch_l + 'px';
var centro = anchoventana-parseInt(anch_l);
centro/=2;
parent.document.topcontenido.left = centro + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.topcontenido.height = alto_l + 'px';
parent.document.topcontenido.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
}
else // IE 4
{
parent.document.all.topdeckpe.style.width = _widthoverlay;
parent.document.all.topcontenido.style.width = anch_l + 'px';
var centro = anchoventana-parseInt(anch_l);
centro/=2;
parent.document.all.topcontenido.style.left = centro + 'px';
//scroll position
var sc_y = getScrollYPrent(); // alert(sc_y[1]);
parent.document.all.topcontenido.style.height = alto_l + 'px';
parent.document.all.topcontenido.style.top = (sc_y[1] + 50) + 'px'; //en sc_y[1] tengo la posicíon Y del scroll
}
}
}
//***************** Aqui terminan rutinas para mostrar y ocultar el overlayer********************
function createXMLHttpRequest(){
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
function anchoyaltoPaginaDelpadre()
{
}
function anchoyaltoventana()
{
}
function getScrollYPrent()
{
var scrOfX = 0, scrOfY = 0;
if( typeof( window.parent.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.parent.pageYOffset;
scrOfX = window.parent.pageXOffset;
} else if( parent.document.body && ( parent.document.body.scrollLeft || parent.document.body.scrollTop ) ) {
//DOM compliant
scrOfY = parent.document.body.scrollTop;
scrOfX = parent.document.body.scrollLeft;
} else if( parent.document.documentElement && ( parent.document.documentElement.scrollLeft || parent.document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = parent.document.documentElement.scrollTop;
scrOfX = parent.document.documentElement.scrollLeft;
}
vecxy = new Array(scrOfX,scrOfY)
return vecxy;
}
function getScrollXY() {
var scrOfX = 0, scrOfY = 0;
if( typeof( window.parent.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.parent.pageYOffset;
scrOfX = window.parent.pageXOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
//DOM compliant
scrOfY = document.body.scrollTop;
scrOfX = document.body.scrollLeft;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
scrOfX = document.documentElement.scrollLeft;
}
return [ scrOfX, scrOfY ];
}
//********* Detectar window resize ******************
var addEvent = function(elem, type, eventHandle)
{
if (elem == null || elem == undefined) return;
if ( elem.addEventListener )
{
elem.addEventListener( type, eventHandle, false );
}
else if ( elem.attachEvent )
{
elem.attachEvent( "on" + type, eventHandle );
}
};
addEvent(window, "resize", function()
{
if (document.getElementById) // DOM3 = IE5, NS6
{
if(parent.document.getElementById('topcontenido').style.display == 'block')
{
var an = parent.document.getElementById('topcontenido').style.width;
var al = parent.document.getElementById('topcontenido').style.height;
centarlayer('topcontenido',parseInt(an),parseInt(al),'915')
}
}
else
{
if (document.layers) // Netscape 4
{
if(parent.document.topcontenido.display == 'block')
{
var an = parent.document.topcontenido.width;
var al = parent.document.topcontenido.height;
centarlayer('topcontenido',parseInt(an),parseInt(al),'915')
}
}
else // IE 4
{
if(parent.document.all.topcontenido.style.display == 'block')
{
var an = parent.document.all.topcontenido.style.width;
var al = parent.document.all.topcontenido.style.height;
centarlayer('topcontenido',parseInt(an),parseInt(al),'915')
}
}
}
} );
//********* Fin Detectar window resize ******************
function check_browser()
{
// Returns the version of Internet Explorer or a -1 (indicating the use of another browser).
var rv = -1; // Return value assumes failure.
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
{
rv = parseFloat( RegExp.$1 );
}
}
return rv;
}
//*************** Rutinas para arrastrar y soltar Div*******************
function evitaEventos(event)
{
// Funcion que evita que se ejecuten eventos adicionales
if(navegador==0)
{
window.event.cancelBubble=true;
window.event.returnValue=false;
}
if(navegador==1) event.preventDefault();
}
function comienzoMovimiento(event, id)
{
elMovimiento=document.getElementById(id);
// Obtengo la posicion del cursor
if(navegador==0)
{
cursorComienzoX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
cursorComienzoY=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
document.attachEvent("onmousemove", enMovimiento);
document.attachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
cursorComienzoX=event.clientX+window.scrollX;
cursorComienzoY=event.clientY+window.scrollY;
document.addEventListener("mousemove", enMovimiento, true);
document.addEventListener("mouseup", finMovimiento, true);
}
elComienzoX=parseInt(elMovimiento.style.left);
elComienzoY=parseInt(elMovimiento.style.top);
// Actualizo la posicion del elemento // NO UTILIZO ESTA FUNCION PARA EVITAR QUE EL DIV SE PIERDA
// elMovimiento.style.zIndex=++posicion;
evitaEventos(event);
}
function enMovimiento(event)
{
var xActual, yActual;
if(navegador==0)
{
xActual=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
yActual=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
}
if(navegador==1)
{
xActual=event.clientX+window.scrollX;
yActual=event.clientY+window.scrollY;
}
elMovimiento.style.left=(elComienzoX+xActual-cursorComienzoX)+"px";
elMovimiento.style.top=(elComienzoY+yActual-cursorComienzoY)+"px";
evitaEventos(event);
}
function finMovimiento(event)
{
if(navegador==0)
{
document.detachEvent("onmousemove", enMovimiento);
document.detachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
document.removeEventListener("mousemove", enMovimiento, true);
document.removeEventListener("mouseup", finMovimiento, true);
}
}
//***Detectar navegador***
posicion=0;
// IE
if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
// Otros
else navegador=1;
//***Fin Detectar navegador***
//*************** fin Rutinas para arrastrar y soltar Div*******************
