/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                             SCRIPT PRINCIPAL                              |
|---------------------------------------------------------------------------|
|                                                                           |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                         Benjamin COIFFARD - novembre 2007 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/



/* INITIALISATION DES VARIABLES NECESSAIRES
----------------------------------------------------------------------------
	Les variables suivantes sont utilisées un peu partout dans le code,
	elles sont donc initialisées en début de page
---------------------------------------------------------------------------*/
var vHauteur = 0;


/* Ajouter des effets graphiques sur la page
----------------------------------------------------------------------------

---------------------------------------------------------------------------*/
function effets() {

	var principal = document.getElementById('principal');
	var logo = principal.getElementsByTagName('a');

// Pour tous les éléments liens
	for (var i=0; i<logo.length; i++) {
		
	// Si c'est le logo
		if (logo[i].className == 'logo_logo') {
			
		// Lorsque la souris survol la zone
			logo[i].onmouseover = function() {
				var t = this.getAttribute('id');
				var x = t.substr(4, t.length);
				document.getElementById('nom_'+x).style.backgroundColor = '#ccffcc';
				this.style.backgroundPosition = '0 -100px';
			}

		// Lorsque la souris quitte la zone
			logo[i].onmouseout = function() {
				var t = this.getAttribute('id');
				var x = t.substr(4, t.length);
				document.getElementById('nom_'+x).style.backgroundColor = '#ffffff';
				this.style.backgroundPosition = '0 0';
			}
			
		// Lors du clic, on ouvre le lien dans une nouvelle page
			/*logo[i].onclick = function() {
				var t = this.getAttribute('id');
				var x = t.substr(4, t.length);
				afficherLogo(x);
				return false;
			}*/

		}
		
	// Si c'est le nom
		if (logo[i].className == 'logo_nom') {
						
		// Lorsque la souris survol la zone
			logo[i].onmouseover = function() {
				var t = this.getAttribute('id');
				var x = t.substr(4, t.length);
				document.getElementById('img_'+x).style.backgroundPosition = '0 -100px';
				this.style.backgroundColor = '#ccffcc';
			}

		// Lorsque la souris quite la zone
			logo[i].onmouseout = function() {
				var t = this.getAttribute('id');
				var x = t.substr(4, t.length);
				document.getElementById('img_'+x).style.backgroundPosition = '0 0';
				this.style.backgroundColor = '#ffffff';
			}
			
		// Lors du clic, on ouvre le lien dans une nouvelle page
			/*logo[i].onclick = function() {
				var d = this.getAttribute('href');
				window.open(d);
				return false;
			}*/

		}
	
	}

}

function afficherLogo(x) {
	
// On assombri le fond
	ajouterElement('div', null, 'ecranTotal', 'body', 'ajout');

// On ajoute l'image de l'article
	ajouterImage('document/logos/'+x+'.gif', null, 'surLeMur', 'body', 'article');

// On récupère les largeurs
	if (window.innerWidth == 0 || window.innerWidth == undefined)
		var lFenetre = document.documentElement.clientWidth;
	else var lFenetre = window.innerWidth;
	var lImg = largeur[x];

// On récupère les hauteurs
	if (window.innerHeight == 0 || window.innerHeight == undefined)
		var hFenetre = document.documentElement.clientHeight;
	else var hFenetre = window.innerHeight;
	var hImg = hauteur[x];
	
// On récupère l'objet image	
	var el = document.getElementById('surLeMur');

// Propriétés CSS
	el.style.position = 'absolute';

// On fixe les marges
	if (hFenetre > hImg) {
		var marge = (hFenetre-hImg)/2;
		el.style.top = marge+'px';
	}
	if (lFenetre > lImg) {
		var marge = (lFenetre-lImg)/2;
		el.style.left = marge+'px';
	}
	
	el.onclick = function() {
		
		var parent = document.getElementById('body');
		var ecranTotal = document.getElementById('ecranTotal');
		var img = document.getElementById('surLeMur');
		
		parent.removeChild(ecranTotal);
		parent.removeChild(img);
		
	}
	
	window.location = "#haut";
	
	return false;

}