var viewportheight, viewportwidth;


function DoOnImageLoad(){
	// zorg dat 'this' ook de Prototype-functies heeft (IE)
	Element.extend(this);
	// haal afmetingen van afbeelding op
	var imgwidth = this.getWidth();
	var imgheight = this.getHeight();

	// kijk of afbeelding groter dan scherm is
	if(imgwidth>viewportwidth || imgheight>viewportheight){
		// kijk waar meer af moet: hoogte of breedte
		// pas daarna grootste verschil aan
		if((imgwidth-viewportwidth)>(imgheight-viewportheight)){
			this.style.width = (viewportwidth-20)+'px';
		} else {
			this.style.height = (viewportheight-20)+'px';
		}
	}

	// zet de afbeelding aan de hand daarvan in het midden van het beeld
	this.style.top = '0px';
	this.style.left = ((viewportwidth/2)-(this.getWidth()/2))+'px';

	// zorg dat de afbeelding ook weer verborgen kan worden
	this.onclick = HideImage;

	// toon de afbeelding
	// $('div_ajax').hide();
	this.style.display = 'block';
} /* End of function DoOnImageLoad() */

function ShowImage(path, id){
	// $('div_ajax').show();
	document.getElementById('foto').onload = DoOnImageLoad;
	document.getElementById('foto').src = 'getmemberphoto.php?file='+path+'&id='+id;
} /* End of function ShowImage() */

function HideImage(){
	document.getElementById('foto').style.display = 'none';
} /* End of function HideImage() */



function DoOnBodyLoad(){
	HideImage();

	// set viewport
	viewportheight = document.viewport.getHeight();
	viewportwidth = document.viewport.getWidth();
	$('div_container').style.height = viewportheight + 'px';
	$('div_main').style.height = (viewportheight-$('div_top').getHeight()) + 'px'; // hoogte- (hoogte van het menu)
	$('div_main_main').style.height = ($('div_main').getHeight()-40) + 'px'; // hoogte van het main-blok minus de eigen padding
}
document.observe('dom:loaded', DoOnBodyLoad);