function getPageSize() {
  var xs = document.body.offsetWidth;
  var ww = document.body.clientWidth;
  var ys = document.body.offsetHeight;
  var wh = document.body.clientHeight;
  var ph = ys < wh ? wh : ys;
  var pw = xs < ww ? xs : ww;
  var sY = (document.documentElement.scrollTop > document.body.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  _settings = {width: pw,
    height: ph,
    windowWidth: ww,
    windowHeight: wh,
    scrollX: document.documentElement.scrollLeft,
    scrollY: sY
  };
  return _settings;
}

function scroller () {
  size = getPageSize();
  var a = document.getElementById('overlay-box').style;
  var b = 0;
  if (size.scrollY + 300 + 448 > size.height) {
    b = (size.height - 448);
  } else {
    b = (size.scrollY + 300);
  }
  if (b < 0) {
    b = 0;
  }
   a.top = b + 'px';
}

function resizer () {
  var size = getPageSize();
  var a = document.getElementById('overlay-bg').style;
  var b = document.getElementById('overlay-box').style;
  b.width = a.width = size.windowWidth + 'px';
  a.height = size.height + 'px';
}

function criarOverlay (imagens, index) {  
  var a = document.getElementsByTagName('body')[0].appendChild(document.createElement('DIV'));
    var b = document.getElementsByTagName('body')[0].appendChild(document.createElement('DIV'));
    a.setAttribute('id', 'overlay-bg');
    a.setAttribute('style', 'opacity: 0.7;');
    b.setAttribute('id', 'overlay-box');
    b.style.top = '300px';
    b.innerHTML = 
      '<div id="close-bg"></div>' + 
      '<div id="overlay-content">' + 
        '<a href="#" id="close-overlay">Fechar</a>' + 
        '<h4>' + titulo + '</h4>' +
        '<div class="mascara">' +
          '<div class="borda top"></div>' +
          '<img id="imagem" src="' + imagens[index] + '" />' +
          '<div class="borda bottom"></div>' +
        '</div>' +        
        '<ul>' +
          '<li class="esquerda"><a id="anterior" class="botoes anterior" href="#" title="Ver foto anterior">Anterior</a></li>' +
          '<p><strong id="fotos"></strong></p>' +
          '<li class="direita"><a id="proximo" class="botoes" href="#" title=" Ver próxima foto">Próxima</a></li>' +
        '</ul>' +
      '</div>';
    scroller();
    resizer();
    window.onscroll = scroller;
    window.onresize = resizer;
    document.getElementById('overlay-bg').onclick = fechaOverlay;
    document.getElementById('close-bg').onclick = fechaOverlay;
    document.getElementById('close-overlay').onclick = fechaOverlay;
}

function fechaOverlay () {
  document.getElementsByTagName('body')[0].removeChild(document.getElementById('overlay-bg'));
  document.getElementsByTagName('body')[0].removeChild(document.getElementById('overlay-box'));
  window.onresize = function(){;};
  window.onscroll = function(){;};
}

function abreOverlay (tipo, index) {  
  var imagens = new Array();  
  if (tipo == 'interior') {
    imagens = imagensInterior;
  } else if (tipo == 'exterior') {
    imagens = imagensExterior;
  }
  
  if (!document.getElementById('overlay-box')) {
    criarOverlay(imagens, index);
  } else {
    document.getElementById('imagem').src = imagens[index];
  }
  
  document.getElementById('fotos').innerHTML = 
      ' Foto ' + 
      ' <span id="atual">' + (index + 1) + '</span> ' +
      ' de ' +
      ' <span id="total">' + imagens.length + '</span> ';
  
  if (index < (imagens.length - 1)) {
    document.getElementById('proximo').onclick = function () {
      abreOverlay(tipo, index + 1);
      return false;
    };
    if (document.getElementById('proximo').className != 'botoes') {
      document.getElementById('proximo').className = 'botoes';
    }
  } else {
    document.getElementById('proximo').onclick = function(){return false;};
    document.getElementById('proximo').className = 'botoes inativo';
  }
  
  if (index > 0) {
    document.getElementById('anterior').onclick = function(){
      abreOverlay(tipo, index - 1);
      return false;
    };
    if (document.getElementById('anterior').className != 'botoes') {
      document.getElementById('anterior').className = 'botoes anterior';
    }
  } else {
    document.getElementById('anterior').onclick = function(){return false;};
    document.getElementById('anterior').className = 'botoes anterior inativo';
  }
}

function iniciar () {  
  var e = document.getElementsByTagName('A');
  for (var i = 0; i < e.length; i++) {
    if (e[i].className.match(/(^| )overlay( |$)/i)) {
      if (e[i].className.match(/(^| )interior( |$)/i)) {
        e[i].onclick = function () {
          abreOverlay('interior', 0);          
          return false; 
        }
      } else if (e[i].className.match(/(^| )exterior( |$)/i)) {
        e[i].onclick = function(){
          abreOverlay('exterior', 0);
          return false;
        }
      }
    }
  }
}


function abrirEspecificacao(filename){
	
      var oHTTPRequest = createXMLHTTP();
      oHTTPRequest.open("GET", "Especificacoes.asp?filename=" + filename + "&s=" + Date(), true);
      
      oHTTPRequest.onreadystatechange=function()
      {
       if (oHTTPRequest.readyState==4)
       {
        document.getElementById('divEspecificacao').innerHTML = oHTTPRequest.responseText;
        abrir('divEspecificacao');
        scrollTo(0,0);
       }
      }
      oHTTPRequest.send(null);
}