var rpg_images = new Array();var si;
var rpgi = 0;var rpg_currenti=0;
var isPaused = false;
var divHeight = 0;
var rpg_globalTHeight = 0;
var rpt_globalDiv = "";
function rpg_setImages(thumb,big,tw,th){
rpg_images[rpgi] = new Array(thumb,big,tw,th);
divHeight+=(th+8);
rpg_globalTHeight=th;

rpgi++;
}

function setThumbnail(divid){
thumbs = "";
rpt_globalDiv=divid;
	for(i=0;i<rpg_images.length;i++){
ta = rpg_images[i];
thumbs = thumbs + "<a href='Javascript:rpg_setBig("+i+")'><img src='"+ta[0]+"' width='"+ta[2]+"' height='"+ta[3]+"' border='0' align='absmiddle' style='margin:8px;margin-top:0px;'></a>";
}//for loopi
document.getElementById(divid).innerHTML = thumbs;
document.getElementById(divid).style.overflow="hidden";
document.getElementById(divid).style.height="423px";
//document.getElementById(divid).style.height=divHeight+"px";

url = rpg_images[0][1];
document.getElementById("bigImage").src=url;

}

function rpg_setBig(ii){
url = rpg_images[ii][1];
rpg_currenti=ii;
document.getElementById("bigImage").src=url;
document.getElementById(rpt_globalDiv).scrollTop = (rpg_globalTHeight)*ii;
controls = "";
if(rpg_currenti==0){controls = "<img src='images/previous.gif' alt='previous' title='previous' id='prev-arrow' border='0'><a href='Javascript:rpg_pausePlayGallery()'><img src='images/pause.gif' alt='pause' title='pause' id='pause-arrow' border='0'></a><a href='Javascript:rpg_setBig("+(rpg_currenti+1)+")'><img src='images/forward.gif' alt='next' title='next' id='next-arrow' border='0'></a>";}
else if(rpg_currenti==(rpg_images.length-1)){controls = "<a href='Javascript:rpg_setBig("+(rpg_currenti-1)+")'><img src='images/previous.gif' alt='previous' title='previous' id='prev-arrow' border='0'></a><a href='Javascript:rpg_pausePlayGallery()'><img src='images/pause.gif' alt='pause' title='pause' id='pause-arrow'></a><img src='images/forward.gif' alt='next' title='next' id='next-arrow'>";}
else{controls = "<a href='Javascript:rpg_setBig("+(rpg_currenti-1)+")'><img src='images/previous.gif' alt='previous' title='previous' id='prev-arrow' border='0'></a><a href='Javascript:rpg_pausePlayGallery()'><img src='images/pause.gif' alt='pause' title='pause' id='pause-arrow'></a><a href='Javascript:rpg_setBig("+(rpg_currenti+1)+")'><img src='images/forward.gif' alt='next' title='next' id='next-arrow' border='0'></a>";}

document.getElementById("albumcontrols").innerHTML = controls;
/*
<img src='images/previous.gif' alt='previous' title='previous' id='prev-arrow'>
<img src='images/pause.gif' alt='pause' title='pause' id='pause-arrow'>
<img src='images/forward.gif' alt='next' title='next' id='next-arrow'>

*/
}

window.onLoad = rpg_startPlay();

function rpg_startPlay(){
si = setInterval("rpgImagePlay()",5000);
}

function rpgImagePlay(){
//alert("");

rpg_currenti++;

if(rpg_currenti>=rpg_images.length){rpg_currenti=0;}
url = rpg_images[rpg_currenti][1];
document.getElementById("bigImage").src=url;
document.getElementById(rpt_globalDiv).scrollTop = (rpg_globalTHeight+8)*rpg_currenti;
/**/
}

function rpg_pausePlayGallery(){
if(isPaused){
si = setInterval("rpgImagePlay()",5000);
document.getElementById("pause-arrow").src="images/pause.gif";
document.getElementById("pause-arrow").alt="Pause";
document.getElementById("pause-arrow").title="Pause";
isPaused=false;
}//isPaused
else{
clearInterval(si);
document.getElementById("pause-arrow").src="images/play.gif";
document.getElementById("pause-arrow").alt="Play";
document.getElementById("pause-arrow").title="Play";
isPaused=true;
}//else
}//function rpg_pausePlayGallery
