var horizontal_offset="9px" 
var vertical_offset="0" 
var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;

	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}

	return totaloffset;
}

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1

	if (whichedge=="rightedge"){
		var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
		box.contentmeasure=box.offsetWidth

		if (windowedge-box.x < box.contentmeasure)
			edgeoffset=box.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
	}
	else{
		var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		box.contentmeasure=box.offsetHeight

		if (windowedge-box.y < box.contentmeasure)
			edgeoffset=box.contentmeasure-obj.offsetHeight
	}

	return edgeoffset
}

function showhint(menucontents, obj, tipwidth){
	if ((ie||ns6) && document.getElementById("hintbox")){
		box=document.getElementById("hintbox")
		box.innerHTML=	"<table width=100% border=0 cellpadding=5 cellspacing=0 bgcolor=#FFFFFF class=tabla_bordeado>" +
					"<tr bgcolor=#EDEDED>" +
					"  <td class=fondolistados_solohoriz>&nbsp;&nbsp;<b>Información</b>&nbsp;</td>" +
					"<tr>" +
					"  <td valign=top>" + 
					menucontents
					"  </td>" +
					"</tr>" +
					"</table>";

		box.style.left=box.style.top=-500

		box.x=getposOffset(obj, "left")
		box.y=getposOffset(obj, "top")
		box.style.left=box.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
		box.style.top=box.y-clearbrowseredge(obj, "bottomedge")+"px"
		box.style.visibility="visible"
		obj.onmouseout=hidetip
	}
}

function hidetip(e){
	box.style.visibility="hidden"
	box.style.left="-500px"
}

function createhintbox(){
	var divblock=document.createElement("div")
	divblock.setAttribute("id", "hintbox")
	document.body.appendChild(divblock)
}

if (window.addEventListener)
	window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
	window.attachEvent("onload", createhintbox)
else if (document.getElementById)
	window.onload=createhintbox

function ShowBoxUrl (name, namepage, obj, cache, center, width, height) {
	if (ShowBoxText(name, "", obj, cache, center, width, height) || !cache) {
		url=((end=namepage.indexOf("?")) == -1 ? namepage : namepage.substring(0,end));
		params=(end == -1 ? "" : namepage.substring(end+1,namepage.length+1));
		page("innerdiv_" + name, url, params, "<center><img src='/images/ajax.gif' width=30 height=30 align='middle'></center>", 0);
	}
}

function ShowBoxDiv (name, name_div, obj, cache, center, width, height) {
  ShowBoxText(name, (document.getElementById(name_div) ? document.getElementById(name_div).innerHTML : ""), obj, cache, center, width, height);
}

function ShowBoxText (name, text, obj, cache, center, width, height) {
	var boxnew=false;
	
	if (!document.getElementById(name)) {
		var divblock=document.createElement("div");
		divblock.setAttribute("id", name);
		divblock.className="showbox";
		document.body.appendChild(divblock);
		boxnew=true;
	}

	box=document.getElementById(name);
	
	if (boxnew || !cache) {
		box.innerHTML=	
										"<div " + (width != undefined && width > 0 ? ("style='width:" + width + "px; height:" + height + "px; overflow: auto'") : "") + "class='innerbox' id='innerdiv_" + name + "'>" +
										text +
										"</div>" +
										"<div class='headbox'>" +
										"  <a href='javascript:CloseBox(\"" + name + "\")'><img alt='Cerrar' src='/images/icono_cerrar.gif' width=35 height=11 border=0></a>" +
										"</div>";
		if (center) {
	  	var VWidth=(window.innerWidth != undefined ? window.innerWidth : (document.documentElement.clientWidth > 0 ? document.documentElement.clientWidth : document.body.clientWidth));
	  	var VHeight=(window.innerHeight != undefined ? window.innerHeight : (document.documentElement.clientHeight > 0 ? document.documentElement.clientHeight : document.body.clientHeight));
			var w=document.getElementById("innerdiv_" + name).clientWidth;
			var h=document.getElementById("innerdiv_" + name).clientHeight;
	  	var posx=(VWidth > w ? ((VWidth - w) / 2) : 0);
	  	var posy=(VHeight > h ? ((VHeight - h) / 2) : 0);

			box.style.left= posx + "px";
			box.style.top = (posy + document.body.scrollTop) + "px";
		}
		else {
			box.style.left=box.style.top=-500;
			box.x=getposOffset(obj, "left");
			box.y=getposOffset(obj, "top");
			box.style.left=box.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px";
			box.style.top=box.y-clearbrowseredge(obj, "bottomedge")+"px";
		}
		
		boxnew=true;
	}
	
	box.style.visibility="visible";
	
	return boxnew;
}

function CloseBox (name) {
	if (document.getElementById(name)) document.getElementById(name).style.visibility="hidden";
}
