function blendimage(divid, imageid, imagefile, millisec) {
		updateFrame();
		var speed = Math.round(millisec / 20);
		var timer = 0;

		//make new image
		document.getElementById(imageid).src = imagefile;
		
		//fade in image
		for(i = 10; i <= 100; i+=5) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
			timer++;
		}
		setTimeout("updateBackground('" + divid + "','" + imageid + "')",((timer-1) * speed));
}

function updateBackground(divid, imageid){
	document.getElementById("sslink").href=linklist[currentFrame-1];
	 document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	 changeOpac(0, imageid);
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

var currentFrame=1;
var slideflag=true;
var maxframe=1;
var linklist=[];

function initSlideshow(maxvalue, speed){
	maxframe = maxvalue;
	loop(speed);
}

function loop(speed){
	setTimeout("loop("+speed+")",speed*1000);
	setTimeout("nextFrame(false)",speed*1000);
}

function nextFrame(flag){
	if(flag){
		pause();
	}
	if(slideflag||flag){
		currentFrame++;
		if(currentFrame>(maxframe)) currentFrame=1;
		blendimage('blenddiv','blendimage', 'slideshow/box0'+currentFrame+'.jpg',300);
	}
}

function prevFrame(){
	pause();
	currentFrame--;
	if(currentFrame<1) currentFrame=maxframe;
	blendimage('blenddiv','blendimage', 'slideshow/box0'+currentFrame+'.jpg',300);
}

function gotoFrame(id){
	pause();
	currentFrame=id;
	blendimage('blenddiv','blendimage', 'slideshow/box0'+currentFrame+'.jpg',300);
}

function pause(){
	slideflag=false;
	document.getElementById("ssbuttonplay").style.display="";
	document.getElementById("ssbuttonpause").style.display="none";
}

function play(){
	slideflag=true;
	document.getElementById("ssbuttonplay").style.display="none";
	document.getElementById("ssbuttonpause").style.display="";
}

function updateFrame(){
	for(var i=1;i<=maxframe;i++){
		if(i==currentFrame){
			if(document.getElementById("ssframe"+i).src!="img/slideshow_"+i+"o.gif")
				document.getElementById("ssframe"+i).src="img/slideshow_"+i+"o.gif";
		} else {
			if(document.getElementById("ssframe"+i).src!="img/slideshow_"+i+".gif")
				document.getElementById("ssframe"+i).src="img/slideshow_"+i+".gif";
		}
	}
}

function generateNumButton(){
		document.write('<a href=\"javascript:gotoFrame(1);\"><img src=\"img/slideshow_1o.gif\" id=\"ssframe1\" border=\"0\"/></a>');
		document.write('<img src=\"img/slideshow_sep.gif\"  style=\"margin:0px 1px;\"/>');
	for(var i=2;i<=maxframe;i++){
		document.write('<a href=\"javascript:gotoFrame('+i+');\"><img src=\"img/slideshow_'+i+'.gif\" id=\"ssframe'+i+'\" border=\"0\"/></a>');
		document.write('<img src=\"img/slideshow_sep.gif\"  style=\"margin:0px 1px;\"/>');
	}
}