var myPix = new Array(4)

myPix[0] = "u2";

myPix[1] = "skank";

myPix[2] = "redhot";

myPix[3] = "barao";

 

var myText = new Array(4)

myText[0] = "War Gunz";

myText[1] = "War Gunz";

myText[2] = "War Gunz";

myText[3] = "War Gunz";

 

var format = ".png"; // formato das imagens

var timer = "6000"; // tempo, em milésimos de segundos

var i = 1; // não mexer.

var intervalo; // criada variável global da animação

 

function start() {

intervalo = window.setInterval("change()",timer); // Inicia a animação

document.getElementById(0).className = "imgatual";

}

 

function abrir() {

var main = document.getElementById("exibicao");

var iten = main.getElementsByTagName("img");

if (iten) {

for (var i=0;i<iten.length;i++) {

if (iten[i].className == "imgmenu") {

iten[i].onclick = function() { // quando clicar na imagem executar os comandos

limpa(); // função limpa

this.className = "imgclick"; // coloca borda do click

document.getElementById("image").src = '../images/' + myPix[this.id] + format; // exibe a imagem grande

document.getElementById("tarja").innerHTML = myText[this.id]; // coloca a tarja

}

}

}

}

}

 

function limpa() {

var main = document.getElementById("exibicao");

var iten = main.getElementsByTagName("img");

if (iten) {

for (var i=0;i<iten.length;i++) {

if (iten[i].className == "imgclick") { // busca quais imagens estão com class="imgclick"

iten[i].className = "imgmenu"; // as quais forem muda para imgmenu } } } } function borda() { var img = arguments[0]; // recebe o por parametro a ID da imagem var main = document.getElementById("exibicao"); var iten = main.getElementsByTagName("img"); if (iten) { for (var i=0;i<iten.length;i++) { // aqui modifica a borda da imagem que está com a class="igmatual" ou class="imgclick" para imgmenu if ((iten[i].className == "imgatual") || (iten[i].className == "imgclick")) { iten[i].className = "imgmenu"; } } document.getElementById(img).className = "imgatual"; // aqui coloca a borda na imagem atual } } // Função que exibe a imagem grande! function change() { var tam = myPix.length; if (i < tam) { document.getElementById("image").src = 'images/' + myPix[i % tam] + format; // exibe a imagem grande borda(i); // modifica a borda nas imagens pequenas document.getElementById('tarja').innerHTML=myText[i]; // coloca a tarja na imagem if (i == tam) i = -1; i++; }else { i = 0; } } window.onload = function() { abrir(); start(); }