//Slideshow of images
//NOTE: you add as many images and text areas as you want
//set up using :
// obj = new slideShow //at the TOP of the page
// then, UNDER the elements involved
// obj.setImgElement(document.getElementById(IMG tag id));
// obj.setTextElements([document.getElementById('Text div id'),document.getElementById('2nd Text div id'),document.getElementById('3rd Text div id 3')]);
// obj.setNextGlyph(document.getElementById('nextbutton'),"/asset_arena/website-furniture/ffwd.png","/stylesheets/grey.png");
// obj.setPrevGlyph(document.getElementById('prevbutton'),"/asset_arena/website-furniture/rwnd.png","pb");
// obj.addImage("first image path",["area 1 text ","a2 text ","a3 text"]);
// obj.addImage("second image path",["a1 text","a2 text","a3 text"]);
// obj.addImage("third image path",["a1 text","a2 text","a3 text"]);
//
//eg:
//
//
//![]()
//1
//2
//3
//
//
//Start
//Diagnostics
//
//
//
function slideShow()
{
//textElements [ ["","",.......], ["",""], ["",""]]
this.textElements = new Array();
this.imgs = new Array();
this.countElement=null;
this.imgDomId = null;
this.textDomIds = null; //new Array();
this.currentIndex = -1;
this.maxIndex = -1;
this.nextGlyph = [null,"",""];
this.prevGlyph = [null,"",""];
this.changeFunc = null;
this.kioskMode = false;
}
slideShow.prototype.setChangeFunc = function(func) {
this.changeFunc = func;
}
slideShow.prototype.setImgElement = function(img){
this.imgDomId = img;
};
slideShow.prototype.setCountElement = function(ele){
this.countElement = ele;
};
slideShow.prototype.setTextElements = function(dom_array){
this.textDomIds = dom_array;
};
slideShow.prototype.addImage = function(src,listoftext){
this.imgs.push(src);
this.textElements.push(listoftext);
this.maxIndex = this.maxIndex + 1;
};
slideShow.prototype.setNextGlyph = function(domid,src,srcblank) {
this.nextGlyph = [domid,src,srcblank];
};
slideShow.prototype.setPrevGlyph = function(domid,src,srcblank) {
this.prevGlyph = [domid,src,srcblank];
};
slideShow.prototype.next = function() {
if(this.currentIndex < this.maxIndex) {
this.currentIndex++;
this.switchGlyphs();
this.imgDomId.src = this.imgs[this.currentIndex];
//dont do this step in kiosks
if(!this.kioskMode) this.imgDomId.alt = this.textElements[this.currentIndex][0];
this.countElement.innerHTML = (this.currentIndex+1) + " of " + (this.maxIndex+1);
//TEXT
var n;
for(n=0; n 0) {
this.currentIndex--;
//change control glyphs
this.switchGlyphs();
this.imgDomId.src = this.imgs[this.currentIndex];
if(!this.kioskMode) this.imgDomId.alt = this.textElements[this.currentIndex][0];
this.countElement.innerHTML = (this.currentIndex+1) + " of " + (this.maxIndex+1);
//TEXT
var n;
for(n=0; n 0) {
this.prevGlyph[0].src = this.prevGlyph[1];
}else{
this.prevGlyph[0].src = this.prevGlyph[2];
}
if(this.changeFunc != null) this.changeFunc();
};
slideShow.prototype.start = function()
{
if(this.maxIndex > -1) {
this.currentIndex = -1;
this.next();
this.imgDomId.src = this.imgs[this.currentIndex];
this.switchGlyphs();
}
};
slideShow.prototype.diagnostic = function()
{
var str = "";
str = str + "Current Index:"+this.currentIndex+"\n";
str = str + "MAX Index:"+this.maxIndex+"\n";
return str;
}