var originDocWidth = document.width;
var originDocHeight = document.height;

var detect = navigator.userAgent.toLowerCase();
var browser;
if (checkIt('msie')) {
	browser = "Internet Explorer";
}else if (!checkIt('compatible')) {
	browser = "Netscape Navigator";
} else browser = "other";

function appendElement(node,tag,id,htm) {
	var ne = document.createElement(tag);
	if(id) ne.id = id;
	if(htm) ne.innerHTML = htm;
	node.appendChild(ne);
}

function initViewDiv() {
	appendElement(document.body,'div','','<div id="outer" style="display: none;"><div id="middle"><div id="inner"><p>Loading</p><div style="text-align:center;"><a href="#" onclick="cerrarImagen();">Cerrar</a></div></div></div></div>');
}

function mostrarImagen(gPath, id){
	
	disableScroll();
	new Effect.Opacity('main', { from: 1.0, to: 0.2, duration: 1.0 });
	var outer = $('outer'); 
	if (outer == null) initViewDiv();;
	var Imagen = new Image();
	var imgSrc = gPath+'foto/'+id+'.jpg';
	Imagen.src = imgSrc;
	if (Imagen.width == 0) {
		Imagen.onload = function() {
			onImageLoad(Imagen);
		};
	} else {
		onImageLoad(Imagen);
	}
	return false;
}
function cerrarImagen(){
	$('outer').fade();
	new Effect.Opacity('main', { from: 0.2, to: 1.0, duration: 1.0 });
	enableScroll();
	return false;
}

function onImageLoad(Imagen) {
	$('inner').setStyle({
		width: Imagen.width+'px',
		height: Imagen.height+'px' 
	});
	if (browser == "Internet Explorer") {
		$('inner').setStyle({
			top: (document.body.scrollTop+(document.documentElement.clientHeight/2)-(Imagen.height/2))+'px',
			left: '-50%'
		});
	}
	$('outer').appear();
	$('inner').innerHTML = '<div style="text-align:center;"><img class="viewBorder" src="'+Imagen.src+'" width="'+Imagen.width+'" height="'+Imagen.height+'" onclick="javascript:cerrarImagen();"/></div>';
}
function disableScroll() {
	if (browser == "Internet Explorer") {
		document.body.scroll="no";
	} else if (browser == "Netscape Navigator") {
		//document.width= window.innerWidth;
		//document.height=window.innerHeight;
	}
}
function enableScroll() {
	if (browser == "Internet Explorer") {
		document.body.scroll="yes";
	} else if (browser == "Netscape Navigator") {
		//document.width=originDocWidth;
		//document.height=originDocHeight;
	}
}

function checkIt(string) {
	var place = detect.indexOf(string) + 1;
	return place;
}