var capaalpha = null;
var capaimg = null;
var MSG_cerrar = "Cerrar";

function HideImg(){
	if (capaalpha != null){
		document.body.removeChild(capaalpha);
		capaalpha = null;
	}
	if (capaimg != null){
		document.body.removeChild(capaimg);
		capaimg = null;
	}
}

function ShowImg(){
    doc_height = parseInt(document.body.scrollHeight)+'px';
	doc_width = parseInt(document.body.scrollWidth)+'px';
	win_height = parseInt(document.body.clientHeight)+'px';
	win_width = parseInt(document.body.clientWidth)+'px';
    pos_left = parseInt(document.body.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft)+'px';
	pos_top = parseInt(document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop)+'px';
	capaalpha = document.body.appendChild(document.createElement('div'));
	capaalpha.className = "capaalpha";
	capaalpha.style.height = doc_height;
	capaalpha.style.width = doc_width;
	capaalpha.onclick = HideImg;
	capaimg = document.body.appendChild(document.createElement('div'));
	capaimg.className = "capaimg";
	capaimg.style.height = win_height;
	capaimg.style.width = win_width;
	capaimg.style.top = pos_top;
	capaimg.style.left = pos_left;
	capaimg.onclick = HideImg;
	cerrar = capaimg.appendChild(document.createElement('span'));
	text = document.createTextNode(MSG_cerrar);
	cerrar.appendChild(text);
	cerrar.className = "cerrar";
	cerrar.onclick = HideImg;
	capaimg.appendChild(document.createElement('br'));
	capaimg.appendChild(document.createElement('br'));
	capaimg.appendChild(document.createElement('br'));
	img = capaimg.appendChild(document.createElement('img'));
	img.src=this.href;
	img.className = "imagen";
	img.onclick = HideImg;
	return false;
}

function LoadImgs(){
    var elementos = document.getElementsByTagName('a');
	for (var i = 0; i < elementos.length ; i++ ){
		if (elementos[i].rel=="imglink"){		   
		   elementos[i].onclick = ShowImg;
		}
	}
}

window.onload=LoadImgs;
MSG_cerrar = "Cerrar";