var blendimageOffset = 1
var speedRotar = 5000; 
var speedRotarPrimeraVez = 1000; 
var millisec=600
var galeriaRotativaInstancia = 1 // Al cambiar de item via ajax, se cambia de instancia...

var img_act 
var opac_actual 
function resetGaleriaRotativa() {  
	img_act =-1;
	opac_actual = 100
}
resetGaleriaRotativa()
function blendimageB(sentido, imageid, tmpInstancia) {  
	if(galeriaRotativaInstancia>tmpInstancia) return false // Si llega por segunda vez, pues llamó nuevo item via AJAX
	arrImagenes = strArrImagenes.split(',');
	if(arrImagenes.length==1) return
	arrPiedefoto = strArrPiedefoto.split('+++')
	if(img_act==-1){
		// PRIMERA LLEGADA
		img_act=0
	    if(arrImagenes.length>1) setTimeout("blendimageB(1,'" + imageid+"',"+tmpInstancia+")",speedRotarPrimeraVez); 
		return
	}
	// Saber si ya cargo la siguiente imagen
	if(!isImageLoaded(document.getElementById('img_siguiente'))){
		// Aún no carga la imagen siguiente... volver en un segundo
	    setTimeout("blendimageB(1,'" + imageid+"',"+tmpInstancia+")",1000); 
		return
	}

	var speed = Math.round(millisec / 100); 
	var timer = 0; 
	var suf = 1;
	// Esto permite darle un timer diferente a todo grupo blendimage que se ejecute antes de que el primer grupo termine

	var nueva_img = img_act + sentido
	var img_anterior = nueva_img - 1 
	var img_siguiente = nueva_img + 1	
	var img_siguienteb = nueva_img + 2
	if(nueva_img == -1){
		nueva_img = arrImagenes.length - 1
		img_anterior = nueva_img - 1
	}else if (nueva_img == arrImagenes.length){
		nueva_img = 0
		img_siguiente = 1	
		img_siguienteb = 2
	}else if(nueva_img == 0){
		img_anterior = arrImagenes.length - 1
	}else if(nueva_img == arrImagenes.length-1){
		img_siguiente = 0
		img_siguienteb = 1
	}else if(nueva_img == arrImagenes.length-2){
		img_siguienteb = 0
	}

	//Belleza! Cargar las imágenes que vienen para mejorar la experiencia de navegación.
	document.getElementById('img_anterior').src = arrImagenes[img_siguiente]
	document.getElementById('img_siguiente').src = arrImagenes[img_siguiente]
	document.getElementById('img_siguienteb').src = arrImagenes[img_siguienteb]	

	// Cookie
//	setCookie('obrAct<? global $id_cont; echo $id_cont; ?>', nueva_img, 0, '/', 'artroomgaleria.com')
	img_act = nueva_img
	imgfile = arrImagenes[nueva_img]
	// Cambiar piedefoto y texto x / x
	if(document.getElementById('imgXdeTantas')) document.getElementById('imgXdeTantas').innerHTML = (nueva_img+1)+' / '+arrImagenes.length
	if(document.getElementById('pieDeFoto'))	document.getElementById('pieDeFoto').innerHTML = arrPiedefoto[nueva_img] 
		
	// Hacer Fade Out
	for(ib = opac_actual; ib >= -1; ib--) { 
        setTimeout("changeOpacB(" + ib + ",'" + imageid+"','" + nueva_img+"','"+ imgfile +"','"+ tmpInstancia + "')",(timer * speed)); 
        timer++; 
    } 	
    setTimeout("blendimageB(1,'" + imageid+"',"+tmpInstancia+")",speedRotar); 
    timer++; 
} 
function changeImageSourceB(imageid, imagefile, nueva_img){
	document.getElementById(imageid).src = imagefile
}
function fadeIn (id, nva_img, imgfile, tmpInstancia) {
	var timer=0
	var speed = Math.round(millisec / 100); 
	for(ib = 0; ib <= 100; ib++) { 
		opac_actual=ib
		setTimeout("changeOpacB(" + ib + ",'" + id+"','"+ nva_img+"','"+ imgfile +"','"+ tmpInstancia + "')",(timer * speed)); 
		timer++; 
	} 	
}
//change the opacity for different browsers 
function changeOpacB(opacity, id, nva_img, imgfile, tmpInstancia) { 
	if(galeriaRotativaInstancia>tmpInstancia) return false // Si llega por segunda vez, pues llamó nuevo item via AJAX
	if (opacity==-1) {
		// Cambiamos la imagen por la nueva
		document.getElementById(id).src = imgfile
		fadeIn (id, nva_img, imgfile, tmpInstancia) 
		return false		
	}
	if (nva_img != img_act){
		return false
	}
			opac_actual=opacity
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function isImageLoaded(img) {
    // During the onload event, IE correctly identifies any images
    // that weren't downloaded as not complete. Others should too.
    // Gecko-based browsers act like NS4 in that they report this
    // incorrectly: they always return true.
    if (!img.complete) {
        return false;
    }

    // However, they do have two very useful properties: naturalWidth
    // and naturalHeight. These give the true size of the image. If
    // it failed to load, either of these should be zero.
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    // No other way of checking: assume it's ok.
    return true;
}