var alto_imagen_global;
var ancho_imagen_global;

function anchoWindow () {
  var ancho_window = 0;
  var alto_window = 0;
  if( typeof( window.innerWidth ) == 'number' ) 
  {
    //Non-IE
    //NN7 uses this************
    ancho_window = window.innerWidth;
    alto_window = window.innerHeight;
  }
  else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
  {
    //IE 6+ in 'standards compliant mode'
    ancho_window = document.documentElement.clientWidth;
    alto_window = document.documentElement.clientHeight;
  }
  else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
  {
    //IE 4 compatible
    ancho_window = document.body.clientWidth;
    alto_window = document.body.clientHeight;
  }
  var tamano_window = [ ancho_window, alto_window];
  return tamano_window;
}

function tamanoActual() {
  var tamano = [0,0];
  ancho1 = (!isNaN(parseInt(document.body.clientWidth)))?parseInt(document.body.clientWidth):0;
  ancho2 = (!isNaN(parseInt(window.innerWidth)))?parseInt(window.innerWidth):0;
  alto1 = (!isNaN(parseInt(document.body.clientHeight)))?parseInt(document.body.clientHeight):0;
  alto2 = (!isNaN(parseInt(window.innerHeight)))?parseInt(window.innerHeight):0;
  tamano[0]=Math.max(ancho1,ancho2);
  tamano[1]=Math.max(alto1, alto2);
  return tamano;
}

function redimensionarVentanaFoto() {
  var ventanaFoto = document.getElementById('ventanaFoto');
  if (ventanaFoto != null) {
    var tamano = tamanoActual();

    var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);

    var tamano_window = anchoWindow();
    ventanaFoto.style.top=(tamano_window[1]-alto_imagen_global-70)/2+st+'px';
    ventanaFoto.style.left=(tamano_window[0]-ancho_imagen_global)/2+sl+'px';

    capaOscura = document.getElementById('ventanaFotoOscuro');
    capaOscura.style.height=tamano[1]+'px';
    capaOscura.style.top=st+'px';
    capaOscura.style.left=sl+'px';
  }
}

function mostrarFoto (titulo,foto,pie,ancho_imagen,alto_imagen) {
    ancho_imagen_global = ancho_imagen;
    alto_imagen_global = alto_imagen;
    var control = document.getElementById('ventanaFoto');
    if (control == null) {
    var tamano = tamanoActual();
    var tamano_window = anchoWindow();

    var ventanaFoto = document.createElement('div');
    ventanaFoto.id='ventanaFoto';
/*
    var ventanaFoto_titulo = document.createElement('div');
    ventanaFoto_titulo.id='imagen_titulo';
    ventanaFoto_titulo.innerHTML = titulo;
    ventanaFoto_titulo.style.width=ancho_imagen-10+'px';

    var ventanaFoto_imagen = document.createElement('div');
    ventanaFoto_imagen.id='imagen_imagen';
    var imagen = document.createElement('img');
    imagen.id='imagen_imagen_img';
    imagen.src = foto;
    imagen.alt = 'foto';
    //ventanaFoto_imagen.appendChild(imagen);

    var ventanaFoto_pie = document.createElement('div');
    ventanaFoto_pie.id='imagen_pie';
    ventanaFoto_pie.innerHTML = pie;
    ventanaFoto_pie.style.width=ancho_imagen-10+'px';

    ventanaFoto.appendChild(ventanaFoto_titulo);
    ventanaFoto.appendChild(ventanaFoto_imagen);
    ventanaFoto.appendChild(ventanaFoto_pie);
*/
    var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
    var capaOscura = document.createElement('div');

    capaOscura.id = 'ventanaFotoOscuro';
    capaOscura.style.height=tamano[1]+'px';
    capaOscura.style.top=st+'px';
    capaOscura.style.left=sl+'px';
    // Set transparency to 70%
    capaOscura.setAttribute("style", "opacity:0.7;")
    if (capaOscura.style.setAttribute) //For IE
    capaOscura.style.setAttribute("filter", "alpha(opacity=70);")

    //alert(tamano_window[0]+'x'+tamano_window[1]);
    ventanaFoto.style.top=(tamano_window[1]-alto_imagen-70)/2+st+'px';
    ventanaFoto.style.left=(tamano_window[0]-ancho_imagen)/2+sl+'px';

    //document.getElementsByTagName('body')[0].appendChild(ventanaFoto);
    document.getElementsByTagName('body')[0].appendChild(capaOscura);

    addEvent (window,'resize',redimensionarVentanaFoto);
    //addEvent (imagen,'click',cerrarFoto);
  }
}

function cerrarFoto () {
  var control = document.getElementById('ventanaFoto');
  if (control != null) {
    var capa_oscura = document.getElementById('ventanaFotoOscuro');
    var foto_titulo = document.getElementById('imagen_titulo');
    var foto_imagen = document.getElementById('imagen_imagen');
    var foto_imagen_img = document.getElementById('imagen_imagen_img');
    var foto_pie = document.getElementById('imagen_pie');
    foto_titulo.parentNode.removeChild(foto_titulo);
    foto_imagen_img.parentNode.removeChild(foto_imagen_img);
    foto_imagen.parentNode.removeChild(foto_imagen);
    foto_pie.parentNode.removeChild(foto_pie);
    control.parentNode.removeChild(control);
    capa_oscura.parentNode.removeChild(capa_oscura);
    removeEvent (window,'resize',redimensionarVentanaFoto);
  }
}



function redimensionarVentanaGray() {
  var ventanaGray = document.getElementById('ventanaGray');
  if (ventanaGray != null) {
    var tamano = tamanoActual();

    var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);

    var tamano_window = anchoWindow();
    ventanaGray.style.top=(tamano_window[1]-alto_imagen_global)/2+st+'px';
    ventanaGray.style.left=(tamano_window[0]-ancho_imagen_global)/2+sl+'px';

    capaOscura = document.getElementById('ventanaFotoOscuro');
    capaOscura.style.height=tamano[1]+'px';
    capaOscura.style.top=st+'px';
    capaOscura.style.left=sl+'px';
  }
}

function mostrarGray (source,ancho_iframe,alto_iframe) {
    ancho_imagen_global = ancho_iframe;
    alto_imagen_global = alto_iframe;
    var control = document.getElementById('ventanaGray');
    if (control == null) {
      var tamano = tamanoActual();
      var tamano_window = anchoWindow();
  
      var ventanaGray = document.createElement('iframe');
      ventanaGray.id='ventanaGray';
      ventanaGray.style.height=alto_iframe+'px';
      ventanaGray.style.width=ancho_iframe+'px';
      ventanaGray.src=source;
  
      var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
      var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
      var capaOscura = document.createElement('div');
  
      capaOscura.id = 'ventanaFotoOscuro';
      capaOscura.style.height=tamano[1]+'px';
      capaOscura.style.top=st+'px';
      capaOscura.style.left=sl+'px';

      // Set transparency to 70%
      capaOscura.setAttribute("style", "opacity:0.7;")
      if (capaOscura.style.setAttribute) //For IE
      capaOscura.style.setAttribute("filter", "alpha(opacity=70);")
  
      //alert(tamano_window[0]+'x'+tamano_window[1]);
      ventanaGray.style.top=(tamano_window[1]-alto_iframe)/2+st+'px';
      ventanaGray.style.left=(tamano_window[0]-ancho_iframe)/2+sl+'px';
  
      document.getElementsByTagName('body')[0].appendChild(ventanaGray);
      document.getElementsByTagName('body')[0].appendChild(capaOscura);
  
      addEvent (window,'resize',redimensionarVentanaGray);
    }
}

function cerrarGray () {
  var control = parent.document.getElementById('ventanaGray');
  if (control != null) {
    var capa_oscura = parent.document.getElementById('ventanaFotoOscuro');
    control.parentNode.removeChild(control);
    capa_oscura.parentNode.removeChild(capa_oscura);
    removeEvent(window,'resize',redimensionarVentanaGray);
  }
}