// JavaScript Document


function preloader() // Précharger les images Preview 400x400 pixels
{
     var i = 0; // Compteur
     imageObj = new Image(400,400);

     images = new Array();
     images[0]="im/point33.gif"
     images[1]="im/pointbomb.gif"
	 
	 // preview des projets
     images[2]="im/allianz_teatro/00.jpg"
     images[3]="im/arcate_greco/00.jpg"
	 images[4]="im/casa_mainella/00.jpg"
	 images[5]="im/casa_muller/00.jpg"
	 images[6]="im/casa_squarcia/00.jpg"
	 images[7]="im/fujiko_lamp/00.jpg"
	 images[8]="im/hgxt/00.jpg"
	 images[9]="im/instable/00.jpg"
	 images[10]="im/mondello/00.jpg"
	 images[11]="im/much_ado/00.jpg"
	 images[12]="im/nido/00.jpg"
	 images[13]="im/pull_table/00.jpg"
	 images[14]="im/sottile/00.jpg"
	 images[15]="im/villa_qatar/00.jpg"
	 images[16]="im/wind_project/00.jpg"
	 images[17]="im/zabriskie_sofa/00.jpg"
	 
	 // preview des tilts
	 images[18]="im/panic.jpg"
	 

     for(i=0; i<=17; i++) 
     {
          imageObj.src=images[i];
     }
} 

function dotmatrix()
{
	var photos = document.getElementById('tableau') ; // On récupère l'élément "tableau"
	var liens = photos.getElementsByTagName('a') ; // On récupère dans une variable tous les liens contenu dans "tableau"
	var big_photo = document.getElementById('zoom') ; // On récupère l'élément "zoom", c'est notre photo preview
	var titre = document.getElementById('pagetitle').getElementsByTagName('span')[0] ;// On récupère le texte a cote du titre

// on mouseover ///////////////////////////////////////////////////////////////////////////////////////////
	for (var i = 0 ; i < liens.length ; ++i) {
		
			liens[i].onmouseover = function() {
			big_photo.src = this.name; // On change la source de l'image (selon "name" du lien)
			big_photo.alt = this.id; // On change le texte alternatif (selon "id" du lien)
			titre.firstChild.nodeValue = this.id; // On change le texte a cote du titre (selon id du lien)
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
	
// on mouseout ///////////////////////////////////////////////////////////////////////////////////////////	
	for (var i = 0 ; i < liens.length ; ++i) {
	
		    liens[i].onmouseout = function() {
			big_photo.src = "im/all.gif"; // On change la source de l'image pour ALL
			titre.firstChild.nodeValue = ""; // On efface le texte a cote du titre
	        return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
	
	
}