window.onload = initLinks;



var myPhoto = new Array(

"images/album/campeonato-granadilla.jpg",

"images/album/clasejunio.jpg",

"images/album/clasejunio-adultos.jpg",

"images/album/makiwara-v.jpg",

"images/album/makiwara-h.jpg",

"images/album/examen-junio.jpg",

"images/album/puerto-cruz2.jpg",

"images/album/asado21-06-09c.jpg",

"images/album/asado21-06-09a.jpg",

"images/album/asado21-06-09b.jpg",

"images/album/renato_iv.jpg",

"images/album/sensei_sb.jpg",

"images/album/sensei_wa.jpg",

"images/album/sensei_vf.jpg",

"images/album/gerardobalves.jpg",

"images/album/grupo2008.jpg",

"images/album/teresitas.jpg",

"images/album/defensa_personal-1.jpg",

"images/album/defensa_personal-2.jpg",

"images/album/renato_graziosi-2.jpg",

"images/album/renato_graziosi.jpg"


);





var myText = new Array(

"II Torneo de Katas (Granadilla de Abona, 5/6/2010)",

"Última clase de niños, junio 2010",

"Clase de adultos, junio 2010",

"Entrenamiento con makiwara (2010)",

"Entrenamiento con makiwara (2010)",

"Examen de grado (junio 2010)",

"VIII Campeonato de Karate (Puerto de la Cruz, 11/10/09)",

"Asado en Cho Pancho (21/06/09)",

"Asado en Cho Pancho (21/06/09)",

"Asado en Cho Pancho (21/06/09)",

"Sensei Renato con una alumna de Defensa Personal",

"Sensei Renato con una alumna de Defensa Personal",

"Sensei Renato con un alumno de Karate",

"Sensei Renato con una alumna de Defensa Personal",

"Sensei Gerardo Balves en clase",

"Sensei Renato con alumnos de Karate",

"Concentración de karatecas en Las Teresitas (6/6/09)",

"Clase de Defensa Personal",

"Clase de Defensa Personal",

"Sensei Renato Graziosi",

"Sensei Renato Graziosi"


);



var thisPhoto = 0;



function initLinks() {

	document.getElementById("previous").onclick = processPrevious;

	document.getElementById("next").onclick = processNext;

}





function processPrevious() {

	changeOpac(0)

	if (thisPhoto == 0) {

		thisPhoto = myPhoto.length;

	}

	thisPhoto--;

	document.getElementById("myPicture").src = myPhoto[thisPhoto];

	if (document.getElementById("myPicture").src.indexOf("v") != -1)

	{

		document.getElementById("myPicture").style.marginTop = 10 + "px";

	}

	else {

		document.getElementById("myPicture").style.marginTop = 50 + "px";

	}

	document.getElementById('pictureText').innerHTML = myText[thisPhoto];

	opacityShow()

	return false;

}



function processNext() {

	changeOpac(0)

	thisPhoto++;

	if (thisPhoto == myPhoto.length) {

		thisPhoto = 0;

	}

	document.getElementById("myPicture").src = myPhoto[thisPhoto];

	if (document.getElementById("myPicture").src.indexOf("v") != -1)

	{

		document.getElementById("myPicture").style.marginTop = 10 + "px";

	}

	else {

		document.getElementById("myPicture").style.marginTop = 50 + "px";

	}

	document.getElementById('pictureText').innerHTML = myText[thisPhoto];

	opacityShow()

	return false;

}





function opacityFade() {

	timer = 900;

	for(i = 100; i >= 0; i--) {

		setTimeout("changeOpac(" + i + ")",(timer));

		timer=timer+2;

	}

}

function opacityShow() {

	timer = 900;

	for(i = 0; i <= 100; i++) {

		setTimeout("changeOpac(" + i + ")",(timer));

	timer=timer+2;

	}

}



function changeOpac(opacity) {

	var object = document.getElementById('myPicture').style;

	object.opacity = (opacity / 100);

	object.MozOpacity = (opacity / 100);

	object.KhtmlOpacity = (opacity / 100);

	object.filter = "alpha(opacity=" + opacity + ")";

}

