//GALERIA AJAX CON FUNCIONES FADE IN / OUT
// Version 1.0
// - Compatible con FireFox
// - Compatible con Iexplorer
//
// Programacion David Cia - <a href="http://www.80pixels.com" target="_blank" class="negrita-negro">80pixels.com</a>
// email: david@<a href="http://www.80pixels.com" target="_blank" class="negrita-negro">80pixels.com</a>
/////////////////////////////////////////////
function pausecomp(millis)
{
	date = new Date();
	var curDate = null;
	do { var curDate = new Date(); }
	while(curDate-date < millis);
}
// Fucnion creacion objeto AJAX
function nuevoAjax()
{
  var xmlhttp=false;
  try {
   // Creación del objeto ajax para navegadores diferentes a Explorer
   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   // o bien
   try {
     // Creación del objet ajax para Explorer
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
     xmlhttp = false;
   }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
   xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
// Muestra el contenido nuevo sobre la capa
function cargarContenido(muestra)
{
	var img, contenedor, preload;
	contenedor = document.getElementById('contenedor');
	preload = document.getElementById('preload');
	ajax=nuevoAjax();
	ajax.open("GET", "verimagen.php?img="+muestra,true); //interactuo con verimagen.php y muestra la imagen pasada por GET
	ajax.onreadystatechange=function cambiaAjax()
								{
									if (ajax.readyState==4) {
										contenedor.innerHTML = ajax.responseText
									}
								}		
	ajax.send(null)
}
// Funcion que se ejecuta cada vez que se ha cargado la imagen.
function accionCapas()
{
	//pausecomp(1000);
	ocultaLoad();
	fadeInIE('contenedor');
}
// Funciones FADE IN / OUT
ie5 = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
var opac = 0;
var priin=1;
/////////////////////////////////////////////////////////////
function fadeInIE(ln)
{
	if(opac < 100){
	opac+=5;
		if(ie5){ 
			document.getElementById(ln).filters.alpha.opacity = opac; setTimeout("fadeInIE('"+ln+"')", 1);
			}
		if(ns6){ 
			document.getElementById(ln).style.MozOpacity = opac / 100; setTimeout("fadeInIE('"+ln+"')", 20);
			}
	}
	if(opac>=100){finin=1;}else{finin=0;}
}
/////////////////////////////////////////////////////////////
function fadeOutIE(ln)
{
	if(opac > 0){
	opac-=90;
		if(ie5){ 
			document.getElementById(ln).filters.alpha.opacity = opac; setTimeout("fadeOutIE('"+ln+"')", 0);
			}
		if(ns6){ 
			document.getElementById(ln).style.MozOpacity = opac / 100; setTimeout("fadeOutIE('"+ln+"')", 0);
			}
	}
	if(opac<=0){finout=1;}else{finout=0;}
}
/////////////////////////////////////////////////////////////
function ocultaLoad()
{
	if(ie5){document.getElementById('preload').filters.alpha.opacity = 0;}
	if(ns6){document.getElementById('preload').style.MozOpacity = 0 / 100;}
	MM_changeProp('preload','','style.visibility','hidden','DIV');
}
/////////////////////////////////////////////////////////////
function muestraLoad()
{
	MM_changeProp('preload','','style.visibility','visible','DIV');
	if(ie5){document.getElementById('preload').filters.alpha.opacity = 100;}
	if(ns6){document.getElementById('preload').style.MozOpacity = 100 / 100;}
}
/////////////////////////////////////////////////////////////
function clickOpcion(num)
{
	//fadeOutIE('contenedor');
	muestraLoad();
	MM_changeProp('overlay','','style.visibility','visible','DIV');
	MM_changeProp('contenedor','','style.visibility','visible','DIV');
	cargarContenido(num);
	
}
/////////////////////////////////////////////////////////////
function ocultaContenedor()
{
	document.contenedor.style.visible="hidden";
	document.overlay.style.visible="hidden";
}
/////////////////////////////////////////////////////////////
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
/////////////////////////////////////////////////////////////
function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}

/* ///////// BASURA /////////////
function fadeout(num)
{
fadeOutIE('contenedor');
cargarContenido(num);
//pausecomp(1000);
fadeInIE('contenedor');
}
function wait(delay)
{
	setTimeout('nada();', delay);
}

function nada()
{
	fadeInIE('contenedor')
}
*/