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

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

Como usar con vinculos a 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_OW			-> Determina si se permiten varios popup's
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's
p_WDefault		-> Ancho por defecto del popup
p_HDefault		-> Alto por defecto del popup
p_POSX			-> Distancia al margen izquierdo de la ventana
p_POSY			-> Distancia al margen superior de la ventana
p_Xtras			-> Configuracion extra para el popup ej: ",menubar=1,status=1,resizable=1,scrollbars=1,location=1" siempre empezar con ","
************************** */
var p_WO = true;
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_POSX = 100;
var p_POSY = 100;
var p_Xtras = ",scrollbars=0";
//**************************







//******** A partir de aqui no tocar naaaaaa!!!!! *******
var p_ventana = false;
var p_epigrafe = '';
var p_ancho = 0;
var p_alto = 0;
var tmp_nom_win = '';
var p_nom_ventana = new Array();
function popup(obj,ep,an,al){
	p_epigrafe = (ep!='') ? ep : '';
	p_ancho = (an!='') ? an : 0;
	p_alto = (al!='') ? al : 0;
	if(p_ventana){
		if(!p_WO){
			p_cerrar(p_nom_ventana[0][0],true);
			popup(obj,ep,an,al);
		}else{
			p_abrir(obj);
		}
	}else{
		p_abrir(obj);
	}
	return false;
}
function p_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;
	//-----------------
	var pos = p_nom_ventana.length;
	p_nom_ventana[pos] = new Array('win_'+pos,'');
	tmp_nom_win = 'win_'+pos;
	//------------------
	if(flag){
		var img = new Image();
		img.src = obj;
		p_ancho = (p_ancho > 0) ? p_ancho : parseInt(p_ancho + img.width);
		p_alto = (p_alto > 0) ? parseInt(p_alto) : parseInt(p_alto)+parseInt(img.height);
	}else{
		p_ancho = (p_ancho!=0) ? p_ancho : p_WDefault;
		p_alto = (p_alto!=0) ? p_alto : p_HDefault;
	}
	if(flag){
		graf += "<a href=\"javascript:void(0);\" onclick=\"Cerrar();\">";
		graf += "<img src=\""+obj+"\" width=\""+img.width+"\" height=\""+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>";
		
		var html = '';
		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";
		html += "background-color:"+p_colorFondo+";\r\n";
		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.p_cerrar(this.name,true);\r\n";
		html += "}\r\n";
		html += "-->\r\n";
		html += "</\script>\r\n";
		html += "</head>\r\n";
		html += "<body onunload=\"window.opener.p_cerrar(this.name,false);\">\r\n";
		if(p_epigrafe != ''){
			html += epi;
			if(detect()=='IE'){
				p_alto = 5 + p_alto + parseInt(p_HEpigrafe);
				p_ancho = p_ancho + 0;
			}else{
				p_alto = p_alto + parseInt(p_HEpigrafe);
			}
		}else{
			html += graf;
		}
		html += "</body>\r\n";
		html += "</\html>\r\n";
	}else{
		var html = "";
		html += "<\html><head><title>"+p_epigrafe+"</title></head>";
		html += "<frameset rows=\"0,*\" cols=\"*\" framespacing=\"0\" frameborder=\"no\" border=\"0\" onunload=\"window.opener.p_cerrar(this.name,false);\">";
		html += "<frame src=\"about:blank\" name=\"topFrame\" scrolling=\"No\" noresize=\"noresize\" id=\"topFrame\" title=\"topFrame\" />";
		html += "<frame src=\""+target+"\" name=\"mainFrame\" id=\"mainFrame\" title=\"mainFrame\" />";
		html += "</frameset>";
		html += "<noframes></noframes>";
		html += "</\html>";
	}
	p_nom_ventana[pos][1] = window.open('','win_'+pos,'width='+p_ancho+',height='+p_alto+',top='+p_POSX+',left='+p_POSY+p_Xtras);
	if(p_nom_ventana[pos][1]){
		p_nom_ventana[pos][1].document.write(html);
		p_nom_ventana[pos][1].document.close();
		p_ventana = true;
	}else{
		alert(p_error);
	}
}
function p_cerrar(win,x){
	for(i=0;i<p_nom_ventana.length;i++){
		if(win == p_nom_ventana[i][0]){
			if(x){
				p_nom_ventana[i][1].close();
			}
			p_nom_ventana.splice(i,1);
			break;
		}
	}
	p_reset();
}
function p_reset(){
	p_ventana = false;
	p_epigrafe = '';
	p_ancho = 0;
	p_alto = 0;
}
function detect(){
	var b = '';
	switch(navigator.appName){
		case "Netscape":
			b = "FF";
			break;
		case "Microsoft Internet Explorer":
			b = "IE";
			break;
		default:
			b = "OT";
			break;
	}
	return b;
}