// front-end coding - Elout de Kok || ©2004 
// http://www.xs4all.nl/~elout

var ns = (document.getElementById&&!document.all)? 1:0;
var ie = (document.all&&document.getElementById)? 1:0;
var mac = (navigator.appVersion.indexOf("Mac")!=-1) ? true : false;

var mselect=0;

//intro
function show_content0()
{
	if (mselect!=1)
	{
	hide_content('content1');
	hide_content('content2');
	hide_content('content3');
	hide_content('content4');
	hide_content('content5');

	document.getElementById('backplane').style.backgroundImage= "url(pix/nb01.jpg)";
	document.getElementById('knopcontent2').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent1').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent3').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent4').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent5').style.backgroundColor= "#bbbbbb";

	document.getElementById("content0").style.display = "block";

	document.getElementById("iframe00").src="swf/wordplay01.html";
	document.getElementById("iframe01a").src="zen.html";
	document.getElementById("iframe01b").src="zen.html";
	document.getElementById("iframe02").src="zen.html";
	document.getElementById("iframe03").src="zen.html";
	document.getElementById("iframe04").src="zen.html";
	mselect=0;
	}
}

//intoducing the outsider
function show_content1()
{
	if (mselect!=1)
	{
	hide_content('content0');
	hide_content('content2');
	hide_content('content3');
	hide_content('content4');
	hide_content('content5');

	document.getElementById('backplane').style.backgroundImage= "url(pix/agrinder.jpg)";

//	document.getElementById('backrightplane').style.backgroundImage= "url(pix/network.jpg)";
	document.getElementById('backrightplane').style.backgroundImage= "url(pix/blur.jpg)";
	document.getElementById('backrightplane').style.top=101;
	document.getElementById('backrightplane').style.width=560;
	document.getElementById('backrightplane').style.height=420;

	document.getElementById('knopcontent2').style.backgroundColor= "#1111ff";
	document.getElementById('knopcontent1').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent3').style.backgroundColor= "#1111ff";
	document.getElementById('knopcontent4').style.backgroundColor= "#1111ff";
	document.getElementById('knopcontent5').style.backgroundColor= "#1111ff";

	document.getElementById("content1").style.display = "block";

	document.getElementById("iframe00").src="zen.html";
	document.getElementById("iframe02").src="zen.html";
	document.getElementById("iframe03").src="zen.html";
	document.getElementById("iframe04").src="zen.html";
	dual(1);

	mselect=1;
	}
}

//tanya`s story
function show_content2()
{
	if (mselect!=2)
	{
	hide_content('content0');
	hide_content('content1');
	hide_content('content3');
	hide_content('content4');
	hide_content('content5');

	document.getElementById("iframe00").src="zen.html";
	document.getElementById("iframe01a").src="zen.html";
	document.getElementById("iframe01b").src="zen.html";
	document.getElementById("iframe02").src="swf/bench.html";
	document.getElementById("iframe03").src="zen.html";
	document.getElementById("iframe04").src="zen.html";


	document.getElementById('backplane').style.backgroundImage= "url(pix/grinder.jpg)";

	document.getElementById('backrightplane').style.backgroundImage= "url(pix/story.jpg)";
	document.getElementById('backrightplane').style.width=580;
	document.getElementById('backrightplane').style.height=820;

	document.getElementById('knopcontent1').style.backgroundColor= "#ff1111";
	document.getElementById('knopcontent2').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent3').style.backgroundColor= "#ff1111";
	document.getElementById('knopcontent4').style.backgroundColor= "#ff1111";
	document.getElementById('knopcontent5').style.backgroundColor= "#ff1111";

	document.getElementById("content2").style.display = "block";
	mselect=2;
	}
}
//photoalbum
function show_content3()
{
	if (mselect!=3)
	{
	hide_content('content0');
	hide_content('content1');
	hide_content('content2');
	hide_content('content4');
	hide_content('content5');

	document.getElementById("iframe00").src="zen.html";
	document.getElementById("iframe01a").src="zen.html";
	document.getElementById("iframe01b").src="zen.html";
	document.getElementById("iframe02").src="zen.html";
	document.getElementById("iframe03").src="swf/photoalbum02.html";
	document.getElementById("iframe04").src="zen.html";

	//document.getElementById('backplane').style.backgroundImage= "url(pix/book.jpg)";
	document.getElementById('backplane').style.backgroundImage= "url(pix/ventilator.jpg)";

	document.getElementById('backrightplane').style.backgroundImage= "url(pix/phoo.jpg)";
	document.getElementById('backrightplane').style.height=420;
	document.getElementById('backrightplane').style.width=620;

	document.getElementById('backrightplane').style.top=100;

	//document.getElementById('backplane').style.backgroundColor= "##222222";
	document.getElementById('knopcontent1').style.backgroundColor= "#116666";
	document.getElementById('knopcontent3').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent2').style.backgroundColor= "#116666";
	document.getElementById('knopcontent4').style.backgroundColor= "#116666";
	document.getElementById('knopcontent5').style.backgroundColor= "#116666";

	document.getElementById("content3").style.display = "block";
	mselect=3;
	}
}

//events
function show_content4()
{
	if (mselect!=4)
	{
	document.getElementById("iframe00").src="zen.html";
	document.getElementById("iframe01a").src="zen.html";
	document.getElementById("iframe01b").src="zen.html";
	document.getElementById("iframe02").src="zen.html";
	document.getElementById("iframe03").src="zen.html";
	document.getElementById("iframe04").src="zen.html";

	hide_content('content0');
	hide_content('content1');
	hide_content('content2');
	hide_content('content3');
	hide_content('content5');

	hide_content('event_rietveld');
	hide_content('event_idfa');
	hide_content('event_opdrift');
	hide_content('event_filmfestival');
	hide_content('event_vpro');

	document.getElementById('backrightplane').style.backgroundImage= "url(pix/pion.jpg)";
	document.getElementById('backrightplane').style.width=580;
	document.getElementById('backrightplane').style.height=520;


	document.getElementById('backplane').style.backgroundImage= "url(pix/hek.jpg)";
	document.getElementById('knopcontent1').style.backgroundColor= "#666611";
	document.getElementById('knopcontent4').style.backgroundColor= "#bbbbbb";
	document.getElementById('knopcontent2').style.backgroundColor= "#666611";
	document.getElementById('knopcontent3').style.backgroundColor= "#666611";
	document.getElementById('knopcontent5').style.backgroundColor= "#666611";

	document.getElementById("content4").style.display = "block";
	mselect=4;
	}
}

function show_content_idfa()
{
	//hide_content('event_buitenland');
	hide_content('event_rietveld');
	hide_content('event_vpro');
	hide_content('event_opdrift');
	hide_content('event_filmfestival');
	document.getElementById("iframe04").src="swf/trailer2.html";
	document.getElementById("event_idfa").style.display = "block";
}

function show_content_filmfestival()
{
	hide_content('event_idfa');
	hide_content('event_rietveld');
	hide_content('event_vpro');
	hide_content('event_opdrift');
	document.getElementById("iframe04").src="zen.html";
	document.getElementById("event_filmfestival").style.display = "block";
}
function show_content_opdrift()
{
	hide_content('event_idfa');
	hide_content('event_rietveld');
	hide_content('event_vpro');
	hide_content('event_filmfestival');
	document.getElementById("iframe04").src="zen.html";
	document.getElementById("event_opdrift").style.display = "block";
}


function show_content_vpro()
{
	hide_content('event_idfa');
	hide_content('event_rietveld');
	hide_content('event_opdrift');
	hide_content('event_filmfestival');
	document.getElementById("iframe04").src="zen.html";
	document.getElementById("event_vpro").style.display = "block";
}
function show_content_rietveld()
{
	hide_content('event_idfa');
	hide_content('event_opdrift');
	hide_content('event_filmfestival');
	hide_content('event_vpro');
	document.getElementById("iframe04").src="zen.html";
	document.getElementById("event_rietveld").style.display = "block";
}

//about
function show_content5()
{
	if (mselect!=5)
	{
	hide_content('content0');
	hide_content('content1');
	hide_content('content2');
	hide_content('content3');
	hide_content('content4');

	document.getElementById("iframe00").src="zen.html";
	document.getElementById("iframe01a").src="zen.html";
	document.getElementById("iframe01b").src="zen.html";
	document.getElementById("iframe02").src="zen.html";
	document.getElementById("iframe03").src="zen.html";
	document.getElementById("iframe04").src="zen.html";

	document.getElementById('backrightplane').style.backgroundImage= "url(pix/abouttan.jpg)";
	document.getElementById('backrightplane').style.width=520;
	document.getElementById('backrightplane').style.height=520;

	document.getElementById('backplane').style.backgroundImage= "url(pix/steel.jpg)";


	document.getElementById('knopcontent1').style.backgroundColor= "#770077";
	document.getElementById('knopcontent4').style.backgroundColor= "#770077";
	document.getElementById('knopcontent2').style.backgroundColor= "#770077";
	document.getElementById('knopcontent3').style.backgroundColor= "#770077";
	document.getElementById('knopcontent5').style.backgroundColor= "#bbbbbb";

	document.getElementById("content5").style.display = "block";
	mselect=5;
	}
}

function scale_textup(name)
{
	document.getElementById(name).style.fontSize=32;
}
function scale_textdown(name)
{
	document.getElementById(name).style.fontSize=10;
}

function scale_textup2(name,leftx)
{
	if (mac==true && ie==true){}//mac ie5 bug
	else
	{
		document.getElementById(name).style.fontSize=32;
		document.getElementById(name).style.left=leftx;
	}
}
function scale_textdown2(name,leftx)
{
	if (mac==true && ie==true){}
	else
	{
		document.getElementById(name).style.fontSize=10;
		document.getElementById(name).style.left=leftx;
	}
}


function hide_content(name)
{
	document.getElementById(name).style.display = "none";
}


//set intro-anim
function doinit()
{
	document.getElementById("iframe00").src="swf/wordplay01.html";
}

function dual(what)
{
	if (what==1)
	{
		document.getElementById("iframe01a").src="swf/tan1.html";
		document.getElementById("iframe01b").src="swf/pet1.html";
	}
	if (what==2)
	{
		document.getElementById("iframe01a").src="swf/tan2.html";
		document.getElementById("iframe01b").src="swf/pet2.html";
	}
	if (what==3)
	{
		document.getElementById("iframe01a").src="swf/tan3.html";
		document.getElementById("iframe01b").src="swf/pet3.html";
	}

}