try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}


var starttimer; // algemene setTimeout variabele
var DEBUG = false;


window.onload=function(){
	setupPanes("container1", "tab1");
	pngFix();
	if(DEBUG) {
		init();
	} else {
		starttimer = setTimeout("init();",1000);
	}
}
window.onresize = function() {
	setFooter();
}

var borddown, bordup, menustart, menudown, menuup, displaydown, displayup, sidepanelout, sidepanelin, paperdown, paperup, paperupup, pdfdown, pdfup;
var schermdown, fotodown, schermup, fotoup, graphicon, graphicoff, phonedown, phoneup; // Animaties
var fotolandschapdown, fotoboreasdown, fotokrezipdown, fotowollerichdown, fotolandschapup, fotoboreasup, fotokrezipup, fotowollerichup;
var noflashshow, noflashhide, schrijfselsout, schrijfselson;
var attributes;
var currentdown;

function init(){
	attributes = {
		points: {
			to: [50, 400],
			from: [-50, -400],
			control: [ [00, 450] ]
		},
		width: {from: 400, to: 201},
		height: {from: 350, to: 202}
	};
	pdfdown = new YAHOO.util.Motion('pdfbord', attributes, 2.5, YAHOO.util.Easing.bounceOut);
	
	attributes = { top: { to: -300} };
	pdfup = new YAHOO.util.Motion('pdfbord', attributes, 1, YAHOO.util.Easing.backIn);
	
	attributes = { top: { to: -40} };
	borddown = new YAHOO.util.Motion('bord', attributes, 1, YAHOO.util.Easing.easeOutStrong);
	
	attributes = { top: { to: -672} };
	bordup = new YAHOO.util.Motion('bord', attributes, 0.5, YAHOO.util.Easing.easeInStrong);
	
	attributes = { top: { to: -15} };
	menustart = new YAHOO.util.Motion('hoofdmenu', attributes, 0.7, YAHOO.util.Easing.backOut);
	menustart.onComplete.subscribe(function() { paperDown('welkom'); } );
	
	menudown = new YAHOO.util.Motion('hoofdmenu', attributes, 0.5, YAHOO.util.Easing.backBoth);
	
	attributes = { top: { to: -280} };
	menuup = new YAHOO.util.Motion('hoofdmenu', attributes, 0.5, YAHOO.util.Easing.backBoth);
	
	attributes = { top: { from:-375, to: 200} };
	paperdown = new YAHOO.util.Motion('papier', attributes, 1.4, YAHOO.util.Easing.easeOutStrong);
	
	attributes = { top: { to: 1200} };
	paperup = new YAHOO.util.Motion('papier', attributes, 0.7, YAHOO.util.Easing.easeIn);
	paperup.onComplete.subscribe(function() { paperReset(); } );
	
	attributes = { top: { from:200, to: -375} };
	paperupup = new YAHOO.util.Motion('papier', attributes, 0.5, YAHOO.util.Easing.easeOutStrong);
	
	attributes = { points: { by: [202, 0] } };
	sidepanelout = new YAHOO.util.Motion('submonitor', attributes, 0.5, YAHOO.util.Easing.easeBoth);
	
	attributes = { points: { by: [-202, 0] } };
	sidepanelin = new YAHOO.util.Motion('submonitor', attributes, 0.4, YAHOO.util.Easing.easeBoth);
	sidepanelin.onComplete.subscribe(function() { displayup.animate(); } );
	
	attributes = { top: { from:-630, to: -35} };
	displaydown = new YAHOO.util.Motion('monitor', attributes, 1.5, YAHOO.util.Easing.easeOutStrong);
	displaydown.onComplete.subscribe(function() { sidepanelout.animate(); } );
	
	attributes = { top: { to: -630} };
	displayup = new YAHOO.util.Motion('monitor', attributes, 0.7, YAHOO.util.Easing.easeIn);
	
	attributes = { top: { from: -58, to: 45} };
	schermdown = new YAHOO.util.Motion('diascherm', attributes, 0.6, YAHOO.util.Easing.backOut);
	schermdown.onComplete.subscribe(function() { fotodown.animate(); } );
	schermdown.onStart.subscribe(function() { fotolandschapdown.animate(); } );
	
	attributes = { height: { from: 43, to: 393 } };
	fotodown = new YAHOO.util.Motion('foto', attributes, 1.0, YAHOO.util.Easing.easeBoth);
	
	attributes = { height: { from: 393, to: 43 } };
	fotoup = new YAHOO.util.Motion('foto', attributes, 0.8, YAHOO.util.Easing.easeIn);
	fotoup.onComplete.subscribe(function() { schermup.animate(); } );
	fotoup.onStart.subscribe(function() { fotolandschapup.animate(); } );
	
	attributes = { top: { from: 45, to: -58} };
	schermup = new YAHOO.util.Motion('diascherm', attributes, 0.5, YAHOO.util.Easing.backOut);
	
	attributes = { top: { from: -520, to: 50 } };
	phonedown = new YAHOO.util.Motion('contact', attributes, 0.8, YAHOO.util.Easing.backOut);
	
	attributes = { top: { from: 50, to: -520 } };
	phoneup = new YAHOO.util.Motion('contact', attributes, 0.5, YAHOO.util.Easing.backIn);
	
	attributes = { top: { by: 600 } };
	fotolandschapdown = new YAHOO.util.Motion('fotolandschap', attributes, 0.7, YAHOO.util.Easing.easeOutStrong);
	fotoboreasdown = new YAHOO.util.Motion('fotoboreas', attributes, 1.1, YAHOO.util.Easing.easeOutStrong);
	fotokrezipdown = new YAHOO.util.Motion('fotokrezip', attributes, 1.3, YAHOO.util.Easing.easeOutStrong);
	fotowollerichdown = new YAHOO.util.Motion('fotowollerich', attributes, 1.8, YAHOO.util.Easing.easeOutStrong);
	fotolandschapdown.onStart.subscribe(function() { fotoboreasdown.animate();fotokrezipdown.animate();fotowollerichdown.animate(); } );
	
	attributes = { top: { by: -600 } };
	fotolandschapup = new YAHOO.util.Motion('fotolandschap', attributes, 0.5, YAHOO.util.Easing.easeOutStrong);
	fotoboreasup = new YAHOO.util.Motion('fotoboreas', attributes, 0.7, YAHOO.util.Easing.easeOutStrong);
	fotokrezipup = new YAHOO.util.Motion('fotokrezip', attributes, 0.9, YAHOO.util.Easing.easeOutStrong);
	fotowollerichup = new YAHOO.util.Motion('fotowollerich', attributes, 0.9, YAHOO.util.Easing.easeOutStrong);
	fotolandschapup.onStart.subscribe(function() { fotoboreasup.animate();fotokrezipup.animate();fotowollerichup.animate(); } );
	
	attributes = {
		points: {
			to: [20, 20],
			from: [150, -400],
			control: [ [100, 850], [-100, 250] ]
		},
		width: {from: 600, to: 96},
		height: {from: 590, to: 94}
	};
	noflashshow = new YAHOO.util.Motion('noflash', attributes, 1.5, YAHOO.util.Easing.easeOutStrong);
	
	attributes = { top: { to: -200 } };
	noflashhide = new YAHOO.util.Motion('noflash', attributes, 0.5, YAHOO.util.Easing.backIn);
	
	attributes = { opacity: {from: 0, to: 1} };
	schrijfselson = new YAHOO.util.Motion('papier', attributes, 0.8, YAHOO.util.Easing.easeOut);
	attributes = { opacity: {from: 1, to: 0} };
	schrijfselsout = new YAHOO.util.Motion('papier', attributes, 0.5, YAHOO.util.Easing.easeIn);
	
	
	menustart.animate();
	//starttimer = setTimeout("noflashshow.animate();",3000);
}



function setFooter() {
	
}

var menuUptimer
function togglemenu() {
	//alert(YAHOO.util.Dom.getXY('hoofdmenu'));
	window.clearTimeout(menuUptimer);
	if(parseInt($('hoofdmenu').style.top) > -20) {
		menuup.animate();
	} else {
		menudown.animate();
	}
}
function menuDown() {
	window.clearTimeout(menuUptimer);
	if(parseInt($('hoofdmenu').style.top) < -275) {
		menudown.animate();
	}
}
function menuOut(){
	menuUptimer = setTimeout("menuup.animate();",1000);
}
function menuOver(){
	window.clearTimeout(menuUptimer);
}

function checkUp(keep) {
	currentdown = keep;
	if(keep=='paper'){
		schermUp();
		monitorUp();
		bordUp();
		phoneUp();
	}
	if(keep=='display'){
		schermUp();
		paperUp();
		bordUp();
		phoneUp();
	}
	if(keep=='bord'){
		schermUp();
		paperUp();
		monitorUp();
		phoneUp();
	}
	
	if(keep=='scherm'){
		paperUp();
		monitorUp();
		bordUp();
		phoneUp();
	}
	
	if(keep=='contact'){
		schermUp();
		paperUp();
		monitorUp();
		bordUp();
	}
	
	return;
}
//var contentID;
function paperDown(contentID) {
	//alert(contentID);
	if(YAHOO.util.Dom.getY('papier') < -90) {
		paperReset();
		if(!contentID){ contentID='welkom'; }
		loadDiv(contentID, 'papier');
		paperdown.animate();
	
		checkUp('paper');
		if(contentID=='welkom'){ 
			if(YAHOO.util.Dom.getY('noflash') < 0)starttimer = setTimeout("noflashshow.animate();",1300);
		}
	} else {
		paperUp();
		starttimer = setTimeout("paperDown('" + contentID + "');",1000);
	}
}
function paperUp() {
	if(YAHOO.util.Dom.getY('papier') > -90) {
		// Deze content vernadering moet worden aangepast aan IE7
		//$('velpapier').height = 199;
		//$('velpapier').width = 209;
		//$('velpapier').style.margin = '50px 0 0 100px';
		//$('velpapier').src = "images/proppapier.png";
		loadDiv('propje', 'papier');
		paperup.animate();
		noflashhide.animate();
	}
	if(YAHOO.util.Dom.getY('pdfbord') > 200) {
		pdfup.animate();
	}
}
function paperReset() {
	// En deze dus ook...
	$('papier').style.top = '-375px';
	//$('velpapier').src = "images/velpapier.png";
	//$('velpapier').width = 516;
	//$('velpapier').height = 374;
	//$('velpapier').style.margin = '0';
	
	loadDiv('welkom', 'papier');
}
function monitorDown() {
	if(YAHOO.util.Dom.getY('monitor') < -90) {
		starttimer = setTimeout("displaydown.animate();",1000);
	}
	checkUp('display');
	monitorOn();
}
function monitorUp() {
	if(YAHOO.util.Dom.getY('monitor') > -90) {
		sidepanelin.animate();
	}
	trashFrame('screen');
}
function bordDown() {
	if(YAHOO.util.Dom.getY('bord') < -90) {
		starttimer = setTimeout("borddown.animate();",1000);
	}
	checkUp('bord');
	graphicsOn();
}
function bordUp() {
	if(YAHOO.util.Dom.getY('bord') > -90) {
		bordup.animate();
	}
	trashFrame('content');
}
function schermDown() {
	if(YAHOO.util.Dom.getY('diascherm') < -20) {
		starttimer = setTimeout("schermdown.animate();",1000);
		
	}
	checkUp('scherm');
	diashowOn();
}
function schermUp() {
	if(YAHOO.util.Dom.getY('diascherm') > 0) {
		fotoup.animate();
	}
	trashFrame('foto');
}
function phoneDown() {
	if(YAHOO.util.Dom.getY('contact') < -20) {
		starttimer = setTimeout("phonedown.animate();",1000);
		pdfdown.animate();
	}
	checkUp('contact');
	phoneHome();
}
function phoneUp() {
	if(YAHOO.util.Dom.getY('contact') > 0) {
		phoneup.animate();
		pdfup.animate();
	}
	trashFrame('osx');
}


function graphicsOn() {
	channel = '<iframe src="graphic/index.html" border="0" frameborder="0" scrolling="no" id="logoshow" name="logoshow" width="705" height="461" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>';
	starttimer = setTimeout("$('content').innerHTML = channel;",1300);
}
function monitorOn() {
	channel = '<iframe src="multimedia/index.html" border="0" frameborder="0" scrolling="no" id="play" name="play" width="538" height="404" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>';
	starttimer = setTimeout("$('screen').innerHTML = channel;",1300);
}
function diashowOn() {
	channel = '<iframe src="fotografie/index.html" border="0" frameborder="0" scrolling="no" id="diashow" name="diashow" width="415" height="350" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>';
	starttimer = setTimeout("$('foto').innerHTML = channel;",1300);
}
function phoneHome() {
	channel = '<iframe src="contact/index.html" border="0" frameborder="0" scrolling="no" id="iphone" name="iphone" width="215" height="321" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>';
	starttimer = setTimeout("$('osx').innerHTML = channel;",2900);
}

function trashFrame(vID) {
	if(!vID) {vID='screen'}
	if(vID=='content') {if($('logoshow')){$('logoshow').src = '';}}
	if(vID=='screen') {if($('play')){$('play').src = '';}}
	if(vID=='foto') {if($('diashow')){$('diashow').src = '';}}
	if(vID=='osx') {if($('iphone')){$('iphone').src = '';}}
	
	if($(vID)){$(vID).innerHTML = '';}
}


// logoshow functions
function changeLogo(image) {
	attributes = { opacity: {from: 1, to: 0} };
	graphicoff = new YAHOO.util.Motion('logo', attributes, 0.4, YAHOO.util.Easing.easeOutStrong);
	graphicoff.onComplete.subscribe(function() { $('logo').src = "images/" + image + ".jpg"; graphicon.animate(); } );
	
	attributes = { opacity: {from: 0, to: 1} };
	graphicon = new YAHOO.util.Motion('logo', attributes, 0.7, YAHOO.util.Easing.easeOutStrong);
	
	
	graphicoff.animat();
	//$('logo').src = "images/" + image + ".jpg";
}

function shownoflash() {
	paperupup.animate();
	starttimer = setTimeout("paperDown('noflashcontent')",510);
	
}
function hidenoflash() {
	//noflashhide.animate();
	paperupup.animate();
	starttimer = setTimeout("paperDown('welkom')",510);
}







function $(id) {
	return document.getElementById(id);
}
function loadDiv(ObjFrom, ObjTo) {
	if(ObjTo==null) {ObjTo = 'content';}
	if(ObjFrom==null) {
		$(ObjTo).innerHTML = '';
	} else {
		$(ObjTo).innerHTML = $(ObjFrom).innerHTML;
	}
	
}

function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}
function getWindowWidth() {
	var windowWidth = 0;
	if (typeof(window.innerWidth) == 'number') {
		windowWidth = window.innerWidth;
	}
	else {
		if (document.documentElement && document.documentElement.clientWidth) {
			windowWidth = document.documentElement.clientWidth;
		}
		else {
			if (document.body && document.body.clientWidth) {
				windowWidth = document.body.clientWidth;
			}
		}
	}
	return windowWidth;
}

 
function pngFix()
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
		  var img = document.images[i]
		  var imgName = img.src.toUpperCase()
		  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		  {
			 var imgID = (img.id) ? "id='" + img.id + "' " : ""
			 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			 var imgStyle = "display:inline-block;" + img.style.cssText 
			 if (img.align == "left") imgStyle = "float:left;" + imgStyle
			 if (img.align == "right") imgStyle = "float:right;" + imgStyle
			 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
			 var strNewHTML = "<span " + imgID + imgClass + imgTitle
			 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
			 img.outerHTML = strNewHTML
			 i = i-1
		  }
	   }
	}
}