var myimages=new Array()
	function preloadimages()
	{
		for (i=0;i<preloadimages.arguments.length;i++)
		{
			myimages[i]=new Image()
			myimages[i].src=preloadimages.arguments[i]
		}			
	}
	
	var pix = '800px';
	function reziseWebsiteHeight(pix)
	{	
		document.getElementById('main').style.height = pix ;
		document.getElementById('mainContent').style.height = pix ;
		document.getElementById('content').style.height = pix ;
		document.getElementById('contentText').style.height = pix ;
	}
	
	function changeImage( id, source, visible )
	{
		document.getElementById( id ).src = source;
		
		if( document.getElementById( id ).style.display == 'block' && visible == 'none' )
		{
			document.getElementById( id ).style.display = 'none';
		}
		if( document.getElementById( id ).style.display == 'none' && visible == 'block' )
		{
			document.getElementById( id ).style.display = 'block';
		}
		
	}
	
	function changeItemImage( id, id2, select, link )
	{
		var Value = document.getElementById(select).value;
		
		document.getElementById( id ).src = link + Value;
		document.getElementById( id2 ).href = link + Value;
		
		if( document.getElementById( id ).style.display == 'block' && visible == 'none' )
		{
			document.getElementById( id ).style.display = 'none';
		}
		if( document.getElementById( id ).style.display == 'none' && visible == 'block' )
		{
			document.getElementById( id ).style.display = 'block';
		}		
	}
	
	
	function showCompany( $id )
	{
		var resultHeight = null;
		var divName = 'bedrijven_extrainfo_'+$id;
		var mainHeight = document.getElementById('website').offsetHeight;

		if( document.getElementById( divName ).style.display == 'block' )
		{
			var extraMinHeight = document.getElementById( divName ).offsetHeight;
			
			document.getElementById( divName ).style.display = 'none' ;
			var calcHeight = mainHeight - extraMinHeight;
			resultHeight= calcHeight+"px";
			document.getElementById( 'buttonComp_'+$id ).src = "/images/button_meerinfo.gif";
		}
		else
		{
			document.getElementById( divName ).style.display = 'block'
			var extraPlusHeight = document.getElementById( divName ).offsetHeight;
			
			var calcHeight = mainHeight + extraPlusHeight;
			resultHeight= calcHeight+"px";
			document.getElementById( 'buttonComp_'+$id ).src = "/images/button_sluiten.gif";
		}
		document.getElementById('main').style.height = resultHeight ;
		document.getElementById('website').style.height = resultHeight ;				
		document.getElementById('content_shadow_right').style.height = resultHeight ;				
		document.getElementById('content_shadow_left').style.height = resultHeight ;				
	}
	
	/**
	 * Deze methode opent een div en sluit de andere divjes
	 * Om er voor te zorgen dat alles goed werkt, moet allen subdivjes in 1 div
	 * staan -> surroundDiv. Deze methode loopt door alle divjes in surroundDiv heen en sluit
	 * ze, daarna opent hij het divje waar op is geklikt
	 *
	 * Verder zorgt hij ook voor de juiste hoogte van de website 
	 */
	
	function showExtraDiv( id )
	{
		var resultHeight = null;
		var sluitDiv = null;
		var divName = 'extra_'+id;
		var mainHeight = document.getElementById('website').offsetHeight;
		//In het begin door alle divjes heenlopen om te kijken welke er gesloten moet worden
		//Daar de hoogte van nemen, om later die hoogte van de websitehoogte af te trekken
		for(var i = 0; i < document.getElementById( 'surroundDiv' ).getElementsByTagName('div').length; i++)
	    {
	      if(document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].style.display == 'block')
	      {
	        sluitDiv = document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].offsetHeight;
	      }
	    }
		
		if( document.getElementById( divName ).style.display == 'block' )
		{
			for(var i = 0; i < document.getElementById( 'surroundDiv' ).getElementsByTagName('div').length; i++)
		    {
		      if(document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].style.display == 'block')
		      {
		        document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].style.display = 'none';
		      }
		    }
		    
			var extraMinHeight = document.getElementById( divName ).offsetHeight;
			var calcHeight = mainHeight - extraMinHeight - sluitDiv;
			resultHeight= calcHeight+"px";
		}
		else
		{
			//Door alle divjes heenlopen en sluiten, daarna geselecteerde div openen
			for(var i = 0; i < document.getElementById( 'surroundDiv' ).getElementsByTagName('div').length; i++)
		    {
		      if(document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].style.display == 'block')
		      {
		        document.getElementById( 'surroundDiv' ).getElementsByTagName('div')[i].style.display = 'none';
		      }
		    }
		    document.getElementById( divName ).style.display = 'block';
		    
			var extraPlusHeight = document.getElementById( divName ).offsetHeight;
			var calcHeight = mainHeight + extraPlusHeight - sluitDiv;
			resultHeight= calcHeight+"px";	
		}
		document.getElementById('main').style.height = resultHeight ;
		document.getElementById('website').style.height = resultHeight ;				
		document.getElementById('content_shadow_right').style.height = resultHeight ;			
		document.getElementById('content_shadow_left').style.height = resultHeight ;				
	}
	
	function emptyField( id, action, input )
	{
		var formValue = document.getElementById( id );
		
		if( action == 1 )
		{
			if( formValue.value != "" )
			{
				formValue.value = "";	
			}
		}
		
		if( action == 2 )
		{
			if( formValue.value == "" )
			{
				formValue.value = input;	
			}
			else if( formValue.value != input)
			{
				return true;
			}
		}
	}

	var W3CDOM = (document.createElement && document.getElementsByTagName);
	
	function initFileUploads() {
		if (!W3CDOM) return;
		var fakeFileUpload = document.createElement('div');
		fakeFileUpload.className = 'fakefile';
		fakeFileUpload.appendChild(document.createElement('input'));
		var image = document.createElement('img');
		image.src='/images/button_bladeren.gif';
		fakeFileUpload.appendChild(image);
		var x = document.getElementsByTagName('input');
		for (var i=0;i<x.length;i++) {
			if (x[i].type != 'file') continue;
			if (x[i].parentNode.className != 'fileinputs') continue;
			x[i].className = 'file hidden';
			var clone = fakeFileUpload.cloneNode(true);
			x[i].parentNode.appendChild(clone);
			x[i].relatedElement = clone.getElementsByTagName('input')[0];
			x[i].onchange = x[i].onmouseout = function () {
				this.relatedElement.value = this.value;
			}
		}
	}
	
	function setPageTitle(module)
	{
		document.getElementById( "title" ).style.background='url(/images/titles/title_'+module+'.png)';
	}
	

	message=	"Altijd 10% korting op uw huidige offerte!" 
	
	speed = 40; 
	
	thislinetxt="";
	num=0;
	num2=0;
	
	function start()
	{
	txt = "";
	  for(i=0;i != message.length;i++)
	   {
	   
	   
	   <!-- verander hieronder de kleur van het  lettertype  -->
	
	   
	 txt=txt+"<span id='n"+i+"' style='color:#E6F0F9'>"+message.charAt(i)+"</span>";
	   }
	   drive.innerHTML=txt;
	   secon();
	   setTimeout("thir()",speed*6);
	}
	
	function secon()
	{
	  if(num != message.length+1)
	   {
		if(num != 0)
		{
		  chang(num-1,"visible");
		}
		if(num != message.length)
		{
		  chang(num,"hidden");
		}
		num++;
		setTimeout("secon()",speed);
	   }
	   else
	   {
		num=0;
		setTimeout("secon()",speed*5);
	   }
	}
	
	function thir()
	{
	  if(num2 != message.length+1)
	  {
		if(num2 != 0)
		{
		  chang(num2-1,"visible");
		}
		if(num2 != message.length)
		{
		  chang(num2,"hidden");
		}
		num2++;
		setTimeout("thir()",speed);
	   }
	}
	
	
	function chang(chnum,typ)
	{
	  eval("n"+chnum+".style.visibility=typ");
	}
	
	function playButtonSound(id) 
	{
		document.getElementById(id).src =  "/sounds/buttonSound.wav";
	}
	
	window.onload=function()
	{
		 initFileUploads();
		 preloadimages(
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_home.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_home_over.png',	
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_besticker.png',	
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_besticker_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_kleding.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_kleding_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_galerij.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_galerij_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_links.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_links_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_route.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_route_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_contact.png',
		 		'http://www.prodesign-kerkdriel.nl/images/buttons/btn_contact_over.png',
		 		'http://www.prodesign-kerkdriel.nl/images/contentBg.png');
	}