function contact() {
	document.getElementById('layer').innerHTML =
	'<div id="overflow"></div><div id="displaybox"><div id="displayborder"><div id="displaytop">'+
	'<img alt="" border="0" src="http://www.dutchcloud.com/images/icon_dc.png" />'+
	'<span id="icon-close" onclick="hidelayer()"></span><h4>Contactformulier</h4><small>Wij zullen op werkdagen antwoorden/ contact opnemen.</small></div>'+
	'<form action="" method="post">'+
	
	'<p><label for="company">Bedrijf:</label><input name="company" id="company" type="text" size="20" /></p>'+
	'<p><label for="name">Naam:</label><input name="name" id="name" type="text" size="20" /></p>'+
	'<p><label for="email">E-mail:</label><input name="email" id="email" type="text" size="20" /></p>'+
	'<p><label for="phone">Telefoon:</label><input name="phone" id="phone" type="text" size="20" /></p>'+
	'<p><label for="msg">Bericht:</label><textarea name="msg" id="msg" cols="26" rows="6"></textarea></p>'+
	<?php if($_SESSION['captcha_secure'] != 'akkoord'){ ?>
	'<p><label for="captcha">Code:</label><input name="captcha" id="captcha" type="text" size="4" style="width: 80px;" /><img src="http://www.dutchcloud.com/captcha.php" /></p>'+
	<?php } ?>
	
	'<p><input type="submit" name="contact" value="Bericht versturen" /></p>'+
	'</form></div></div>';
	document.getElementById('layer').style.display = 'block';
}

function show_requestform(){
	document.getElementById('layer').innerHTML =
	'<div id="overflow"></div><div id="displaybox"><div id="displayborder"><div id="displaytop">'+
	'<img alt="" border="0" src="http://www.dutchcloud.com/images/icon_dc.png" />'+
	'<span id="icon-close" onclick="hidelayer()"></span><h4>Whitepaper aanvragen</h4><small>Gelieve het formulier in te vullen</small></div>'+
	'<form action="" method="post">'+
	
	'<p><label for="company">Bedrijf:</label><input name="company" id="company" type="text" size="20" /></p>'+
	'<p><label for="name">Naam:</label><input name="name" id="name" type="text" size="20" /></p>'+
	'<p><label for="email">E-mail:</label><input name="email" id="email" type="text" size="20" /></p>'+
	'<p><label for="phone">Telefoon:</label><input name="phone" id="phone" type="text" size="20" /></p>'+
	
	
	'<p><input type="submit" name="whitepaper" value="Aanvraag versturen" /></p>'+
	'</form></div></div>';
	document.getElementById('layer').style.display = 'block';
}

function show_video()
{
	document.getElementById('layer').innerHTML =
	'<div id="overflow"></div><div id="displaybox"><div id="displayborder"><div id="displaytop">'+
	'<img alt="" border="0" src="http://www.dutchcloud.com/images/icon_dc.png" />'+
	'<span id="icon-close" onclick="hidelayer()"></span><h4>Watch this video</h4><small>Finding Competitive Advantage in Cloud Computing</small></div>'+
	'<form id="player" action="" method="post"></form></div></div>';
	document.getElementById('layer').style.display = 'block';
	var so = new SWFObject('jwplayer/player.swf','mpl','472','290','9');
	so.addParam('allowfullscreen','true');
	so.addParam('allowscriptaccess','always');
	so.addParam('wmode','opaque');
	so.addVariable('file','http://www.youtube.com/watch?v=psbayL9dxEs');
	so.write('player');
}

function edit_server()
{
	document.getElementById('layer').innerHTML =
	'<div id="displaybox"><div id="displayborder"><div id="displaytop">'+
	'<img alt="" border="0" src="http://www.dutchcloud.com/images/icon_dc.png" />'+
	'<span id="icon-close" onclick="hidelayer()"></span><h4>Action</h4><small>Single server configuration</small></div>'+
	'<form action="" method="post">'+
	
	'<p><label>Hostname:</label>Db01srv</p>'+
	'<p><label>IP address:</label>10.1.45.1</p>'+
	'<p><input type="submit" name="addserver" value="Reboot" /> <input type="submit" name="addserver" value="Startup" /> <input type="submit" name="addserver" value="Shutdown" /></p>'+
	'<p><input type="submit" name="addserver" value="Change settings" /></p>'+
	'</form></div></div>';
	document.getElementById('layer').style.display = 'block';
}
function hidelayer()
{
	document.getElementById('layer').innerHTML = '';
	document.getElementById('layer').style.display = 'none';
}

function progresstext(bla)
{
	var timepuls = Math.floor(Math.random()*1000);
	if(timepuls <= 1000)
	{
		timepuls = 1000;
	}
	var tekst;
	tekst = bla;
	setTimeout("testcase("+tekst+")",timepuls);
}
function testcase(bla)
{
	statusbar = document.getElementById('statusbar').innerHTML = bla;
	progresstext(bla);
}
function play(){
	$('music').innerHTML = '<object type="application/x-shockwave-flash" data="/audio/player.swf" id="audioplayer" height="1" width="1"><param name="movie" value="/audio/player.swf"><param name="FlashVars" value="playerID=1&amp;autostart=yes&amp;loop=no&amp;leftbg=0xd9d6d0&amp;lefticon=0x69b40f&amp;border=0xd9d6d0&amp;righticon=0x69b40f&amp;righticonhover=0x000000&amp;rightbg=0xd9d6d0&amp;rightbghover=0xd9d6d0&amp;initialvolume=45&amp;soundFile=/audio/music.mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object>';
}
