// CONTROLO DE NO HABER CREADO YA EL HEADER
var controlCreator = new Array();

// PRENDO Y APAGO EL LAYER
function layeronoff(szDivID, iState) {
	if (document.layers) { //NN4+
		document.layers[szDivID].visibility = iState ? "show" : "hide";
	}
	else if (document.getElementById) { //gecko(NN6) + IE 5+
		var obj = document.getElementById(szDivID);
		obj.style.visibility = iState ? "visible" : "hidden";
	}
	else if (document.all) { // IE 4
		document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
	}
}

/*
// LE AGREGO EL HEADER AL DIV
function layerBuild(szDivID, Title) // 1 visible, 0 hidden
{
	// controlo si existe ya. si existe no se crea de vueltaaa agua dulce agua salaaa	
	for (var s = 0; s < controlCreator.length; s++)
		if 	(controlCreator[s] == szDivID)
			return;					
	addHeader = '<table style="width:100%" class="floatingHeader">' +
				'<tr><td style="height:18px">' + Title + '</td>' + 
				'<td style="width:18px" align="right"><div class="trigger" onMouseUp="layeronoff(\'' + szDivID + '\',0);" >' + 
				'<img src="/css/iconos/close.gif" alt="Close/Cerrar" border="0" width="25" height="25" /></div></td></tr></table>';
	
	controlCreator[controlCreator.length] = szDivID;
	
    if(document.layers)	   //NN4+
    {
		HTML = document.layers[szDivID].innerHTML;
		// Agrego el encabezado
	    document.layers[szDivID].innerHTML = addHeader + HTML;
   }
   else if(document.getElementById)	  //gecko(NN6) + IE 5+
   {
		var obj = document.getElementById(szDivID);
		HTML = obj.innerHTML;
		// Agrego el encabezado
	    obj.innerHTML = addHeader + HTML;
   }
   else if(document.all)	// IE 4
   {
		HTML =  document.all[szDivID].innerHTML;
		// Agrego el encabezado
		document.all[szDivID].innerHTML = addHeader + HTML;
	}
}
*/

function ImagelayerBuild (szDivID, Title, ImageFile, ancho, alto) {
	// Quito el ocultamiento
	document.getElementById(szDivID).style.display = '';
	// controlo si existe ya. si existe no se crea de vueltaaa agua dulce agua salaaa	
	addHeader = '<table style="width:100%" class="floatingHeader">' +
				'<tr>' +
				'<td style="width: 18px" align="left"><div class="trigger" onMouseUp="layeronoff(\'' + szDivID + '\',0);" >' + 
				'<img src="/css/iconos/close.gif" alt="Close/Cerrar" border="0" width="25" height="25" /><br /><span style="font-size: 10px;">Cerrar</span></div></td>' +
				'<td style="height: 18px"><div style="text-align: center;">' + Title + '</div></td>' + 
				'<td style="width: 18px" align="right"><div class="trigger" onMouseUp="layeronoff(\'' + szDivID + '\',0);" >' + 
				'<img src="/css/iconos/close.gif" alt="Close/Cerrar" border="0" width="25" height="25" /><br /><span style="font-size: 10px;">Cerrar</span></div></td></tr></table>' +
				'<div style="text-align: center;"><img src="' + ImageFile + '" alt="' + Title + '" border="0" /></div>';

	if(document.layers) {
		// Agrego el body
		document.layers[szDivID].innerHTML = addHeader;
	}
	else if(document.getElementById) { //gecko(NN6) + IE 5+
	// Agrego el body
		var obj = document.getElementById(szDivID);
		obj.innerHTML = addHeader;
	}
	else if(document.all) { // IE 4
		// Agrego el body
		document.all[szDivID].innerHTML = addHeader;
	}

	changeOpac(0, szDivID);
	opacity(szDivID, 0, 100, 500);

	if (ancho > 1000) { // Si la imagen es mayor a los 1000px de ancho...
		document.getElementById(szDivID).style.display = 'none'; // Juira!, no te quiero ver!
		window.open(ImageFile); // A la ventanita nueva.
	}
	else {
		ImagelayerPlaceMiddle(szDivID, ancho, alto);
	}
}


function ImagelayerPlaceMiddle(szDivID, ancho, alto)
{
	layerPlace(szDivID,
	 		   //((posTop() + 100) < pageHeight()?posTop() + 100:pageHeight() - 150),
               posTop(),
			   (pageWidth() - ancho) / 2,
			   ancho + 35,
			   alto + 70);
}

// COLOCO EL LAYER EN SU UBICACION LOCA
function layerPlace(szDivID, top, left, width, height) // 1 visible, 0 hidden
{
    if(document.layers) { //NN4+
		document.layers[szDivID].width = width + 'px';
		document.layers[szDivID].height = height + 'px';
		document.layers[szDivID].left = left + 'px';
		document.layers[szDivID].top = top + 'px';
   }
   else if(document.getElementById)	  //gecko(NN6) + IE 5+
   {
		var obj = document.getElementById(szDivID);
		
		obj.style.width =  width + 'px';
		obj.style.height =  height + 'px';
		obj.style.left =  left + 'px';
		obj.style.top =  top + 'px';
   }
   else if(document.all)	// IE 4
   {
	   	document.all[szDivID].style.width = width + 'px';
		document.all[szDivID].style.height =  height + 'px';
		document.all[szDivID].style.left =  left + 'px';
		document.all[szDivID].style.top =  top + 'px';
   }
}

function pageWidth()
{
	return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}
function pageHeight() {
	return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}
function posLeft() {
	return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;}
function posTop() {
	return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
}
function posRight() {
	return posLeft()+pageWidth();} function posBottom() {return posTop()+pageHeight();
}