Slider de fotos com link javascript

[Anderson Hetfield]

Tenho um slide de fotos em javascript com miniaturas que funciona legal. Mas agora preciso colocar link externo nas imagens maiores.

alguém poderia dar uma força?

O .js está todo abaixo

desde já agradeço

var photoslink=new Array()

var which=0

// Imagens

var myPix = new Array(3)

myPix[0] = "1";

myPix[1] = "2";

myPix[2] = "3";

// Variáveis

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

var timer = "4000"; // 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";

}

// Função quando clica na imagem pequena exibe ela grande.

function abrir() {

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

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

if (iten) {

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

if (iten.className == "imgmenu") {

iten.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

}

}

}

}

}

// Função que limpa as bordas que estão com class=imgclick

function limpa() {

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

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

if (iten) {

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

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

iten.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.className == "imgatual") || (iten.className == "imgclick")) {

iten.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

if (i == tam) i = -1;

i++;

}else { i = 0; }

}

window.onload = function() {

abrir();

start();

}

function mudar_banner(){

document.getElementById("myPix").src=imagem[x];

document.getElementById('link').href=site[x];

x++;

if (x==3){ // aqui compara x com a quantidade total de imagens que tem

x=0;

}

}