var pop, IE=document.all?true:false;

if(!IE) {
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove=mousePos;
	var netX, netY;
}

function init() {
	if(IE) pop=document.all.pop; else pop=document.getElementById("pop");
	b=document.body;
}

// coordenads para la imagen thumb esta primera funcion//

function minip(elemID,id,miniatura,descripcion,autor,datos,nombre,uc,txt,pixels) {
    var offsetTrailPX = document.getElementById("px"+elemID);
    var offsetLeftPX = 0;
    var offsetTopPX = 0;
    while (offsetTrailPX) {
        offsetLeftPX += offsetTrailPX.offsetLeft;
        offsetTopPX += offsetTrailPX.offsetTop;
        offsetTrailPX = offsetTrailPX.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeftPX += document.body.leftMargin;
        offsetTopPX += document.body.topMargin;
    }
    // coordenadas para el png del tooltip margen left y top
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 200;
    var offsetTop = -174;
	var obl = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
	// tol cuadro en si su coordenadas de arriba y lateral offsetlet2 para su lateral y el otro ..xd
	// var offsetTrail2 = document.getElementById(elemID+"t");
    // var offsetTrail2 = document.getElementById(elemID);

    var offsetTrail2 = document.getElementById(elemID);
    var offsetLeft2 = 148;
    var offsetTop2 = 40;
    while (offsetTrail2) {
        offsetLeft2 += offsetTrail2.offsetLeft;
        offsetTop2 += offsetTrail2.offsetTop;
        offsetTrail2 = offsetTrail2.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft2 += document.body.leftMargin;
        offsetTop2 += document.body.topMargin;
    }
	obl=eval(100-pixels);
	document.getElementById("minipbg").style.display="block";
	document.getElementById("minipbg").style.top=eval(offsetTop-14);
	document.getElementById("minipbg").style.left=eval(offsetLeft2-pixels-23-obl-obl);

	document.getElementById("minip").style.display="block";
	document.getElementById("minip").style.top=eval(offsetTop-14);
	document.getElementById("minip").style.left=eval(offsetLeft2-pixels-13-obl-obl);


    document.getElementById("minip").innerHTML="<table width=130 height=297 border=0 cellpadding=0 cellspacing=0><tr><th height=25 colspan=2 scope=col><div align=left><font style='font-family:Tahoma;font-size:7pt;color:FFFFFF;'><b>"+nombre+"</b></font></div></th></tr><tr><th height=84 colspan=2 valign=top scope=col><div align=left><font style='font-family:Tahoma;font-size:7pt;color:333333;'>"+descripcion+"</font><font style='font-family:Tahoma;font-size:7pt;color:FF3300;'></font></div></th></tr><tr><th height=20 colspan=2 scope=col><font style='font-family:Tahoma;font-size:7pt;color:FF3300;'><strong>autor &raquo;<strong> "+autor+"</strong></strong></font></th></tr><tr><th width=75% height=12 align=left><font style='font-family:Tahoma;font-size:7pt;color:999999;'> "+datos+"</font></th><th width=25% align=right><font style='font-family:Tahoma;font-size:7pt;color:999999;'>"+uc+" </font></th></tr><tr><th height=49% colspan=2 scope=row> </th></tr></table>";
    


    document.getElementById("stuff").style.display="block";
	document.getElementById("stuff").style.top=eval(offsetTopPX);
	document.getElementById("stuff").style.left=eval(offsetLeftPX);
	document.getElementById("stuff").innerHTML="<a href="+id+"><img src="+miniatura+" border=0 style='border: solid 1; align=right; border-color:FFFFFF;' onmouseout='mini2();'></a>";
}


function mini2(co) {
	if(co) {
		document.getElementById(co).style.display="none";
	} else {
		document.getElementById("minip").style.display="none";
		document.getElementById("minipbg").style.display="none";
		document.getElementById("stuff").style.display="none";
	}
}

function popav(elemID,nick,onof) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 200;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }

    var offsetTrail2 = document.getElementById(elemID);
    var offsetLeft2 = 0;
    var offsetTop2 = 0;
    while (offsetTrail2) {
        offsetLeft2 += offsetTrail2.offsetLeft;
        offsetTop2 += offsetTrail2.offsetTop;
        offsetTrail2 = offsetTrail2.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft2 += document.body.leftMargin;
        offsetTop2 += document.body.topMargin;
    }


}