// Slideshow javascript
//change the opacity for different browsers
function detectMacXFF() {
  var userAgent = navigator.userAgent.toLowerCase();
  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
    return true;
  }
}


function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
	opacity = (opacity == 100)?99:opacity;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
function SlideShow(firstImage) {

    this.step = firstImage;
	this.captionId= null;
	this.blendImage = function(divid, imageid, imagefile, millisec) {
		
    	var speed = Math.round(millisec / 100);
    	//set the current image as background
		if (!detectMacXFF()) {
    		document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
			//make new image
			changeOpac(0, imageid);
   			document.getElementById(imageid).src = imagefile;
			changeOpac(0, imageid);
    		//fade in image
    		for(i = 0; i <= 100; i++) {
        		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(i * speed));
    		}
		} else {
			document.getElementById(divid).style.backgroundImage="";
			document.getElementById(imageid).src = imagefile;
			changeOpac(100, imageid);
		}
    	
	}
    this.slideit = function(slideDiv,slideImg,firstImage,lastImage) {
       if (!document.images) {
		return;
		} else {
		this.blendImage(slideDiv,slideImg, eval("image"+this.step+".src"),1300);
		if (this.captionId!=null) {
			document.getElementById(this.captionId).innerHTML=eval("image"+this.step+".alt");
		}
		if (this.linkId!=null) {
			document.getElementById(this.linkId).href=eval("imageData"+this.step+".href");
			document.getElementById(this.linkId).title=eval("imageData"+this.step+".title");
		}
		if (this.titleId!=null) {
			
		}
		if (this.step<lastImage) {
			this.step++;
		} else {
			this.step=firstImage;
		}
		var self = this;
		
		setTimeout(function(){self.slideit(slideDiv,slideImg,firstImage,lastImage);},6000)
	}
	}
	this.showCaptions = function(theCaptionDiv) {
		this.captionId = theCaptionDiv;
	}
	this.setLinks = function(theLinkDiv) {
		this.linkId = theLinkDiv;
	}
}

