function changeHeaderImage(showImageNr) {
	if(showImageNr == 1) {
		document.getElementById('project_image1').style.display = 'block';
		if(document.getElementById('project_image2'))
			document.getElementById('project_image2').style.display = 'none'
		if(document.getElementById('project_image3'))
			document.getElementById('project_image3').style.display = 'none';
		
		// change the images of the imagebrowser 
		document.getElementById('browseImage1').src = "fileadmin/img/layout/browse_header_image1.gif";
		if(document.getElementById('browseImage2'))
			document.getElementById('browseImage2').src = "fileadmin/img/layout/browse_header_image2.gif";	
		if(document.getElementById('browseImage3'))
			document.getElementById('browseImage3').src = "fileadmin/img/layout/browse_header_image2.gif";		
	}
	else if(showImageNr == 2) {
		document.getElementById('project_image1').style.display = 'none';
		if(document.getElementById('project_image2'))
			document.getElementById('project_image2').style.display = 'block'
		if(document.getElementById('project_image3'))
			document.getElementById('project_image3').style.display = 'none';
		
		// change the images of the imagebrowser 
		document.getElementById('browseImage1').src = "fileadmin/img/layout/browse_header_image2.gif";
		if(document.getElementById('browseImage2'))
			document.getElementById('browseImage2').src = "fileadmin/img/layout/browse_header_image1.gif";	
		if(document.getElementById('browseImage3'))
			document.getElementById('browseImage3').src = "fileadmin/img/layout/browse_header_image2.gif";
	}
	else if(showImageNr == 3) {
		document.getElementById('project_image1').style.display = 'none';
		if(document.getElementById('project_image2'))
			document.getElementById('project_image2').style.display = 'none'
		if(document.getElementById('project_image3'))
			document.getElementById('project_image3').style.display = 'block';
		
		// change the images of the imagebrowser 
		document.getElementById('browseImage1').src = "fileadmin/img/layout/browse_header_image2.gif";
		if(document.getElementById('browseImage2'))
			document.getElementById('browseImage2').src = "fileadmin/img/layout/browse_header_image2.gif";	
		if(document.getElementById('browseImage3'))
			document.getElementById('browseImage3').src = "fileadmin/img/layout/browse_header_image1.gif";			
	}	
}

function cursorFunc() {
	for(var i=1; i<=3; i++) {
		document.getElementById('browseImage'+i).style.cursor = 'pointer';
	}
}