//HTML4 animation scripts - (c)1999-2012 Mintyfresh Software Architects
//-------------------------------------------------------------------------

var fade_duration=500;
var slide_duration = 3500;
var slide_randomposition=1;
var evilbrowser=0;if(document.all) {evilbrowser=1};

function $(id) {return document.getElementById(id)}

function setnav(status,node,link) {
	if(status) {node.src=('/media/'+link+'-00h.jpg');$(link).className='hl'} else {node.src=('/media/'+link+'-00.jpg');$(link).className=''}
}

function seticon(status,base) {
	if(status) {$(base+'-00').src=('/media/'+base+'-00h.jpg')} else {$(base+'-00').src=('/media/'+base+'-00.jpg')}
}

function runslideshow(base,collection,link,linktype,intro) {
	var mediabox=$('mediabox');
	slidebase=base;
	slidearray=collection.split(',');
	slidecount=slidearray.length;
	bgimage=[];slidenodes=[];
	for (var i=0;i<(slidecount+1);i++) {
		newslide=document.createElement('div');
		slidenodes[i]=newslide;
		if(!evilbrowser) {newslide.style.opacity=0} else {newslide.style.filter='alpha(opacity=0)'}
		mediabox.appendChild(newslide);
	}
	slide_event=0;resize_event=0;fadein_event=0;fadeout_event=0;fade_event=0;
	slide_autoplay=1;slide_showinfo=0;
	activeslide=0;
	resize();
	if($('pcell')) {
		slide_autoplay0='<span class=hl>AUTOPLAY</span><a href="#" onclick="slideshow_resume()">AAN</a><span class=hl>UIT</span>';
		slide_autoplay1='<span class=hl>AUTOPLAY</span><span class=hl>AAN</span><a href="#" onclick="slideshow_pause()">UIT</a>';
		if($('projectbox').innerHTML) {
			newdiv=document.createElement('div');newdiv.onclick=function() {showinfo()};newdiv.innerHTML='<a id=showinfo href="#">PROJECT INFORMATIE</a>';if(link){newdiv.innerHTML+='<a href="/?q='+link+'">'+linktype+'</a>'};$('pcell').appendChild(newdiv);
			slidenodes[slidecount].innerHTML=('<div id=projectinfo>'+$('projectbox').innerHTML+'<p style="margin-top:16px"><a href="#" onclick="showinfo()">TERUG</a></div>'); //last slide=infoslide; not included in slidecount
		}
		newdiv=document.createElement('div');newdiv.id='controlbox';newdiv.innerHTML='<span>FOTO</span>';$('pcell').appendChild(newdiv);
		newdiv=document.createElement('div');newdiv.id='autoplay';newdiv.innerHTML=slide_autoplay1;$('pcell').appendChild(newdiv);
	}
	if(intro==1) {bgimage[slidecount]=new Image();bgimage[slidecount].src='/media/intro.gif';slidenodes[slidecount].style.background='url('+bgimage[slidecount].src+') no-repeat center';
		bgimage[slidecount].onload=function() {slide_fadein(slidecount);slide_event=setTimeout(function() {fade_event=1;slide_fadeout(slidecount);activeslide=-1;slide_go(0);setTimeout(function() {fade_event=0;$('nav').className=''},fade_duration*2)},slide_duration);for (var i=0;i<slidecount;i++) {slide_preload(i)}};
	} else {
		slide_preload(0);bgimage[0].onload=function() {slide_fadein(0);slide_updatectrl();slide_event=setTimeout(function() {slide_go(1)},slide_duration);for (var i=1;i<slidecount;i++) {slide_preload(i)}};
	}
}

function resize() {
	clearTimeout(resize_event);
	var slide_width=1100;
	var slide_height=650;
	if(typeof window.innerWidth!='undefined') {
		bodywidth=(window.innerWidth);if(bodywidth>slide_width) {slide_width=bodywidth};
		bodyheight=(window.innerHeight-$('nav').offsetHeight-32);if(bodyheight>slide_height) {slide_height=bodyheight};
	} else { //once again special code for evilbrowser
		bodywidth=(document.documentElement.clientWidth);if(bodywidth>slide_width) {slide_width=bodywidth};
		bodyheight=(document.documentElement.clientHeight-$('nav').offsetHeight-32);if(bodyheight>slide_height) {slide_height=bodyheight};
	}
	$('mediabox').style.width=slide_width+'px';$('mediabox').style.height=slide_height+'px';mediaboxwidth=$('mediabox').offsetWidth;mediaboxheight=$('mediabox').offsetHeight;
	for (var i=0;i<(slidecount+1);i++) {
		slidenodes[i].style.width=(mediaboxwidth-32)+'px';slidenodes[i].style.height=(mediaboxheight-32)+'px';
	}
}

function slide_preload(slide) {
	bgimage[slide]=new Image();
	bgimage[slide].src='/media/'+slidebase+'-'+slidearray[slide]+'.jpg';
	slidenodes[slide].style.background='url('+bgimage[slide].src+') no-repeat center';
}

function slide_go(slide) {
	clearTimeout(slide_event);
	if(fade_event) {slide_event=setTimeout(function() {slide_go(slide)},fade_duration/4);return} //wait for fade_events to complete
	if(slide_randomposition) {slidenodes[slide].style.backgroundPosition=(Math.floor(Math.random()*101)+'% '+Math.floor(Math.random()*101)+'%')};
	fade_event=1;
	if(activeslide>=0) {slide_fadeout(activeslide);setTimeout(function() {slide_fadein(slide)},fade_duration);setTimeout('fade_event=0',fade_duration*2)} else {slide_fadein(slide);setTimeout('fade_event=0',fade_duration)}
	if(slide_autoplay) {slide_event=setTimeout(function() {slide_go((slide+1)%slidecount)},slide_duration)}
	activeslide=slide;
	slide_updatectrl(fade_duration);
}

function slide_updatectrl(delay) {
	if($('pcell')) {
		slideinfo="<span class=hl>FOTO</span>";
		for (var i = 0; i < slidecount; i++) {
			if(i==activeslide){slideinfo+='<span class=hl>'+(i+1)+'</span>'} else {slideinfo+='<a href="#" onclick="slide_go('+i+')">'+(i+1)+'</a>'};
		}
		setTimeout("$('controlbox').innerHTML=slideinfo",delay);
	}
 }

function slide_fadein(slide) {
	clearInterval(fadein_event)
	if(!evilbrowser) {opacity=0;start=(new Date().getTime());fadein_event=setInterval(function() {timeleft=fade_duration-(new Date().getTime()-start);opacity+=((1-opacity)/(timeleft/15));if(timeleft>0 && opacity<1) {slidenodes[slide].style.opacity=opacity} else {clearInterval(fadein_event);slidenodes[slide].style.opacity=(1)}},15)}
	else {opacity=0;start=(new Date().getTime());fadein_event=setInterval(function() {timeleft=fade_duration-(new Date().getTime()-start);opacity+=((1-opacity)/(timeleft/15));if(timeleft>0 && opacity<1) {slidenodes[slide].style.filter='alpha(opacity='+Math.ceil(opacity*100)+')'} else {clearInterval(fadein_event);slidenodes[slide].style.filter='alpha(opacity=100)'}},15)}
}

function slide_fadeout(slide) {
	clearInterval(fadeout_event)
	if(!evilbrowser) {opacity=1;start=(new Date().getTime());fadeout_event=setInterval(function() {timeleft=fade_duration-(new Date().getTime()-start);opacity-=(opacity/(timeleft/15));if(timeleft>0 && opacity>0) {slidenodes[slide].style.opacity=opacity} else {clearInterval(fadeout_event);slidenodes[slide].style.opacity=(0)}},15)}
	else {opacity=1;start=(new Date().getTime());fadeout_event=setInterval(function() {timeleft=fade_duration-(new Date().getTime()-start);opacity-=(opacity/(timeleft/15));if(timeleft>0 && opacity>0) {slidenodes[slide].style.filter='alpha(opacity='+Math.ceil(opacity*100)+')'} else {clearInterval(fadeout_event);slidenodes[slide].style.filter='alpha(opacity=0)'}},15)}
}

function slideshow_pause() {
	slide_autoplay=0;
	clearTimeout(slide_event);
	$('autoplay').innerHTML=slide_autoplay0;
}

function slideshow_resume() {
	slide_autoplay=1;
	slide_event=setTimeout(function() {slide_go((activeslide+1)%slidecount)},fade_duration);
	$('autoplay').innerHTML=slide_autoplay1;
}

function showinfo() {
	if(!slide_showinfo) {
		activeslidebuffer=activeslide;slide_autoplaybuffer=slide_autoplay;
		$('controlbox').style.display='none';$('autoplay').style.display='none';$('showinfo').className='hl';
		slide_showinfo=1;
		clearTimeout(slide_event);slide_autoplay=0;
		slide_go(slidecount);
	} else {
		$('controlbox').style.display='block';$('autoplay').style.display='block';$('showinfo').className='';
		slide_showinfo=0;
		slide_autoplay=slide_autoplaybuffer;
		slide_go(activeslidebuffer);
	}
}