function getBrowserWidth() {
	if (window.innerWidth)
		return window.innerWidth;
	else if (document.body.clientWidth)
		return document.body.clientWidth;
	else
		return 770;
}

function setMainWidth() {
	if (document.getElementById('container')) {
		var containerStyle = document.getElementById('container').style;
		var browserWidth = getBrowserWidth();
		if (browserWidth > 1005) {
			if ((containerStyle.width != '') && (containerStyle.width != '1005px')) containerStyle.width = '1005px';
		} else if (browserWidth < 770) {
			containerStyle.width = '769px';
		} else {
			containerStyle.width = '100%';
		}
	}
	
	if (document.getElementById('logo')) {
		 document.getElementById('logo').onclick = function() { document.location.href='/'; }
	}
}

function doResize() {
	setMainWidth();
	document.location.reload();
}

window.onresize = doResize;

function doPrint() {
	var pageUrl = this.location.href;
	var baseHref = pageUrl.substring(0, (pageUrl.lastIndexOf('/') + 1));
	window.open('/print.asp?base=' + escape(baseHref), 'print', 'toolbar=1,menubar=1,location=1,status=1,scrollbars=1,width=672,resizable=1,height=600');
}
var tijd_interval = 3000; // in miliseconden
var currentDesc= 'desc0';
var activenavigatie=-1;
var running = null;

function ToggleShow()
{
	var btnPlay = document.getElementById("btnPlay");
	if (running == null)
	{
		runShow();
		btnPlay.src = "/media/fotoviewer/pause.gif";
	}
	else
	{
		window.clearTimeout(running);
		btnPlay.src = "/media/fotoviewer/play.gif";
		running = null;
	}
}

function runShow()
{
	if(activenavigatie==slides.length-1)
	{
		playTransition(0);		
	}
	else
	{
		playTransition(parseInt(activenavigatie)+1);
	}

	running = window.setTimeout("runShow()",tijd_interval);
}
function Prev()
{
	if(activenavigatie==0) 
	{
		playTransition(slides.length-1);
	}
	else
	{
		playTransition(activenavigatie-1);
	}
}

function Next()
{
	if(activenavigatie==slides.length-1)
	{
		playTransition(0);
	}
	else
	{
		playTransition(parseInt(activenavigatie)+1);
	}
}


function GenerateLinks()
{
	var tr = document.getElementById("trnavigatie"); 
	for(var slide=0;slide<slides.length;slide++)
	{
		document.write("<div  align='center' class='navigatieOff' id='navigatie"+slide+"'  onClick=\"playTransition('"+slide+"')\" onMouseOver=\"navigatieOver('"+slide+"')\" onMouseOut=\"navigatieOff('"+slide+"')\">"+(parseInt(slide)+1)+"</div>\n");
	}
}
// function to perform transition
function playTransition(i) 
{
	if (activenavigatie!=i)
	{
			if (document.all) 
			{
				document.all.object.filters.blendTrans.Apply();
				document.all.object.src = slides[i][0];
				document.all.object.filters.blendTrans.Play();
			}
			else 
			{ 
				document.getElementById('object').src = slides[i][0];
				
			}	
			document.getElementById("desc").innerText = slides[i][1];			
			
		}		
		setActivenavigatie(i);
}

function navigatieOver(number) {
	if (activenavigatie!=number){
			document.getElementById('navigatie' + number).className='navigatieOver';
	}
}

function navigatieOff(number) {
	if (activenavigatie!=number){
		document.getElementById('navigatie' + number).className= 'navigatieOff';
	}
}

function setActivenavigatie(number) {
	document.getElementById('navigatie' + number).className='navigatieActive';
	if (activenavigatie !=-1) document.getElementById('navigatie' + activenavigatie).className= 'navigatieOff';
	activenavigatie= number;
}