/* **************************
Funcion popup
==============
Vincular con las paginas:
<script src="popup.js" type="text/javascript" language="javascript"></\script>

Como usar con imagenes:
<a href="flashscene.jpg" onclick="return popup(this,'','','');">Texto de vinculo</a>

Como usar con HTML:
<a href="alguna_pagina_web.html" onclick="return popup(this,'Video explicativo','400','300');">Texto de vinculo</a>

Referencias:
popup(this,EPIGRAFE,ANCHO,ALTO);

this 		-> OBLIGATORIO!!!!!
EPIGRAFE	-> Opcional, si contiene texto aparecera en la parte inferior del popup.
ANCHO		-> Opcional, ancho del popup.
ALTO		-> Opcional, alto del popup.

Otras configuraciones:

p_colorFondo	-> Color de fondo en el popup
p_colorText		-> Color del texto en la ventana popup
p_HEpigrafe		-> Alto en px que tendra el epigrafe
p_altText		-> Texto alternativo en el popup
p_error			-> Mensaje de error en caso de bloqueo de popup
p_WDefault		-> Ancho por defecto del popup
p_HDefault		-> Alto por defecto del popup
************************** */
var p_colorFondo = "#000000";
var p_colorText = "#EEEEEE";
var p_HEpigrafe = 20;
var p_WDefault = 500;
var p_HDefault = 300;
var p_altText = "Click para cerrar esta ventana";
var p_error = "No se puedo abrir al ventana, su navegador no lo permite.";
//**************************
var p_ventana = false;
var p_epigrafe = '';
var p_ancho = 0;
var p_alto = 0;
var p_img = null;
function popup(obj,ep,an,al){
	p_epigrafe = (ep!='') ? ep : '';
	p_ancho = (an!='') ? an : 0;
	p_alto = (al!='') ? al : 0;
	if(p_ventana){
		Cerrar();
		popup(obj,ep,an,al);
	}else{
		Abrir(obj);
	}
	return false;
}
function Abrir(obj){
	var graf = '';
	var epi = '';
	var flag = true;
	var win = '';
	//-----------------
	var pattern = /(\.jpg)|(\.jpeg)|(\.gif)|(\.png)/;
	var target = obj.href.toLowerCase();
	flag = target.match(pattern) ? true : false;
	target = obj.href;
	//-----------------
	if(flag){
		p_id_img = obj;
		p_img = new Image();
		p_img.src = obj;
		p_img.onload = function(){
			//------------
			var graf = '';
			var epi = '';
			var html = '';
			p_ancho = p_ancho + p_img.width;
			p_alto = p_alto + p_img.height;
			
			graf += "<a href=\"javascript:void(0);\" onclick=\"Cerrar();\">";
			graf += "<img src=\""+p_img.src+"\" width=\""+p_img.width+"\" height=\""+p_img.height+"\" alt=\""+p_altText+"\" title=\""+p_altText+"\" border=\"0\" />";
			graf += "</a>\r\n";
		
			epi += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
			epi += "<tr><td>"+graf+"</td></tr>";
			epi += "<tr><td style=\"padding:3px 10px 0px 10px;\">"+p_epigrafe+"</td></tr>";
			epi += "</table>";
			
			html += "<\html>\r\n";
			html += "<head>\r\n";
			html += "<title>"+p_epigrafe+"</title>\r\n";
			html += "<style type=\"text/css\">\r\n";
			html += "<!--\r\n";
			html += "body{\r\n";
			html += "margin: 0px;\r\n";
			html += "padding: 0px;\r\n";
			if(p_colorFondo != ''){
				html += "background-color:"+p_colorFondo+";\r\n";
			}
			if(p_colorText != ''){
				html += "color:"+p_colorText+";\r\n";
			}
			html += "font-family: Tahoma, Arial;\r\n";
			html += "}\r\n";
			html += "td{\r\n";
			html += "font-size:10px;\r\n";
			html += "}\r\n";
			html += "-->\r\n";
			html += "</style>\r\n";
			html += "<script type=\"text/javascript\" language=\"javascript\">\r\n";
			html += "<!--\r\n";
			html += "function Cerrar(){\r\n";
			html += "window.opener.Reset();\r\n";
			html += "window.close();\r\n";
			html += "}\r\n";
			html += "-->\r\n";
			html += "</\script>\r\n";
			html += "</head>\r\n";
			html += "<body>\r\n";
			if(p_epigrafe != ''){
				html += epi;
				p_alto = p_alto + p_HEpigrafe;
			}else{
				html += graf;
			}
			html += "</body>\r\n";
			html += "</html>\r\n";
			
			p_ventana = window.open('','ventana','width='+p_ancho+',height='+p_alto+',top=100,left=100');
			with(p_ventana.document){
				open('text/html','replace');
				write(html);
				close();
			}
			if(!p_ventana){
				alert(p_error);
			}
			//------------
		}
	}else{
		p_ancho = (p_ancho!=0) ? p_ancho : p_WDefault;
		p_alto = (p_alto!=0) ? p_alto : p_HDefault;
		p_ventana = window.open(target,'ventana','width='+p_ancho+',height='+p_alto+',top=100,left=100');
		
		if(!p_ventana){
			alert(p_error);
		}
	}
}
function Cerrar(obj){
	p_ventana.close();
	Reset();
}
function Reset(){
	p_ventana = false;
	p_epigrafe = '';
	p_ancho = 0;
	p_alto = 0;
}


