var timeDelay = 4; // change delay time in seconds

var Pix = new Array
("AG.jpg"
,"AG_02.jpg"
,"AG_57.jpg"
,"AG_57b.jpg"
,"AG_59.jpg"
,"AG_87.jpg"
,"AG_88.jpg"
,"AG_54.jpg");

var PixLinks = new Array                                        //***** added this array
("AG.jpg"
,"AG_02.jpg"
,"AG_57.jpg"
,"AG_57b.jpg"
,"AG_59.jpg"
,"AG_87.jpg"
,"AG_88.jpg"
,"AG_54.jpg");


var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();

function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
function gotolocation()                                                   //******** added this funtion
{
 gotolocation=PixLinks[PicCurrentNum];
 document.location.href=gotolocation;

}


var header='<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><tr BGCOLOR="#2C5DBC"><td colspan="5" style="border-bottom:#FFFFFF 1px solid;" align="center" height="55" nowrap><font face="Arial,Helvetica" color="#FFFFFF" size="+3">Åke Grönlund</font></b> </td><td><img name="ChangingPix" src="AG.jpg" align="middle" height=115 width=110 border="0" alt="Changepix" ></td></td></tr><tr align="center" valign="center"><td colspan="7" bgcolor="#000000" height="8" style="border-left:#FFFFFF 1px solid;" align="center" ></td><td bgcolor="#000000"  align="center" ></td><td bgcolor="#000000"  align="center" ></td><td bgcolor="#000000"  align="center" ></td></tr></table>';

document.write(header);startPix()