var pic = new Array();
	
	pic[0] = '218.jpg';
	pic[1] = '233.jpg';
	pic[2] = '209.jpg';
	pic[3] = '170.jpg';
	pic[4] = '176.jpg';
	pic[5] = '182.jpg';
	
var t;
var j = 0;
var p = pic.length;

function updateImages(newImage){

if(newImage.length > pic.length){
	n = newImage.length;
} else {
	n = pic.length;
}

	for(i=0;i<=n;i++){
		
		if(i >= newImage.length){
			pic[i] = '';
		} else {
			pic[i] = newImage[i];
		}
		
	}
	
	p = pic.length;

}

function slideShow(){
	
		if(pic[j] == ''){
			switchImage(pic[0]);
			j = 0;
		} else {
			switchImage(pic[j]);
		}
		
	if(j == (p - 1)){
		j = 0;
	} else {
		j++;
	}
	t = setTimeout("slideShow();", 5000);
	
}

function switchImage(file){
		
	if($('slidingImageDiv1').getStyle('display') == 'none'){
		var useDiv = 1;
		var otherDiv = 2;
	} else {
		var useDiv = 2;
		var otherDiv = 1;
	}
	
		// update image
		$('slidingImage' + useDiv).src = 'http://restaurantdehoffnar.nl/images/slideImages/' + file;
		
		// appear div
		Effect.Appear('slidingImageDiv' + useDiv, { duration:3.0 });
		
		// does otherDiv needs to fade?
		if($('slidingImageDiv' + otherDiv).getStyle('display') == 'block'){
			Effect.Fade('slidingImageDiv' + otherDiv, { duration:3.0 });
		}
		
		// start slide of appeared image
		new Effect.Move('slidingImageDiv' + useDiv, { x:-45, y:0, mode:'absolute', duration:5 });
		
		// move back otherDiv
		if($('slidingImageDiv' + otherDiv).getStyle('left') != '0px'){
			if(otherDiv == 1){
				setTimeout("$('slidingImageDiv1').style.left = '0px';", 3500);
			} else if(otherDiv == 2){
				setTimeout("$('slidingImageDiv2').style.left = '0px';", 3500);
			}
		}
	
}

function switchPage(id){
	
	if($('contentDiv1').getStyle('display') == 'none'){
		var location = 1;
	} else {
		var location = 2;
	}
	
	xajax_switchPage(id, location);
	
}

function showPage(){
	Effect.BlindRight('layout_contentBackground');
	setTimeout("Effect.Appear('content');", 1000);
}
function hidePage(){
	Effect.Fade('content');
	setTimeout("Effect.BlindLeft('layout_contentBackground');", 1000);
}
function hoff_toggle(){
	if($('content').getStyle('display') == 'block'){
		hidePage();
		setTimeout("Effect.BlindLeft('layout_navigationBackground');", 1000);
		Effect.Fade('navigation');
		$('a_show_hide').innerHTML = 'Toon website';
	} else {
		showPage();
		Effect.BlindRight('layout_navigationBackground');
		setTimeout("Effect.Appear('navigation');", 1000);
		$('a_show_hide').innerHTML = 'Toon foto\'s';
	}
}