d = function (tag){ return document.getElementById(tag); }
var interval = 5000;
var tal;
function anterior(anterior)
{
	clearInterval( resetInterval );

	var scrol = d('scrol');
	var sigiente = d('sigiente');

	var nAnterior = anterior.getAttribute('nanterior');
	
	var imagenEstado = nAnterior;
	var imagenAnterior = nAnterior;
	var imagenSigiente = nAnterior;
	--imagenAnterior;
	imagenEstado;
	++imagenSigiente;
	
	var imgAnterior = d( 'imagen' + imagenAnterior );
	
	/*Muevo el scroll con el tamaņo del thumb.*/
	var moverScroll = anteriorImg.width;
	scrol.scrollLeft -= moverScroll;

	//--------------------------------------------------------------------
	//	CARGO lOS ATRIBUTOS
	//	- Cargo la imagen grande con la imagen del thumb.
	//--------------------------------------------------------------------
	d('status').innerHTML = imgAnterior.getAttribute('status');
	d('propiedad').innerHTML = imgAnterior.getAttribute('propiedad');
	d('zona').innerHTML = imgAnterior.getAttribute('zona');
	d('valor').innerHTML = imgAnterior.getAttribute('valor');
	d('referencia').innerHTML = imgAnterior.getAttribute('referencia');
	d('observacion').innerHTML = imgAnterior.getAttribute('observacion');
	d('NumeroVal').href= '?modulo=ficha&cod=' + imgAnterior.getAttribute('referencia');
	//--------------------------------------------------------------------

	/*Oculto sigiente o anterior segun la el estado.*/
	var anteriorPass = imagenAnterior;
	sigiente.style.visibility = ( !d( 'imagen' +  imagenSigiente ) ) ? 'hidden' : 'visible';
	anterior.style.visibility = ( !d( 'imagen' +  --anteriorPass ) ) ? 'hidden' : 'visible';


	/*Reinicio el contador de las imagenes o lo cargo con la sigiente.*/
	sigiente.setAttribute( 'nsigiente' , imagenEstado );
	anterior.setAttribute( 'nanterior' , imagenAnterior );


	/*Saco el borde de la ultima imagen cargada y reinicio el escrol*/

	/*Pongo un borde a la imagen actual.*/
	
	if ( anteriorImg = d( 'imagen' +  imagenEstado ) ) anteriorImg.style.border = '0px';

	resetInterval = setInterval( "sigiente(d('sigiente'))" , interval );
}

function sigiente(sigiente){

	clearInterval( resetInterval );

	var scrol = d('scrol');
	var anterior = d('anterior');
    
	
	
	//sigiente = getAtributes(sigiente);
	
	var nSigiente = sigiente.getAttribute('nsigiente');
	var imagenAnterior = nSigiente;
	var imagenEstado = nSigiente;
	var imagenSigiente = nSigiente;
	--imagenAnterior;
	imagenSigiente++;
	
	var sigienteImg = d( 'imagen' +  nSigiente );
		
	/*Muevo el scroll con el tamaņo del thumb.*/
	var moverScroll = sigienteImg.width;
	scrol.scrollLeft += moverScroll;

	//--------------------------------------------------------------------
	//	CARGO lOS ATRIBUTOS
	//	? Cargo la imagen grande con la imagen del thumb.
	//--------------------------------------------------------------------
	d('status').innerHTML = sigienteImg.getAttribute('status');
	d('propiedad').innerHTML = sigienteImg.getAttribute('propiedad');
	d('zona').innerHTML = sigienteImg.getAttribute('zona');
	d('valor').innerHTML = sigienteImg.getAttribute('valor');
	d('referencia').innerHTML = sigienteImg.getAttribute('referencia');
	d('observacion').innerHTML = sigienteImg.getAttribute('observacion');
	d('NumeroVal').href= '?modulo=ficha&cod=' + sigienteImg.getAttribute('referencia');
	//--------------------------------------------------------------------

	/*Oculto sigiente o anterior segun el estado.*/
	sigiente.style.visibility = ( !d( 'imagen' +  imagenSigiente ) ) ? 'hidden' : 'visible';
	anterior.style.visibility = ( !d( 'imagen' +  imagenAnterior ) ) ? 'hidden' : 'visible';


	/*Reinicio el contador de las imagenes o lo cargo con la sigiente.*/
	sigiente.setAttribute( 'nsigiente' , ( !d( 'imagen' +  imagenSigiente ) ) ? 1 : imagenSigiente );
	anterior.setAttribute( 'nanterior' , imagenEstado );


	/*Saco el borde de la ultima imagen cargada y reinicio el escrol*/
	if (imagenEstado == 1) {
		scrol.scrollLeft = 0;
	}

	/*Pongo un borde a la imagen actual.*/
	if ( anteriorImg = d( 'imagen' +  imagenAnterior ) ) anteriorImg.style.border = '0px';

	resetInterval = setInterval( "sigiente(d('sigiente'))" , interval );

}
getAtributes = function (obj)
{
	var len = obj.attributes.length;
	for( var i=0; i < len; i++ ){
		if ( 
		obj.attributes.item(i).nodeName == 'style' ||
		obj.attributes.item(i).nodeName == 'onclick'
		 ) continue;
		eval( 'obj.' + obj.attributes.item(i).nodeName + '="' + obj.attributes.item(i).nodeValue + '";' )
	}
	return obj;
}
var nImagenes = 0;
function loadImages (){
	var eselcont = d('eselcont');
	nImagenes = eselcont.getAttribute('nImagenes');
	
	var anterior = d('anterior');
	anterior.style.visibility = 'hidden';

	var sigiente = d('sigiente');
	var nSigiente = sigiente.getAttribute('nSigiente');
	var sigienteImg = d( 'imagen' +  nSigiente );

	eselcont.style.width = ( ( nImagenes * sigienteImg.width ) + 10 ) + 'px';
}

resetInterval = setInterval( "sigiente(d('sigiente'))" , interval );
window.onload = loadImages;