function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function posicionaCapa(nombre_capa){
	
	if (window.pageYOffset)
	{
		scrollTop = window.pageYOffset;
	}
	else
	{
		scrollTop = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
	}
obj_capa = eval("document.getElementById(\""+nombre_capa+"\")");
var ancho_array = obj_capa.style.width.split("p");
var left_temp = 0;
obj_capa.style.top = scrollTop+'px';
obj_capa.style.left = left_temp + 'px';
	
}

function posicionaCapaPeq(nombre_capa, imagen_base){
	obj_capa = eval("document.getElementById(\""+nombre_capa+"\")");
	obj_imagen_base = eval("document.getElementById(\""+imagen_base+"\")");
	valores = findPos(obj_imagen_base)
	v1 = valores[0];
	v2 = valores[1];
	obj_capa.style.left = v1 - 20 +'px';
	obj_capa.style.top = v2 + 20+'px';
}


function Fondo(){
	posicionaCapa("dd1")
	var obj_fondo = document.getElementById("dd1");
	if(document.documentElement.clientHeight < document.documentElement.scrollHeight){
		var alto_temp = document.documentElement.scrollHeight;
		var ancho_temp = document.documentElement.scrollWidth;
	}else{
		var alto_temp = document.documentElement.clientHeight;
		var ancho_temp = document.documentElement.clientWidth;
	}
	obj_fondo.style.visibility="visible";
	obj_fondo.style.width= ancho_temp + "px";
	obj_fondo.style.height= alto_temp + "px";

	var obj_contenido = document.getElementById("capaContenido");
	if (window.pageYOffset)	{
		_scrollTop = window.pageYOffset;
	}else{
		_scrollTop = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
	}
	
	top_temp = (screen.height/2) - (obj_contenido.offsetHeight/2) - 130;
	left_temp = (screen.width/2) - (obj_contenido.offsetWidth/2) -130;

	obj_contenido.style.top= eval(top_temp+_scrollTop) + "px";

	obj_contenido.style.left= left_temp + "px";

	obj_contenido.style.visibility="visible";
				
}

function cerrarCapa(){
	var obj_fondo = document.getElementById("dd1");
	obj_fondo.style.visibility="hidden";
	obj_fondo.style.width= 1 + "px";
	obj_fondo.style.height= 1 + "px";
	var obj_contenido = document.getElementById("capaContenido");
	obj_contenido.style.visibility="hidden";
}