// JavaScript Document
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
var padding=20;
var mitad_padding=padding/2;
var tx=0;
var ty=0;
var imagen;
function ampliar(imagen){
	crear_mascara();
	var recuadro=document.createElement("DIV");
	document.body.appendChild(recuadro);
	recuadro.setAttribute('id',"recuadro");
	recuadro.innerHTML+='<div class="titulo"></div><div class="cerrar"><input type="button" value="Cerrar" onclick="cerrar_viewer();return false;" style="font-size:8pt; background-color:#336666; color:#fff; margin-right:5px; width:70px;"/></div><div id="recuadro_pie"></div>';
	var objeto = document.getElementById("recuadro").style;
	objeto.width=(60+padding)+"px";
	objeto.height=(60+padding)+"px";
	if (b_version.match("MSIE 6")){
		var alto_pagina=(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight);
		var mitad_pagina=alto_pagina/2;
		var scrolly=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		objeto.marginTop="0px";
		objeto.position="absolute";
		objeto.top=(mitad_pagina)-(document.getElementById('recuadro').offsetHeight/2)+scrolly;
	}
	var temp=document.createElement("div");
	document.getElementById("recuadro").appendChild(temp);
	temp.setAttribute('id',"video");
	var objeto = document.getElementById("video").style;
	objeto.visibility="hidden";
	objeto.position="absolute";
	objeto.top="0px";
	ajax_get("includes/imagen.php?imagen="+imagen, imagen);
	return;
	var temp=document.createElement("div");
	document.getElementById("recuadro").appendChild(temp);
	temp.setAttribute('id',"div_temp");
	var objeto = document.getElementById("div_temp").style;
	objeto.visibility="hidden";
	objeto.position="absolute";
	objeto.top="0px";
	var cadena='<img src="images/galeria/'+imagen+'" id="temp_imagen"';
	if (b_version.match("MSIE 6")){
		temp.innerHTML=cadena+' />';
		var objeto=document.getElementById("temp_imagen")
		objeto.oncomplete=adaptar_imagen(imagen);
	} else {
		cadena+=' onload="adaptar_imagen(\''+imagen+'\')"';
		temp.innerHTML=cadena+' />';
	}
}
function adaptar_imagen(imagen){
	var objeto=document.getElementById("temp_imagen");
	var ancho=objeto.width;
	var alto=objeto.height;
	var objeto=document.getElementById("temp_imagen").style;
	objeto.marginTop=padding/2+"px";
	objeto.marginLeft=padding/2+"px";
	objeto.visibility="visible";
	var objeto=document.getElementById("recuadro").style;
	objeto.width=(ancho+padding)+"px";
	objeto.height=(alto+padding)+"px";
	objeto.marginTop=-(alto/2)+"px";
	objeto.marginLeft=-(ancho/2)+"px";
	if (b_version.match("MSIE 6")){
		var alto_pagina=(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight);
		var mitad_pagina=alto_pagina/2;
		var scrolly=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		objeto.marginTop="0px";
		objeto.position="absolute";
		objeto.top=(mitad_pagina)-(document.getElementById('recuadro').offsetHeight/2)+scrolly;
	}
	var links=document.getElementsByTagName("a");
	var rels=new Array;
	for (i=0; i<links.length; i++){
		if (links[i].rel=="galeria"){
			var cadena=String(links[i].onclick);
			comienzo=cadena.split("\"");
			rels.push(comienzo[1]);
		}
	}
	var anterior=true;
	var siguiente=true;
	if (rels.length==0) return;
	for (i=0; i<rels.length; i++){
		if (imagen==rels[i]){
			siguiente=rels[i+1];
			anterior=rels[i-1];
			var actual=imagen;
			if (i==0) anterior=false;
			if (rels.length-1==i) siguiente=false;
		}
	}
	var cadena=" | ";
	if (anterior) cadena='<a href="javascript:void(0);" onclick="cambiar_imagen(\''+anterior+'\');return false;">< Anterior</a>'+cadena;
	if (siguiente) cadena+='<a href="javascript:void(0);" onclick="cambiar_imagen(\''+siguiente+'\');return false;">Siguiente ></a>';
	document.getElementById("recuadro_pie").innerHTML=cadena;
}
function cambiar_imagen(imagen){
	cerrar_viewer();
	ampliar(imagen);
}
function crear_mascara(){
	transparencia=75;
	if (document.getElementById("mascara")) return;
	mascara=document.createElement("DIV");
	document.body.appendChild(mascara);
	mascara.setAttribute('id',"mascara");
	objeto = document.getElementById("mascara").style;
	objeto.backgroundColor="#000";
	objeto.position="fixed";
	objeto.top="0px";
	objeto.left="0px";
	objeto.width="100%";
	objeto.height="100%";
	objeto.opacity=(transparencia/100); 
	objeto.MozOpacity = (transparencia/100); 
    objeto.KhtmlOpacity = (transparencia/100); 
    objeto.filter = "alpha(opacity=" + transparencia + ")";
	if (b_version.match("MSIE 6")){
		var ancho_pagina=screen.availWidth;
		var alto_pagina=screen.availHeight;
		var scrolly=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		document.getElementsByTagName("html")[0].style.overflow = "hidden";
		objeto.position="absolute";
		objeto.top=scrolly+"px";
		objeto.left="0px";
		objeto.width=ancho_pagina+"px";
		objeto.height=alto_pagina+"px";
	}
	mascara.onclick=function(){cerrar_viewer()};
}
function cerrar_viewer(){
	document.getElementById("recuadro").innerHTML="";
	document.body.removeChild(document.getElementById("mascara"));
	document.body.removeChild(document.getElementById("recuadro"));
	document.getElementsByTagName("html")[0].style.overflow = "";
	if (document.getElementById("div_temp")) document.body.removeChild(document.getElementById("div_temp"));
}
function ampliar_video(ancho, alto, url){
	crear_mascara();
	var recuadro=document.createElement("DIV");
	document.body.appendChild(recuadro);
	recuadro.setAttribute('id',"recuadro");
	var objeto = document.getElementById("recuadro").style;
	objeto.position="fixed";
	objeto.width=ancho+padding+"px";
	objeto.height=alto+padding+"px";
	objeto.left="50%";
	objeto.top="50%";
	objeto.marginTop=-(alto/2)+"px";
	objeto.marginLeft=-(ancho/2)+"px";
	objeto.backgroundColor="#336666";
	if (b_version.match("MSIE 6")){
		var alto_pagina=(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight);
		var scrolly=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		objeto.marginTop="0px";
		objeto.position="absolute";
		objeto.top=(alto_pagina/2)-(document.getElementById('recuadro').offsetHeight/2)+scrolly;
	}
	recuadro.innerHTML='<div class="titulo"></div><div class="cerrar"><input type="button" value="Cerrar" onclick="cerrar_viewer();return false;" style="font-size:8pt; background-color:#336666; color:#fff; margin-right:5px;"/></div><div id="video" style="margin:'+(mitad_padding)+'px 0px 0px '+(mitad_padding)+'px;"></div>';
	ajax_get("includes/video.php?ancho="+ancho+"&alto="+alto+"&video="+url+"");
}
function Inint_AJAX() {
	try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
	try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
	alert("XMLHttpRequest not supported");
	return null;
};
function ajax_get(pagina, imagen){
	var req = Inint_AJAX();
	req.open("GET", pagina, true);
	req.onreadystatechange = function () {
		if (req.readyState==4) {
			if (req.status==200) {
				document.getElementById("video").innerHTML=req.responseText;
				if (imagen){
					document.getElementById("recuadro").style.backgroundImage="none";
					var objeto = document.getElementById("temp_imagen");
					var ancho=objeto.width;
					var alto=objeto.height;
					tamano_x(ancho, alto, imagen)
					//adaptar_imagen(imagen)
				}
				//swfobject.registerObject("FlashVIDEO");
			} else if(req.status==404){
				document.getElementById("video").innerHTML = "<div class='error'>ERROR</div>";
            } else {
				document.getElementById("video").innerHTML = "<div class='error'>Error: "+req.status+"</div>";
            }
		}
	}
	req.send(null);
}
function tamano_x(fin_x, fin_y, imagen){
	var objeto=document.getElementById("recuadro").style;
	var x=objeto.width.split("px");
	x=x[0]/1;
	if (x>=(fin_x+mitad_padding)){
		tamano_y(fin_y, imagen);
		return;
	}
	objeto.marginLeft=-(x/2)+"px";
	x=x+20;
	objeto.width=x+"px";
	tx=setTimeout("tamano_x("+fin_x+", "+fin_y+", '"+imagen+"');",0);
}
function tamano_y(fin_y, imagen){
	var objeto=document.getElementById("recuadro").style;
	var y=objeto.height.split("px");
	y=y[0]/1;
	if (y>=(fin_y+padding)){
		var objeto=document.getElementById("temp_imagen").style;
		objeto.marginTop=padding/2+"px";
		objeto.marginLeft=padding/2+"px";
		objeto.visibility="visible";
		//
		var links=document.getElementsByTagName("a");
		var rels=new Array;
		for (i=0; i<links.length; i++){
			if (links[i].rel=="galeria"){
				var cadena=String(links[i].onclick);
				comienzo=cadena.split("\"");
				rels.push(comienzo[1]);
			}
		}
		var anterior=true;
		var siguiente=true;
		if (rels.length==0) return;
		for (i=0; i<rels.length; i++){
			if (imagen==rels[i]){
				siguiente=rels[i+1];
				anterior=rels[i-1];
				var actual=imagen;
				if (i==0) anterior=false;
				if (rels.length-1==i) siguiente=false;
			}
		}
		var cadena=" | ";
		if (anterior) cadena='<a href="javascript:void(0);" onclick="cambiar_imagen(\''+anterior+'\');return false;">< Anterior</a>'+cadena;
		if (siguiente) cadena+='<a href="javascript:void(0);" onclick="cambiar_imagen(\''+siguiente+'\');return false;">Siguiente ></a>';
		document.getElementById("recuadro_pie").innerHTML=cadena;
		//
		return;
	}
	objeto.marginTop=-(y/2)+"px";
	y=y+20;
	objeto.height=y+"px";
	ty=setTimeout("tamano_y("+fin_y+", '"+imagen+"');",0);
}
var mp = { src: 'includes/sifr.swf' };
sIFR.activate(mp);