var linkSiguiente1, linkSiguiente2, linkAnterior1, linkAnterior2, imaSiguiente, imaAnterior
var imaActual = false;
function obj(id){
	return document.getElementById(id);
}
function items(obj, tag){
	return obj.getElementsByTagName(tag)
}
function nombreArchivo(archivo){
	archivo = archivo.split('.jpg')[0] + '_p.jpg'
	return archivo
}
function beErres(texto){
	pe = texto
	texto = texto.split('<br />')
	largo = texto.length;
	pe = document.createElement('p')
	if(largo > 1){
		for(var m = 0; m < largo; m++){
			pe.appendChild(document.createTextNode(texto[m]))
			br = document.createElement('br')
			pe.appendChild(br)
		}
	}
	else{
		pe.appendChild(document.createTextNode(texto[0]))
	}
	return pe
}
function imagenGaleria(pos, el, elem){
	/*if(imaSiguiente.getAttribute('ultima')){
		location.href = imaSiguiente.parentNode.href
	}
		if(imaAnterior.getAttribute('ultima')){
		location.href = imaAnterior.parentNode.href
	}*/
	o1 = elem.src.split('/')
	o2 = o1[o1.length -1]
	if(o2 ==  fotoSiguiente || o2 ==  fotoAnterior){
		location.href = elem.parentNode.href
	}

	imagen = items(obj('imagenPrincipal'), 'img')[0]
	titulo = items(obj('imagenPrincipal'), 'h1')[0]
	texto = obj('textoImagen')
	imagen.src = rutabase + galeria[pos]['url']
	titulo.firstChild.nodeValue = galeria[pos]['titulo']
	texto.replaceChild(beErres(galeria[pos]['texto']),texto.firstChild)
	imagen.alt = galeria[pos]['titulo']
	imagen.title = galeria[pos]['titulo']
	if(imaActual){
		imaActual.className = 'fotopeque';
		imaActual = false;
	}
	if(iex){
		el.filters.alpha.opacity = 100;
		if(thumbActual && thumbActual != el) thumbActual.filters.alpha.opacity = 50;
	}
	else{
		el.style.MozOpacity = 1;
		if(thumbActual && thumbActual != el)thumbActual.style.MozOpacity = 0.5;
	}
	thumbActual = el
	if(pos < galeria.length -1){
		imaSiguiente.src = rutabase + nombreArchivo(galeria[parseInt(pos)+1]['url'])
		linkSiguiente1.href = rutadoc + '?galeria=' + galId +'&imagen=' + (parseInt(pos)+1) + '&pag=' + pagActual
		imaSiguiente.setAttribute('posicion',parseInt(pos)+1)
		imaSiguiente.setAttribute('ultima', false)
		obj('contsiguiente').style.display = 'inline'
	/*	if(!haysiguiente){*/
			imaSiguiente.onclick= function(){
				imagenGaleria(this.getAttribute('posicion'),  items(obj('contgaleria'), 'img')[this.getAttribute('posicion')], this)
			}
			haysiguiente = true
			linkSiguiente1.onclick = function(){return false}
	/*	}*/
	}
	else{
		//obj('contsiguiente').style.display = 'none'
		imaSiguiente.src = rutabase + fotoSiguiente
		imaSiguiente.setAttribute('ultima', true)
		linkSiguiente1.href = rutadoc + '?galeria=' + galId +'&imagen=0&pag=' + (pagActual + 1)
		//imaSiguiente.onclick = function(){location.href=this.parentNode.href} 
	}
	if(pos > 0){
		linkAnterior1.href = rutadoc + '?galeria=' + galId +'&imagen=' + (parseInt(pos)-1) + '&pag=' + pagActual
		imaAnterior.src = rutabase + nombreArchivo(galeria[parseInt(pos)-1]['url'])
		imaAnterior.setAttribute('posicion',parseInt(pos)-1)
		imaAnterior.setAttribute('ultima', false)
		obj('contanterior').style.display = 'inline'
		/*if(!hayanterior){*/
			imaAnterior.onclick= function(){
				imagenGaleria(this.getAttribute('posicion'),  items(obj('contgaleria'), 'img')[this.getAttribute('posicion')], this)
			}
			hayanterior = true
			linkAnterior1.onclick = function(){return false}
		/*}*/
	}
	else{
		if(fotoAnterior){
			imaAnterior.src = rutabase + fotoAnterior
			imaAnterior.setAttribute('ultima', true)
			linkAnterior1.href = rutadoc + '?galeria=' + galId +'&imagen=' + (itemsGal - 1) + '&pag=' + (pagActual - 1)
			//imaAnterior.onclick = function(){location.href=this.parentNode.href}
		}
		else{
			obj('contanterior').style.display = 'none'
			
		}
	} 
	//alert(imaSiguiente.getAttribute('ultima'))
}

function iniciaGaleria(){
	gal = obj('contgaleria')
	imasgal = items(gal, 'img');
	linksgal = items(gal, 'a');
	if(!fotoSiguiente ){
		cont = document.createElement('span')
		cont.style.display = 'none'
		cont.id = 'contsiguiente'
		cont.className = 'contenedorfotopeque'
		a = document.createElement('a')
		a.href = '#'
		a.onclick = function(){return false}
		ima = document.createElement('img')
		ima.title = 'siguiente'
		ima.alt = 'siguiente'
		ima.className = "fotopeque"
		a.appendChild(ima)
		cont.appendChild(a)
		obj('imagenPrincipal').appendChild(cont);		
	}
	linkSiguiente1 = items(obj('contsiguiente'), 'a')[0]
	imaSiguiente = items(obj('contsiguiente'), 'img')[0]
	//linkSiguiente1.onclick = function(){return false}
	if(!fotoAnterior){
		cont = document.createElement('span')
		cont.style.display = 'none'
		cont.id = 'contanterior'
		cont.className = 'contenedorfotopeque'
		a = document.createElement('a')
		a.onclick = function(){return false}
		a.href = '#'
		ima = document.createElement('img')
		ima.title="anterior"
		ima.alt="anterior"
		ima.className = "fotopeque"
		a.appendChild(ima)
		cont.appendChild(a)
		obj('imagenPrincipal').insertBefore(cont, obj('contsiguiente'))
	}
	linkAnterior1 = items(obj('contanterior'), 'a')[0]
	imaAnterior = items(obj('contanterior'), 'img')[0]
	//linkAnterior1.onclick = function(){return false}
	cont = 0
	for(var m=0; m<imasgal.length;m++) {
		imasgal[m].parentNode.onclick = function(){return false}
		imasgal[m].setAttribute('posicion',m)
		if(imaAnterior.src == imasgal[m].src){
			imaAnterior.setAttribute('posicion',m)
			imaAnterior.parentNode.onclick = function(){return false}
			imaAnterior.onclick= function(){
				imagenGaleria(this.getAttribute('posicion'),  items(obj('contgaleria'), 'img')[this.getAttribute('posicion')],this)
			}
		}
		if(imasgal[m].className == 'fotopequeact'){
			imaActual = imasgal[m];
		}
		if(imaSiguiente.src == imasgal[m].src){
			imaSiguiente.setAttribute('posicion',m)
			imaSiguiente.parentNode.onclick = function(){return false}
			imaSiguiente.onclick= function(){
				imagenGaleria(this.getAttribute('posicion'), items(obj('contgaleria'), 'img')[this.getAttribute('posicion')], this)
			}
			
		}
	 	imasgal[m].onclick = function(){
			imagenGaleria(this.getAttribute('posicion'), this, this)
	  }
	}
}
var thumbActual = false
onload = iniciaGaleria;