(function(){
  // if firefox 3.5+, hide content till load (or 3 seconds) to prevent FOUT
  var d = document, e = d.documentElement, s = d.createElement('style');
  if (e.style.MozTransform === ''){ // gecko 1.9.1 inference
    s.textContent = 'body{visibility:hidden}';
    e.firstChild.appendChild(s);
    function f(){ s.parentNode && s.parentNode.removeChild(s); }
    addEventListener('load',f,false);
    setTimeout(f,3000); 
  }
})();

/* ######################################
     FUNCION GENERICA CREAR OBJETO AJAX
###################################### */
function crearAjax(){
  var xmlhttp=false;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}

/* ######################################
     FUNCIONES EMBOLSAME
###################################### */

var EM = new Array();

for(i=1;i<=cuantosRegistros;i++){ EM[i] = new Array(); }
APIactual = 1;

function setAPI(cual){
  tipo = cual;
  document.getElementById("navAPI_all").className = "";
  document.getElementById("navAPI_imagen").className = "";
  document.getElementById("navAPI_video").className = "";
  document.getElementById("navAPI_" + tipo).className = "navSEL";
  leerBDD(0);
}

function leerBDD(direccion){
  pagina = pagina + direccion;
  var contenedor;
  ajaxREADEMBOLSAME = crearAjax();
  ajaxREADEMBOLSAME.open("POST", "embolsame_READ.php",true);
  ajaxREADEMBOLSAME.onreadystatechange=function() {
    if (ajaxREADEMBOLSAME.readyState==4) {
      var respuesta;
      respuesta = ajaxREADEMBOLSAME.responseText;
      if(respuesta=="ERROR") { alert("ERROR"); return; }
      contenedor = document.getElementById("APIDATOS");
      contenedor.innerHTML = respuesta;
      cantidadRegistros = document.getElementById("APIDATOS").childNodes.length / 4;
      for(i=1;i<=cantidadRegistros;i++){
        EM[i][0] = document.getElementById("CAMPOtipo_" + String(i)).innerHTML;
        EM[i][1] = document.getElementById("CAMPOcontenido_" + String(i)).innerHTML;
        EM[i][2] = document.getElementById("CAMPOtitulo_" + String(i)).innerHTML;
        EM[i][3] = document.getElementById("CAMPOshorturl_" + String(i)).innerHTML;
      }
      EMshowAPI();
    }
  }
  ajaxREADEMBOLSAME.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  ajaxREADEMBOLSAME.send("cuantosRegistros="+cuantosRegistros+"&tipo="+tipo+"&pagina="+pagina+"&categoria="+categoria);
}

function EMshowAPI() {
  var contenedor, salida;
  cantidadRegistros = document.getElementById("APIDATOS").childNodes.length / 4;
  salida = "";
  salida += "<a id='navanterior' href='javascript:leerBDD(-1);'></a>";
  for(i=1;i<=cantidadRegistros;i++){
    if(EM[i][0]=="video") { salida += "<a href='" + EM[i][3] + "' title='" + EM[i][2] + "' id='T_" + String(i) + "'><img onmouseout='thumbexplica(" +  i + ");' onmouseover='thumbexplica(" +  i + ");' src='http://img.youtube.com/vi/" + EM[i][1] + "/2.jpg'>"; }
    if(EM[i][0]=="imagen") { salida += "<a href='" + EM[i][3] + "' title='" + EM[i][2] + "' id='T_" + String(i) + "'><img onmouseout='thumbexplica(" +  i + ");' onmouseover='thumbexplica(" +  i + ");' src='" + EM[i][1] + "'>"; }
    salida += "<span id='" +  String(i) + "' class='thumbexplica' style='visibility:hidden;'>" + EM[i][2] + "</span></a>";
  }
  salida += "<a id='navsiguiente' href='javascript:leerBDD(1);'></a>";
  contenedor = document.getElementById("thumbs");
  contenedor.innerHTML = salida;
  if((pagina)==1){ document.getElementById("navanterior").style.visibility="hidden"; } else { document.getElementById("navanterior").style.visibility="visible"; }
  var maximo = totalPaginas;
  if(tipo=="imagen") { maximo = totalPaginasIMGS; }
  if(tipo=="video") { maximo = totalPaginasVIDS; }
  if((pagina)>=maximo){ document.getElementById("navsiguiente").style.visibility="hidden"; } else { document.getElementById("navsiguiente").style.visibility="visible"; }
}

function thumbexplica(cual) {
  var contenedor;
  contenedor = document.getElementById(String(cual));
  if(contenedor.style.visibility == 'visible') {
    contenedor.style.visibility = 'hidden';
  } else {
    contenedor.style.visibility = 'visible';
  }
}

/* ######################################
     FUNCION POPUP REDES SOCIALES
###################################### */
function popup(url) {
  var opciones, ancho, alto, screenWidth, screenHeight, posX, posY;
  ancho = 500;
  alto = 400;
  screenWidth = window.innerWidth || (document.documentElement && document.documentElement.clientWidth) || document.body.clientWidth;
  screenHeight = window.innerHeight || (document.documentElement && document.documentElement.clientHeight) || document.body.clientHeight;
  posX = (screenWidth - ancho) / 2;
  posY = (screenHeight - alto) / 2;
  opciones = "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=" + ancho + ", height=" + alto + ", top=" + posY + ", left=" + posX;
  window.open(url,"popupwindow",opciones);
}