var ns6		= ((document.getElementById) && (!document.all)) ? true : false;
var navug	= navigator.userAgent.toLowerCase();
var ratonX = 0;
var ratonY = 0;
var ratonP = false;

if (ns6)
	document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP);
document.onmousemove = ratonXY;
//document.onmousedown = ratonP;

function ratonXY(e) {
	ratonX = (ns6) ? e.pageX : event.x + document.documentElement.scrollLeft;
	ratonY = (ns6) ? e.pageY : event.y + document.documentElement.scrollTop;
	
	if (ratonX < 0) { ratonX = 0; }
	if (ratonY < 0) { ratonY = 0; }

	ventanitaMueve();
	capaMueve();
	
	return true;
}

function ratonC() {
	if (!ventanitaM) {
		ratonP = !ratonP;
		ventanitaDX = ratonX - ventanitaX;
		ventanitaDY = ratonY - ventanitaY;
	}
	return true;
}

function menu(celda, color) {
	//celda.className = clase;
	//celda.bgColor = "#" + fondo;
	celda.style.color = "#" + ((!color) ? "174055" : "087EA5");
}

function f(objeto, colorr) {
	//objeto.bgColor = "#" + colorr;
	objeto.style.border = "1px solid #" + colorr;
}

var manejador;
function exp(obj) {
	if (ns6) {
		manejador = obj.nextSibling.style;
	}
	else {
		manejador = document.all[obj.sourceIndex + 1].style;
	}

	manejador.display = (manejador.display == "none") ? "" : "none";
}

defaultStatus = "Esponzues";

var pH;
var pMuestra;
var pCerrar = 0;
var pControl;
var pAbajo;
function popup(inicio, velocidad, cerrar, titulo, texto) {
	var popup = document.getElementById("popup");
	if (inicio) {
		pH = 0;
		pMuestra = 0;
		pCerrar = cerrar * 1000;

		popup.style.display = "";
		popup.style.background = "#F0F0F0";
		popup.style.border = "2px solid #000000";
		popup.style.left = (document.documentElement.clientWidth - 275) + "px";

		popup.innerHTML = '<div class="capaTitulo"><a href="#" onMouseOver="window.status=\'Cerrar el popup\'; return true;" onMouseOut="window.status=\'Esponzues\'" onClick="popupCierra(); return false;"><img src="x.gif" width="10" height="10" border="0" alt=" Cerrar " class="imgtext capaCerrar"></a>' + titulo + '</div><div class="capaTexto">' + texto + '</div>';
	}

	if (pH < 80) {
		popupAbajo();
		popup.style.height = pH + "px";
		pH += velocidad;
		setTimeout("popup(false, " + velocidad + ", \'\');", 5);
	}
	else {
		pControl = setTimeout("popupCierra();", pCerrar);
		pAbajo = setInterval("popupAbajo();", 10);
	}
}

function popupCierra() {
	clearTimeout(pControl);
	clearInterval(pAbajo);

	var popup = document.getElementById("popup");

	popup.style.height = pH + "px";
	popupAbajo();
	pH -= 4;

	if (pH > 0)
		setTimeout("popupCierra();", 5);
	else
		popup.style.display = "none";
}

function popupAbajo() {
	var popup = document.getElementById("popup");
	if (ns6)
		popup.style.top = ((window.pageYOffset + window.innerHeight) - pH - 5) + "px";
	else {
		popup.style.bottom = "1px";
		popup.style.bottom = "0px";
	}
}


function capa(accion, titulo, texto) {
	var capa = document.getElementById("capa");

	if (accion == false) {
		capa.style.display = "none";
	}
	else {
		//alert(ratonY + " - " + (ratonY + 100) + " - " + screen.availHeight);
		capa.innerHTML = "<div class=\"capaTitulo\">" + titulo + "</div><div class=\"capaTexto\">" + texto + "</div>";
		capa.style.left = ratonX + 20 + "px";
		capa.style.top = ratonY + 10 + (((document.documentElement.clientHeight-100) < ratonY) ? -80 : 0) + "px";
		capa.style.width = "150px";
		capa.style.border = "1px solid #000000";
		capa.style.background = "#F0F0F0";
		capa.style.display = "";
	}
}

function capaMueve() {
	var capa = document.getElementById("capa");

	if (capa.style.display == "") {
		capa.style.left = ratonX + 20 + "px";
		capa.style.top = ratonY + 10 + (((document.documentElement.clientHeight-100) < ratonY) ? -80 : 0) + "px";
	}
}

var ventanitaX;
var ventanitaY;
var ventanitaDX;
var ventanitaDY;
var ventanitaM = false;
var ventanitaQ;
var ventanitaRX;
var ventanitaRY;
var ventanitaH;

function ventanita(ancho, alto, titulo, contenido, carga) {
	var ventanita = document.getElementById("ventanita");
	var ventanitaContenido = document.getElementById("ventanitaContenido");
	var ventanitaTitulo = document.getElementById("ventanitaTitulo");

	ventanitaCierra();

	ventanitaX = parseInt((document.documentElement.clientWidth - ancho) / 2);
	ventanitaY = parseInt((document.documentElement.clientHeight - alto) / 2) + document.documentElement.scrollTop;

	//ventanita.innerHTML = '<div id="ventanitaEsquinaI"><img src="ventanita-i.gif" width="5" height="15" border="0" alt="" /></div><div id="ventanitaBotones"><a href="#" onMouseOver="window.status=\'Cerrar ventana\'; return true;" onMouseOut="window.status=\'Esponzues\'" onClick="ventanitaCierra(); return false;" title=" Cerrar "><img src="x.gif" width="10" height="10" border="0" alt=" x " /></a><a href="#" onMouseOver="window.status=\'Minimizar ventana\'; return true;" onMouseOut="window.status=\'Esponzues\'" onClick="ventanitaMinimiza(); return false;" title=" Minimizar "><img src="_.gif" width="10" height="10" border="0" alt=" _ " /></a></div><div id="ventanitaTitulo" onMouseDown="ratonC();" onMouseUp="ratonC();">' + titulo + '</div><div id="ventanitaEsquinaD"><img src="ventanita-d.gif" width="5" height="15" border="0" alt="" /></div><div id="ventanitaContenido">' + contenido + '</div>';
	ventanita.innerHTML = '<div id="ventanitaTitulo" onMouseDown="ratonC();" onMouseUp="ratonC();">'+
							'<a href="#" onMouseOver="window.status=\'Cerrar ventana\'; return true;" onMouseOut="window.status=\'Esponzues\'" onClick="ventanitaCierra(); return false;" title=" Cerrar "><img src="x.gif" width="10" height="10" border="0" alt=" x " /></a>'+
							'<a href="#" onMouseOver="window.status=\'Minimizar ventana\'; return true;" onMouseOut="window.status=\'Esponzues\'" onClick="ventanitaMinimiza(); return false;" title=" Minimizar "><img src="_.gif" width="10" height="10" border="0" alt=" _ " /></a>'+
							'<span>'+titulo + '</span></div>'+
						'<div id="ventanitaContenido">' + contenido + '</div>';

	ventanita.style.display = "";
	ventanita.style.width = ancho+"px";
	ventanita.style.height = alto+"px";
	ventanita.style.left = ventanitaX+"px";
	ventanita.style.top = ventanitaY+"px";
	ventanita.style.border = "1px solid #000000";
	ventanitaM = false;
	ventanitaH = alto;

	document.getElementById("ventanitaTitulo").style.width = ancho + "px";
	document.getElementById("ventanitaContenido").style.width = (ancho - 10) + "px";
	document.getElementById("ventanitaContenido").style.height = (alto - 29) + "px";

	if (carga != "") {
		var cargaZona = document.getElementById("carga");
		cargaZona.src = "http://media.xergio.net/ventanita.php?i="+carga;
	}
}

function ventanitaCierra() {
	var ventanita = document.getElementById("ventanita");
	ventanita.style.display = "none";
	ventanitaM = false;
	clearTimeout(ventanitaQ);
}

function ventanitaMinimiza() {
	var ventanita = document.getElementById("ventanita");
	var ventanitaContenido = document.getElementById("ventanitaContenido");

	ventanitaM = !ventanitaM;

	if (ventanitaM) {
		ventanitaContenido.style.display = "none";
		ventanita.style.height = "18px";

		ventanitaRX = ventanita.style.left;
		ventanitaRY = ventanita.style.top;
		ventanita.style.left = "5px";

		ventanitaQuieta();
	}
	else {
		ventanita.style.height = ventanitaH+"px";
		ventanitaContenido.style.display = "";
		ventanitaContenido.style.height = (ventanitaH - 29) + "px";

		clearTimeout(ventanitaQ);
		ventanita.style.left = ventanitaRX;
		ventanita.style.top = ventanitaRY;
	}
}

function ventanitaCambia() {
	
}

function ventanitaMueve() {
	if (ratonP && !ventanitaM) {
		var ventanitaContenido = document.getElementById("ventanitaContenido");
		var ventanita = document.getElementById("ventanita");

		ventanitaX = ratonX - ventanitaDX;
		ventanitaY = ratonY - ventanitaDY;
		ventanita.style.left = ventanitaX+"px";
		ventanita.style.top = ventanitaY+"px";
	}
}

function ventanitaQuieta() {
	var ventanita = document.getElementById("ventanita");

	if (ns6)
		ventanita.style.top = ((window.pageYOffset + window.innerHeight) - 20) + "px";
	else {
		ventanita.style.top = ((document.documentElement.scrollTop + document.documentElement.clientHeight) - 20) + "px";
	}

	if (ventanitaM)
		ventanitaQ = setTimeout("ventanitaQuieta();", 10);
}


// Pone el tamaño de los avatars a 80x80 como máximo
function avatars() {
	// Tamaño máximo
	var maximo = 80;
	for (var i = 0; i <= (document.images.length - 1); i++) {
		if (document.images[i].name == "avatar") {
			if ((document.images[i].width > maximo) || (document.images[i].height > maximo)) {
				if (document.images[i].width >= document.images[i].height) {
					avatarW = maximo;
					avatarH = (document.images[i].height * maximo) / document.images[i].width;
				}
				else {
					avatarW = (maximo * document.images[i].width) / document.images[i].height;
					avatarH = maximo;
				}

				document.images[i].width = avatarW;
				document.images[i].height = avatarH;
			}
		}
	}
}