﻿if (document.all)
	{
		var slideShowSpeed=3000
		var Pic=new Array()
		var name=new Array()
		
		Pic[0]="slideshow/slideshow_pic.jpg"
		Pic[1]="slideshow/vrachtwagen.jpg"
		Pic[2]="slideshow/binnenvaart.jpg"
		Pic[3]="slideshow/logistiek.jpg"
		Pic[4]="slideshow/trein.jpg"

		var t
		var j = 0
		var p = Pic.length
		var Preload = new Array()
		for (i = 0; i <= p; i++) 
			{
		
				Preload[i] = new Image()
				Preload[i].src=Pic[i]
			}
	
		function runSlideShow()
		{
		
			if (document.images)
				{				
				document.images.slideshow_placeholder_ie.style.filter="blendTrans(duration=1 )"				
				document.images.slideshow_placeholder_ie.style.filter="blendTrans(duration=crossFadeDuration )"
				document.images.slideshow_placeholder_ie.filters.blendTrans.Apply()				
				}
			document.images.slideshow_placeholder_ie.src=Preload[j].src
			if (document.images)
				{
				document.images.slideshow_placeholder_ie.filters.blendTrans.Play()
				}			
			j = j + 1
			if (j > (p-1) ) 
			 j=0
			t = setTimeout('runSlideShow()',slideShowSpeed)
		}
		
}
else 
	{
		var ixf = { 'clock' : null, 'count' : 1 }
		var loop = 0;
		var showduration=1000;
		
		/*******************************************************
		
		/*****************************************************************************
		 List the images that need to be cached
		*****************************************************************************/
		
		ixf.imgs = [
			'slideshow/slideshow_pic.jpg',
			'slideshow/vrachtwagen.jpg',	
			'slideshow/binnenvaart.jpg',
			'slideshow/logistiek.jpg',
			'slideshow/trein.jpg'
			];
		
					
		/*****************************************************************************
		*****************************************************************************/
					
			
			
			//cache the images
			ixf.imgsLen = ixf.imgs.length;
			ixf.cache = [];
			
			var randon_img = Math.floor(Math.random()*ixf.imgs.length);
			loop=randon_img
			var start_randompic = ixf.imgs[randon_img];
			
			
			for(var i=0; i<ixf.imgsLen; i++)
			{
				ixf.cache[i] = new Image;
				ixf.cache[i].src = ixf.imgs[i];
			
			}
	
			
					//crossfade setup function
					function crossfade()
					{
					if (document.all)  runSlideShow();
					else 
					{

						//if the timer is not already going
					
						if(ixf.clock == null)
						{
					
					
							//copy the image object 
							ixf.obj = arguments[0];
							
							//copy the image src argument 
							ixf.src = arguments[1];

								if (ixf.src=="images/slideshow-background.gif") ixf.src=ixf.cache[0].src

							//store the supported form of opacity
					
							if(typeof ixf.obj.style.opacity != 'undefined')
							{
								ixf.type = 'w3c';	
					
					
							}
							else if(typeof ixf.obj.style.MozOpacity != 'undefined')
							{
								ixf.type = 'moz';
							}
							else if(typeof ixf.obj.style.KhtmlOpacity != 'undefined')
							{
								ixf.type = 'khtml';
					
							}
							else if(typeof ixf.obj.filters == 'object')
							{
					
								//weed out win/ie5.0 by testing the length of the filters collection (where filters is an object with no data)
								//then weed out mac/ie5 by testing first the existence of the alpha object (to prevent errors in win/ie5.0)
								//then the returned value type, which should be a number, but in mac/ie5 is an empty string
								ixf.type = (ixf.obj.filters.length > 0 && typeof ixf.obj.filters.alpha == 'object' && typeof ixf.obj.filters.alpha.opacity == 'number') ? 'ie' : 'none';
					
							}
							else
							{
					
								ixf.type = 'none';
					
							}
					
							//change the image alt text if defined
							if(typeof arguments[3] != 'undefined' && arguments[3] != '')
							{
					
								ixf.obj.alt = arguments[3];
							}
					
							//if any kind of opacity is supported
							if(ixf.type != 'none')
							{
					
								//create a new image object and append it to body
								//detecting support for namespaced element creation, in case we're in the XML DOM
								document.clear()
								ixf.newimg = document.getElementsByTagName('body')[0].appendChild((typeof document.createElementNS != 'undefined') ? document.createElementNS('http://www.w3.org/1999/xhtml', 'img') : document.createElement('img'));
					
					
								//set positioning classname
								ixf.newimg.className = 'idupe';
					
								//set src to new image src
								ixf.newimg.src = ixf.src
					
								//move it to superimpose original image
								ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
								ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';
					
								//copy and convert fade duration argument 
								ixf.length = parseInt(arguments[2], 10) * 1000;
								
								//create fade resolution argument as 20 steps per transition
								ixf.resolution = parseInt(arguments[2], 10) * 20;
								
								//start the timer
								ixf.clock = setInterval('ixf.crossfade()', ixf.length/ixf.resolution);
								
																
																
							}
							
							//otherwise if opacity is not supported
							else
							{
								//just do the image swap
								ixf.obj.src = ixf.src;
					
							}
						
							
						}

					
					
					//crossfade timer function
					
					 ixf.crossfade = function()
					 {		
					
						//decrease the counter on a linear scale
						ixf.count -= (1 / ixf.resolution);
					
						//if the counter has reached the bottom
						if(ixf.count < (1 / ixf.resolution))
						{
					
							//clear the timer
							clearInterval(ixf.clock);
							ixf.clock = null;
							
							//reset the counter
							ixf.count = 1;
							
							//set the original image to the src of the new image
							ixf.obj.src = ixf.src;
						}
					
						
						//set new opacity value on both elements
						//using whatever method is supported
						switch(ixf.type)
						{
							case 'ie' :
								ixf.obj.filters.alpha.opacity = ixf.count * 100;
								ixf.newimg.filters.alpha.opacity = (1 - ixf.count) * 100;
					
					
					//	document.images.portrait.style.zIndex = 10000;		
					//	document.images.portrait.filters.alpha.opacity = 100;
					//	document.images.portrait.visibility = 'visible';	
					
						
								break;
								
							case 'khtml' :
								ixf.obj.style.KhtmlOpacity = ixf.count;
								ixf.newimg.style.KhtmlOpacity = (1 - ixf.count);
								break;
								
							case 'moz' : 
								//restrict max opacity to prevent a visual popping effect in firefox
								ixf.obj.style.MozOpacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
								ixf.newimg.style.MozOpacity = (1 - ixf.count);
								break;
								
							default : 
								//restrict max opacity to prevent a visual popping effect in firefox
								ixf.obj.style.opacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
								ixf.newimg.style.opacity = (1 - ixf.count);
					
						}
					
						//now that we've gone through one fade iteration 
						//we can show the image that's fading in
						ixf.newimg.style.visibility = 'visible';
					
					
						
						//keep new image in position with original image
						//in case text size changes mid transition or something
						ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
						ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';
					
						//if the counter is at the top, which is just after the timer has finished
					
							if(ixf.count == 1)
								{
										//remove the duplicate image
										
							ixf.newimg.parentNode.removeChild(ixf.newimg);
							if(loop< ixf.imgs.length-1)
							{
					
							loop=loop+1;
							}
							else loop=0;
							ixf.clock = null;
							ixf.count = 1;
					
					
					
					
					t = setTimeout("crossfade(document.getElementById('slideshow_placeholder'), ixf.cache[loop].src, '3', 'Lawyer')",showduration)			
						}
					}
					
					}
					}
					//get real position method
					
					//get real position method
					ixf.getRealPosition = function()
					{
						this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop;
						this.tmp = arguments[0].offsetParent;
						while(this.tmp != null)
						{
							this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop;
							this.tmp = this.tmp.offsetParent;
						}
						
						return this.pos;
					}
					
	}


//random pic script		


function yvesklein_mouseover() 
{
document.yvesklein.src="images/yvesklein-over.jpg";
}
function yvesklein_mouseout() 
{
document.yvesklein.src="images/yvesklein.jpg";
}



function paulklein_mouseover() 
{
document.paulklein.src="images/paulklein-over.jpg";
}
function paulklein_mouseout() 
{
document.paulklein.src="images/paulklein.jpg";

}


function wimklein_mouseover() 
{
document.wimklein.src="images/wimklein-over.jpg";
}
function wimklein_mouseout() 
{
document.wimklein.src="images/wimklein.jpg";
}





function yvesklein_mouseover() 
{
document.yvesklein.src="images/yvesklein-over.jpg";
}
function yvesklein_mouseout() 
{
document.yvesklein.src="images/yvesklein.jpg";
}



function paulklein_mouseover() 
{
document.paulklein.src="images/paulklein-over.jpg";
}
function paulklein_mouseout() 
{
document.paulklein.src="images/paulklein.jpg";

}


function wimklein_mouseover() 
{
document.wimklein.src="images/wimklein-over.jpg";
}
function wimklein_mouseout() 
{
document.wimklein.src="images/wimklein.jpg";
}



