var subStandard
var img
var imgNames = ["dibujo", "escultura"]
var current = 0
var opacity = 0
var interval = 40
var timer

// Función llamada cuando la imagen más grande termina de cargarse
function loadTime() {
  // Ocultar imagen PNG con transparencia en navegador sub-estándar (IE6)
  var candelabro = document.getElementById("candelabro")
  subStandard = (typeof candelabro.style.opacity == "undefined")
  if (subStandard)
    candelabro.style.display = "none"

  // Arrancar timer para fade-in/out de la imagen de muestra
  img = document.getElementById('foto-img')
  img.style.opacity = '0';
  if (subStandard)
    img.style.filter = 'alpha(opacity=0)'
  timer = setInterval(fadeIn, interval)

  // Mostrar la página con la imagen inicial
  document.getElementById('')
  document.getElementsByTagName('body')[0].style.display = ''

  // Precargar la segunda imagen
  new Image().src = "img/" + imgNames[1] + ".jpg"
}

function fadeIn() {
  opacity++
  if (subStandard) {
    img.style.filter = "alpha(opacity=" + opacity*10 + ")"
  } else {
    img.style.opacity = opacity / 10
  }
  if (opacity == 10) {
    clearInterval(timer)
    setTimeout("timer = setInterval('fadeOut()', interval)", 3500)
  }
}

function fadeOut() {
  opacity--
  if (subStandard) {
    img.style.filter = "alpha(opacity=" + opacity*10 + ")"
  } else {
    img.style.opacity = opacity / 10
  }
  if (opacity == 0) {
    clearInterval(timer)
    timer = setInterval(fadeIn, interval)
    img.src = "img/" + imgNames[++current % 2] + ".jpg"
  }
}