// JavaScript Document


var tab_image = new Array(12);
var tab_url = new Array(12);
var tab_target = new Array(12);
for (var i=0; i<12; i++) { tab_image[i] = new Image(); }
tab_image[0].src = 'imagenes/cabeceras/0.jpg';
tab_url[0] = 'amethyst.html';
tab_target[0] = 'Amethyst';
tab_image[1].src = 'imagenes/cabeceras/1.jpg';
tab_url[1] = 'angel-jasper.html';
tab_target[1] = 'Angel Jasper';
tab_image[2].src = 'imagenes/cabeceras/2.jpg';
tab_url[2] = 'carnelian.html';
tab_target[2] = 'Carnelian';
tab_image[3].src = 'imagenes/cabeceras/3.jpg';
tab_url[3] = 'classic-quartz.html';
tab_target[3] = 'Classic Quartz';
tab_image[4].src = 'imagenes/cabeceras/4.jpg';
tab_url[4] = 'labradorite.html';
tab_target[4] = 'Labradorite';
tab_image[5].src = 'imagenes/cabeceras/5.jpg';
tab_url[5] = 'petrified-wood.html';
tab_target[5] = 'Petrified Wood';
tab_image[6].src = 'imagenes/cabeceras/6.jpg';
tab_url[6] = 'red-jasper.html';
tab_target[6] = 'Red Jasper';
tab_image[7].src = 'imagenes/cabeceras/7.jpg';
tab_url[7] = 'retro-petrified-wood.html';
tab_target[7] = 'Retro Petrified Wood';
tab_image[8].src = 'imagenes/cabeceras/8.jpg';
tab_url[8] = 'retro-tiger-iron.html';
tab_target[8] = 'Retro Tiger Iron';
tab_image[9].src = 'imagenes/cabeceras/9.jpg';
tab_url[9] = 'rose-quartz.html';
tab_target[9] = 'Rose Quartz';
tab_image[10].src = 'imagenes/cabeceras/10.jpg';
tab_url[10] = 'smonkey-quartz.html';
tab_target[10] = 'Smonkey Quartz';
tab_image[11].src = 'imagenes/cabeceras/11.jpg';
tab_url[11] = 'wild-agate.html';
tab_target[11] = 'Wild Agate';
var index = 1;
var tempo = 5000; // in milisecond
var incrTrs = 10;
var tempoTrs = 600 / incrTrs;
function changeImage( imageId, divId ) {
	image = document.getElementById( imageId );
	div0 = document.getElementById( divId );
	setOpacity( image, 0 );
	if( index >= tab_image.length ) { index = 0; }
	document.getElementById('thelink').href = tab_url[index];
	document.getElementById('thelink').target = tab_target[index];
	image.src = tab_image[index++].src;
	image.style.visibility = 'visible';
	fadeIn( imageId, divId, 0 );
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
function fadeIn(objId,divId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 100/incrTrs;
			window.setTimeout("fadeIn( '"+objId+"', '"+divId+"', "+opacity+" )", tempoTrs);
		} else {
			document.getElementById( divId ).style.backgroundImage = "url( " + obj.src + " )";
			window.setTimeout( "changeImage( '" + objId + "', '" + divId + "' )", tempo );
		}
	}
}