/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var pause=8000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var slideshow_width='508px';
var slideshow_height='491px';

var slideshow2_width='188px';
var slideshow2_height='490px';

/* verhuist naar html om daar dynamisch te zetten...
var fadeimages=new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0]=["promocompany/images/common/aktie1.jpg", "", ""] //plain image syntax
fadeimages[1]=["promocompany/images/common/aktie2.jpg", "", ""] //plain image syntax
fadeimages[2]=["promocompany/images/common/aktie3.jpg", "", ""] //plain image syntax
*/

////NO need to edit beyond here/////////////

var ie4=document.all
var dom=document.getElementById

if (first) {
	var preloadedimages1=new Array();
	var preloadedimages2=new Array();
	if (!fadeimages.length) fadeimages[0] = ["/gfx/trans.gif", "/gfx/trans.gif", ""];
	for (p=0;p<fadeimages.length;p++){
		preloadedimages1[p]=new Image();
		preloadedimages1[p].src=fadeimages[p][0];
//		preloadedimages2[p]=new Image();
//		preloadedimages2[p].src=fadeimages[p][1];
	}
	if (ie4||dom)
	document.write('<div id="slideshow" style="padding:0 0 41px;position:relative;float:right;overflow:hidden;width:'+slideshow_width+';height:'+slideshow_height+'"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
	+';filter:alpha(opacity=10);-moz-opacity:10"><\/div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
	+';filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"><\/div><\/div>')
	else
	document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')
	AddToInitArray(startit);
	first = 0;
} else {
	if (ie4||dom)
	document.write('<div id="slideshow2" style="font-weight:bold;padding:20px 0 0;position:relative;overflow:hidden"><div id="canvas0b" style="background:white;position:absolute;width:'+slideshow2_width+';height:'+slideshow2_height
	+';filter:alpha(opacity=10);-moz-opacity:10"><\/div><div id="canvas1b" style=";background:white;position:absolute;width:'+slideshow2_width+';height:'+slideshow2_height
	+';filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"><\/div><\/div>')
	else
	document.write('<img name="defaultslide" src="'+fadeimages[0][1]+'">')
}

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic() {
	if (curpos<100) {
		curpos+=10
		if (tempobj.filters)
			tempobj.filters.alpha.opacity=curpos
		else if (tempobj.style.MozOpacity)
			tempobj.style.MozOpacity=curpos/101

		if (tempobjb.filters)
			tempobjb.filters.alpha.opacity=curpos
		else if (tempobjb.style.MozOpacity)
			tempobjb.style.MozOpacity=curpos/101
	} else {
		clearInterval(dropslide)
		if (fadeimages.length > 1) {
			nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

			tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
			tempobj.innerHTML=insertimage(nextimageindex)

			tempobjb=ie4? eval("document.all."+nextcanvas+"b") : document.getElementById(nextcanvas+"b")
			tempobjb.innerHTML=insertimage(nextimageindex,1)

			nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
			var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
			tempobj2.style.visibility="hidden"

			var tempobj2b=ie4? eval("document.all."+nextcanvas+"b") : document.getElementById(nextcanvas+"b")
			tempobj2b.style.visibility="hidden"

			setTimeout("rotateimage()",pause)
		}
	}
}

function insertimage(i, b){
var email = fadeimages[i][2];
if (email) email = "onclick=\"javascript:location.href='mailto:"+email+"'\" style=\"cursor:pointer\" ";
var tempcontainer=b?'<span>'+fadeimages[i][1]+'</span>':'<img '+email+'src="'+fadeimages[i][0]+'" border="0">'
return tempcontainer
}

function rotateimage(){
if (ie4||dom){
	resetit(curcanvas)
	resetit(curcanvas+"b")

	var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.style.zIndex++
	tempobj.style.visibility="visible"

	crossobj=tempobjb=ie4? eval("document.all."+curcanvas+"b") : document.getElementById(curcanvas+"b")
	crossobj.style.zIndex++
	tempobjb.style.visibility="visible"

	var temp='setInterval("fadepic()",50)'
	dropslide=eval(temp)
	curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
	document.images.defaultslide.src=fadeimages[curimageindex][0]
	curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
	curpos=10
	var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
	if (crossobj.filters)
	crossobj.filters.alpha.opacity=curpos
	else if (crossobj.style.MozOpacity)
	crossobj.style.MozOpacity=curpos/101
}

function startit(){
	var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.innerHTML=insertimage(curimageindex)
	
	crossobj=ie4? eval("document.all."+curcanvas+"b") : document.getElementById(curcanvas+"b")
	crossobj.innerHTML=insertimage(curimageindex, 1)
	
	rotateimage()
}
