function updateProjectMenu(i,id,ext,lang) { 
	 
	 var closeButton=document.getElementById('closeButton');  
	
	
	 if (closeButton.src.search(/open/)>=0) {   
		toggleMenuDetails('closeButton','projectMenuWrapper',ext)  
		closeButton.src = "./images/buttons/close."+ext; 
	}  
	
	
	   
    var j=i+1;  
    

	/* oude variablen	
	var imageName='catImg'+i;
	var imageFile=document.getElementById(imageName);  
    */ 

	//simpele knop werking: slechts 1 knop actief
    var k; 
    var CategoryButtonsStateString = new String();

	for (k=0;k<6;k++) { 
		var imagename='catImg'+k;  
        var l=k+1;
		 var imagefile=document.getElementById(imagename);
	    
		if (k==i) {
			imagefile.src = "./images/buttons/pro"+j+"_hov"+lang+"."+ext;
			CategoryButtonsStateString += 'y';
			
		} else {
			imagefile.src = "./images/buttons/pro"+l+lang+"."+ext;  
			CategoryButtonsStateString += 'n';
			
		}  
		
			   
	   
	} 
	
	 if (!id) {
		closeDetails('welkomstInfo');
		closeDetails('welkomstImageContainer') 
		
	 }
	
	//imageFile.src = "./images/buttons/pro"+j+"_hov"+lang+"."+ext;
	
	/*
	if (imageFile.src.search(/hov/)>=0) {   
		imageFile.src = "./images/buttons/pro"+j+lang+"."+ext;  
	} else {
		imageFile.src = "./images/buttons/pro"+j+"_hov"+lang+"."+ext; 

		
	}  
	*/
	if (lang=='_en') {lang='en'}     
	
	//alert('voor ajax='+CategoryButtonsState());
	/* de oude manier van selectief en/of cumulatief 
	ajax_do('./js/project_menu_request.php?cats='+CategoryButtonsState()+'&currentProject='+id+'&lang='+lang); 
	*/
	ajax_do('./js/project_menu_request.php?cats='+CategoryButtonsStateString+'&currentProject='+id+'&lang='+lang);   
	   
	createCookie('cats',CategoryButtonsStateString,1) 
	//alert(readCookie('cats'))   
	//alert('activeProjects='+activeProjects);   
    //OpenMenuDetails(); 
	
 
} 

function loadProjectMenu(cats,catsComma,id,ext,lang) { 
	/*     
	 if (lang=='en') {lang='en'}    
	var lang_ext
	if (lang=='en') {lang_ext='_en'} else {lang_ext=null} 
	 */  
	
    if (lang=='en') {var lang_ext='_en'} else {lang_ext=''}
 
	if (cats) {
		categories=cats; 
		catsArray = catsComma.split(","); 
		
		for (i=0;i<6;i++) {    
			var imageName='catImg'+i;  
		     var j=i+1;
			 var imageFile=document.getElementById(imageName);
 			if (catsArray[i]=='n') {   
				imageFile.src = "./images/buttons/pro"+j+lang_ext+"."+ext;  
			} else {
				imageFile.src = "./images/buttons/pro"+j+"_hov"+lang_ext+"."+ext; 


			}
		}  
		
		
	} else {
		
	}
	
	ajax_do('./js/project_menu_request.php?cats='+categories+'&currentProject='+id+'&lang='+lang);   
	
	eraseCookie('cats') 
}

function CategoryButtonsState()  {

	var CategoryButtonsStateString = new String();

	for (i=0;i<6;i++) { 
		var imageName='catImg'+i;  

		 var imageFile=document.getElementById(imageName);  

		if (imageFile.src.search(/hov/)>=0) {   
			  CategoryButtonsStateString += 'y';
		} else {
			  CategoryButtonsStateString += 'n';


		}     
		
	
	} 
	//alert(CategoryButtonsStateString);  
	return CategoryButtonsStateString;
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

//  AJAX   

// Get base url
url = document.location.href;
xend = url.lastIndexOf("/") + 1;
var base_url = url.substring(0, xend);

var ajax_get_error = false;

function ajax_do (url) {
	// Does URL begin with http?
	if (url.substring(0, 4) != 'http') {
		url = base_url + url;
	}

	// Create new JS element
	var jsel = document.createElement('SCRIPT');
	jsel.type = 'text/javascript';
	jsel.src = url;

	// Append JS element (therefore executing the 'AJAX' call)
	document.body.appendChild (jsel);

	return true;
}

function ajax_get (url, el) {
	// Has element been passed as object or id-string?
	if (typeof(el) == 'string') {
		el = document.getElementById(el);
	}

	// Valid el?
	if (el == null) { return false; }

	// Does URL begin with http?
	if (url.substring(0, 4) != 'http') {
		url = base_url + url;
	}

	// Create getfile URL
	getfile_url = base_url + 'getfile.php?url=' + escape(url) + '&el=' + escape(el.id);

	// Do Ajax
	ajax_do (getfile_url);

	return true;
}     

// TOGGLING
                    
function toggleElementDisplay(id) {  
	//alert('hello '+id);
	var style2;         
	if (document.getElementById) {            
		// this is the way the standards work
		style2 = document.getElementById(id).style;
	}
	else if (document.all) {
		// this is the way old msie versions work
		style2 = document.all[id].style;
	}
	else if (document.layers) {
		// this is the way nn4 works
		style2 = document.layers[id].style;
	}
		
	//var hidden = ((style2.display=="none") || (style2.display==""));
	var hidden = style2.display=="none";
	
	style2.display = hidden ? "block":"none";
	return hidden;
}  

function closeDetails(id) {  
	
	//var id='projectMenuWrapper';
	var style; 
	
	if (document.getElementById) {            
		// this is the way the standards work
		style = document.getElementById(id).style;
	}
	else if (document.all) {
		// this is the way old msie versions work
		style = document.all[id].style;
	}
	else if (document.layers) {
		// this is the way nn4 works
		style = document.layers[id].style;
	}
	
	if (style.display!="none") {
		toggleElementDisplay(id);	
	}   

}

function toggleInfoDetails(img, id,ext) { 
	var visible = toggleElementDisplay(id);     
	
	if (ext=="jpg") {
		var blue="_blue";
	} else {
		blue="";
	}    
	
	if (visible) {
		img.src = "./images/buttons/close"+blue+"."+ext;
	}
	else {
		img.src = "./images/buttons/open"+blue+"."+ext;
	}
} 

function toggleMenuDetails(img, id,ext) { 
	
	var visible = toggleElementDisplay(id);
	if (visible) {
		img.src = "./images/buttons/close."+ext;
	}
	else {
		img.src = "./images/buttons/open."+ext;
	}                             
	
}


function OpenMenuDetails() {  
	
	var id='projectMenuWrapper';
	var style; 
	
	if (document.getElementById) {            
		// this is the way the standards work
		style = document.getElementById(id).style;
	}
	else if (document.all) {
		// this is the way old msie versions work
		style = document.all[id].style;
	}
	else if (document.layers) {
		// this is the way nn4 works
		style = document.layers[id].style;
	}
	
	if (style.display=="none") {
		toggleElementDisplay(id);	
	}   

} 


/*  ROTATING BODY BACKGROUND  */
var bgimages=new Array()
bgimages[0]="./images/fotos/achtergrond01.jpg"
bgimages[1]="./images/fotos/achtergrond02.jpg"
bgimages[2]="./images/fotos/achtergrond03.jpg"

//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++)
{
  pathToImg[i]=new Image()
  pathToImg[i].src=bgimages[i]
}

var inc=-1

function loadFirstBackground(file) {
	
	firstBackground = new Image(); 
	firstBackground.src = "./images/fotos/" + file;
	document.body.background= firstBackground.src
}        

function bgSlide()
{         

	
  if (inc<bgimages.length-1)
    inc++
  else
    inc=0
  document.body.background=pathToImg[inc].src
} 

function flip(id) { 
	if (id>0) {
		ajax_do('./js/images_request.php')
	}  
	
}  



function imageFlip(ids,images,flip_images) { 
	allIds = new Array();
	allImages = new Array();
	allFlipImages = new Array();  
	
	allIds=ids.split(";");
	allImages=images.split(";");
	allFlipImages=flip_images.split(";");  
	
	for(var i = 0; i < allIds.length; i++) { 
		j=i+1; 
		img=document.getElementById('image'+j);  

		
		if (img.src.search(/flip/)>-1) {
			img.src="./images/fotos/"+allImages[i]	
		} else {
			img.src="./images/fotos/"+allFlipImages[i]
			
		}
	}
	
}