// Calcula la posicion absoluta de un elemento html pasandole
function getAbsoluteElementPositionById(id) {
	if (typeof id == "string") {element = document.getElementById(id)}
	return getAbsoluteElementPosition(element);
}		

// Calcula la posicion absoluta de un elemento html
function getAbsoluteElementPosition(element) {
	if(!element) { return {top:0,left:0}; }	var y = 0; var x = 0; while(element.offsetParent) { x += element.offsetLeft; y += element.offsetTop; element = element.offsetParent; }
	return {top:y,left:x};
}

// Objeto imagen
var imagen = {
	//en principio es de valor fijo
	contorno: 40,
	//para ampliar imagenes
	ampliar: function() {
		if ($('body #a_ampliarImagen')){
			$('body #adjunto').remove();
		}
		var pos = getAbsoluteElementPosition(this);
	    $('body').append("<div id='adjunto'></div>");
		$('body #adjunto').css({position: "absolute", left: pos.left, top: pos.top });
		// html de la capa
		var html = "<div id='a_ampliarImagen'><a><img src='pages/img/"+codigoIdioma+"/portal/cerrar.gif'/></a><img id='imagenAdjunta' src='" + this.src + "' alt='" + this.alt + "'><p>" + this.alt + "</p></div>";
		$('body #adjunto').append(html);
		$('body #adjunto').css({width: ( $('#imagenAdjunta').width() + imagen.contorno) + "px"});
		$('body #adjunto').show("slow");
    	$('body #adjunto').click(function() { 
									imagen.reducir();
								});
	},
	//para cargar imagenes adjuntas
	ampliarAdjunta: function(img) {
		var idImagen = img.id.split("_")[1];
		$.post("abrirImagenAdjunta.do",
				{ identificador: idImagen , descripcion: img.alt },
					function(xml){
					if ($('body #a_ampliarImagen')){
						$('body #adjunto').remove();
					}
					var pos = getAbsoluteElementPositionById(img.id);
				    $('body').append("<div id='adjunto'></div>");
					$('body #adjunto').css({position: "absolute", left: pos.left, top: pos.top });
					$('body #adjunto').append(xml);
					var descripcion = $('body #adjunto p').text();
					if (typeof textoAltPopupImagen != 'undefined') {
						descripcion = descripcion.replace(textoAltPopupImagen, "");
					}
	    			//para que no recargue la pagina al cerrar
					$('body #a_ampliarImagen a').removeAttr("href"); 
					$('body #adjunto p').text(descripcion);
					$('body #adjunto').css({width: ( $('#imagenAdjunta').width() + imagen.contorno) + "px"});
					$('body #adjunto').show("slow");
			    	$('body #adjunto').click(function() {
												imagen.reducir();
											});
				}
		);  
	},
	//para mostrar imagenes de un enlace
	//paramentros(enlace que la abre,url fuente de la img,texto descriptivo de la img)
	mostrar: function(enlace,ref,desc) {
		if ($('body #a_ampliarImagen')){
			$('body #adjunto').remove();
		}
		//para que no recargue la pagina
		$(enlace).removeAttr("href");
		//posicion
		var pos = getAbsoluteElementPosition(enlace);
	    $('body').append("<div id='adjunto'></div>");
		$('body #adjunto').css({position: "absolute", left: pos.left, top: pos.top });
		// html de la imagen
		var html = "<div id='a_ampliarImagen'><a><img src='pages/img/"+codigoIdioma+"/portal/cerrar.gif'/></a><img id='imagenAdjunta' src='" + ref + "' alt=''><p>" + desc + "</p></div>";
		$('body #adjunto').append(html);
		$('body #adjunto').css({width: ( $('#imagenAdjunta').width() + imagen.contorno) + "px"});
		$('body #adjunto').show("slow");
    	$('body #adjunto').click(function() { 
									imagen.reducir();
									$(enlace).attr("href","#");
								});												
	},
	reducir: function() {
		$('body #adjunto').remove();
	}
}