<!--
	var width;
	var height;
	
	// this is needed to dynamically detect the browser type
	ns4 = document.layers;
    ie = document.all;
    moz = document.getElementById && !document.all;
	
	// return a pointer to the object
	function getRef(id){
	 	if (ns4) {
           alert ("Sorry, but NS4 does not support the functionality of this site");
           return false;
        }
        else if (ie) {
           obj = document.all[id];
        }
        else if (moz) {
           obj = document.getElementById(id);
        }		
		
        if (!obj) {
           alert("unrecognized ID");
           return false;
        }		
		return obj;	 
	 }
	 

	 function changeImageSize(obj, clientWidth, clientHeight){
	 
	 //you need to write your own algorithm to calculate the height to be assigned
	 
	 	// get a pointer to the image
	 	var image = getRef(obj);
		
		// change the width (4 éléments en largeur)
		// limite l'effet à une largeur de 100
		if (parseInt(clientWidth-15)/5 - 58 -15> 120) {
	   image.width = parseInt(clientWidth-15)/5 - 58-15;
		}
		else {
   	   image.width = 121
		}
		
		// change the height (proportionnelle 4/3)
	 	// OLD VERSION image.height = parseInt(clientHeight)-200;
		image.height = image.width*9/16;
	 }
	 

	// show the size
	function showSize(){
	
		// switch DOM depending on client browser
		if(moz){		
			// concatenate the text in the reference of text body passed
			// you can access window width with this.innerWidth
			height = this.innerHeight;
			width = this.innerWidth;
				
		}else if(ie){
			// concatenate the text in the reference of text body passed
			// you can access window width with document.body.clientWidth
			height = document.body.clientHeight;
			width = document.body.clientWidth;
		}
		
		// call the function to change image size, pass img object id, browser width and height
		changeImageSize("myImage20", width, height);
		changeImageSize("myImage19", width, height);
		changeImageSize("myImage18", width, height);
		changeImageSize("myImage17", width, height);
		changeImageSize("myImage16", width, height);
		changeImageSize("myImage15", width, height);
		changeImageSize("myImage14", width, height);
		changeImageSize("myImage13", width, height);
		changeImageSize("myImage12", width, height);
		changeImageSize("myImage11", width, height);
		changeImageSize("myImage10", width, height);
		changeImageSize("myImage9", width, height);
		changeImageSize("myImage8", width, height);
		changeImageSize("myImage7", width, height);
		changeImageSize("myImage6", width, height);
		changeImageSize("myImage5", width, height);
		changeImageSize("myImage4", width, height);
		changeImageSize("myImage3", width, height);
		changeImageSize("myImage2", width, height);
		changeImageSize("myImage1", width, height);
	}
// -->