// JavaScript Document

// menu
function allume(id) {
	document.getElementById(id).src = "../img/btn/"+id+"_o.jpg";
}

function eteint(id) {
	document.getElementById(id).src = "../img/btn/"+id+".jpg";
}

var btn = ['bio_o.jpg','roles_o.jpg','photos_o.jpg','presse_o.jpg','demo_o.jpg','causes_o.jpg'];
function preload() {
	while (btn != "") {
		var lebtn = btn.pop();
		new Image().src = '../img/'+lebtn;
	}
}
		
// photos de gauche
var old='phg1';
function change() {
	switch (old) {
		case 'phg1': 	div1='phg2';
						div2=old;
						old=div1;
						break;
		case 'phg2': 	div1='phg3';
						div2=old;
						old=div1;
						break;
		case 'phg3': 	div1='phg4';
						div2=old;
						old=div1;
						break;
		case 'phg4': 	div1='phg5';
						div2=old;
						old=div1;
						break;
		case 'phg5': 	div1='phg6';
						div2=old;
						old=div1;
						break;
		case 'phg6': 	div1='phg7';
						div2=old;
						old=div1;
						break;
		case 'phg7': 	div1='phg8';
						div2=old;
						old=div1;
						break;
		case 'phg8': 	div1='phg9';
						div2=old;
						old=div1;
						break;
		case 'phg9': 	div1='phg10';
						div2=old;
						old=div1;
						break;
		case 'phg10': 	div1='phg11';
						div2=old;
						old=div1;
						break;
		case 'phg11': 	div1='phg1';
						div2=old;
						old=div1;
						break;
		
	}
	document.getElementById(div1).style.display = 'block';
	document.getElementById(div2).style.display = 'none';
}

// popup dans la page
function montre(code,w,h) {
	
	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
		scrolledX = self.pageXOffset;
		scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	}

	var centerX, centerY;
	if( self.innerHeight ) {
		centerX = self.innerWidth;
		centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		centerX = document.documentElement.clientWidth;
		centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
		centerX = document.body.clientWidth;
		centerY = document.body.clientHeight;
	}
	
	document.getElementById('materiel').innerHTML = code;
	pageH = document.getElementById('page').offsetHeight;
	sh = screen.height;
	if (pageH < sh) pageH = sh+10;
	
	var leftOffset = scrolledX + (centerX - w) / 2;
	var topOffset = scrolledY + (centerY - h) / 2;
	
	
	/*var bw = document.body.clientWidth;
	var bh = document.body.clientHeight;
	//alert(bw+", "+bh);
	var nw = ( (bw/2) - (w/2) );
	var nh = ( (sh/2) - (h/2) )/1.9;
	//alert(nw+', '+nh);*/
	document.getElementById('item').style.width = w+'px';
	//alert(document.getElementById('item').style.width+', '+document.getElementById('legende').style.width);
	document.getElementById('item').style.left = leftOffset+'px';
	document.getElementById('item').style.top = topOffset+'px';
	document.getElementById('trans').style.visibility = 'visible';
	document.getElementById('trans').style.height = pageH+'px';
	document.getElementById('item').style.visibility = 'visible';
	//document.getElementById('dev').innerHTML = "w= "+w+"<br>h= "+h+"<br>sw= "+sw+"<br>sh= "+sh+"<br>bw= "+bw+"<br>bh= "+bh+"<br>nw= "+nw+"<br>nh= "+nh;
	}
			
function ferme() {
	document.getElementById('item').style.visibility = 'hidden';
	document.getElementById('trans').style.visibility = 'hidden';
	document.getElementById('materiel').innerHTML = "";
}

function showdeadcenterdiv(Xwidth,Yheight,divid) {
// First, determine how much the visitor has scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if( document.documentElement && document.documentElement.scrollTop ) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if( document.body ) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}

// Next, determine the coordinates of the center of browser's window

var centerX, centerY;
if( self.innerHeight ) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if( document.body ) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}

// Xwidth is the width of the div, Yheight is the height of the
// div passed as arguments to the function:
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
// The initial width and height of the div can be set in the
// style sheet with display:none; divid is passed as an argument to // the function
var o=document.getElementById(divid);
var r=o.style;
r.position='absolute';
r.top = topOffset + 'px';
r.left = leftOffset + 'px';
r.display = "block";
} 

// changement de photos (roles)
var src_p;var src_g;
function changePhoto(grosse,petite) {
	src_p = document.getElementById(petite).src;
	src_g = document.getElementById(grosse).src;
	document.getElementById(grosse).src = src_p;
	document.getElementById(petite).src = src_g;
}

// ADMIN

function montrePlus(code,w,h,leID,laLangue) {
	
	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
		scrolledX = self.pageXOffset;
		scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	}

	var centerX, centerY;
	if( self.innerHeight ) {
		centerX = self.innerWidth;
		centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		centerX = document.documentElement.clientWidth;
		centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
		centerX = document.body.clientWidth;
		centerY = document.body.clientHeight;
	}
	
	// modifier les valeurs
	document.getElementById('materiel').innerHTML = '<textarea name="modPLUS" id="modPLUS" style="font-size:1.3em;height:400px;width:600px;background-image:url(../img/'+laLangue+'.jpg);">'+document.getElementById(code).value+'</textarea>';
	document.getElementById('modID').value = leID;
	document.getElementById('modLANG').value = laLangue;
	
	
	pageH = document.getElementById('page').offsetHeight;
	sh = screen.height;
	if (pageH < sh) pageH = sh+10;
	
	var leftOffset = scrolledX + (centerX - w) / 2;
	var topOffset = scrolledY + (centerY - h) / 2;
	
	
	/*var bw = document.body.clientWidth;
	var bh = document.body.clientHeight;
	//alert(bw+", "+bh);
	var nw = ( (bw/2) - (w/2) );
	var nh = ( (sh/2) - (h/2) )/1.9;
	//alert(nw+', '+nh);*/
	document.getElementById('item').style.width = w+'px';
	//alert(document.getElementById('item').style.width+', '+document.getElementById('legende').style.width);
	document.getElementById('item').style.left = leftOffset+'px';
	document.getElementById('item').style.top = topOffset+'px';
	document.getElementById('trans').style.visibility = 'visible';
	document.getElementById('trans').style.height = pageH+'px';
	document.getElementById('item').style.visibility = 'visible';
	document.getElementById('modPLUS').focus();
	//document.getElementById('dev').innerHTML = "w= "+w+"<br>h= "+h+"<br>sw= "+sw+"<br>sh= "+sh+"<br>bw= "+bw+"<br>bh= "+bh+"<br>nw= "+nw+"<br>nh= "+nh;
	}