/*
 * POPUP MESSAGE CENTRER v1.0
 * ----------------------------
 * © mediaffiliation.com
 */

// Affiche le message dans la fenêtre
function msgbox(titre, contenu) {

	// Récupère le message dans le div contenu
	document.getElementById('msg_titre').innerHTML = titre;	
	document.getElementById('msg_contenu').innerHTML = contenu;

	// Affiche les div dans la fenêtre
	document.getElementById('msgbox_fond').style.display = 'block';
	document.getElementById('msgbox').style.display = 'block';	

	// Centre l'objet dans la fenêtre 
	position('msgbox');
	
}


// Positionne l'objet dans la fenêtre
function position(objet) {
	
	// On récupère la hauteur du navigateur et de la barre verticale
	var nav_height = document.documentElement.clientHeight;
	var scroll_height = document.documentElement.scrollHeight;
		
	// On récupère les dimensions du bloc
	var bloc_width = div_dimension(objet, 'width');
	var bloc_height = div_dimension(objet, 'height');
		
	// On détermine les dimensions de l'objet
	document.getElementById(objet).style.width = bloc_width + 'px';
	document.getElementById(objet).style.height = bloc_height + 'px';

	// On centre l'objet dans le navigateur
	document.getElementById(objet).style.marginLeft = -(bloc_width / 2) + 'px';
	document.getElementById(objet).style.marginTop = -(bloc_height / 2) + 'px';

	// On actualise l'arrière plan
	document.getElementById(objet+'_fond').style.height =  scroll_height + 'px';
	
}


// Récupère les dimensions d'un div 
function div_dimension(objet, option) {
		
	var valeur;
	var obj = document.getElementById(objet);

	switch (option) {
		
		case 'width':
			if (obj.offsetWidth) {
				valeur = obj.offsetWidth;
				
			}else if (obj.style.pixelWidth) {
				valeur = obj.style.pixelWidth;
				
			}		
		break;

		case 'height':
			if (obj.offsetHeight) {
				valeur = obj.offsetHeight;
				
			}else if (obj.style.pixelHeight) {
				valeur = obj.style.pixelHeight;
				
			}		
		break;
		
	}

	return valeur;
	
}


// Masque le message dans la fenêtre
function msgbox_close() {	
	
	document.getElementById('msgbox_fond').style.display = 'none';
	document.getElementById('msgbox').style.display = 'none';	

	document.getElementById('msgbox').style.width = null;
	document.getElementById('msgbox').style.height = null;

	document.getElementById('msgbox').style.marginLeft = null;
	document.getElementById('msgbox').style.marginTop = null;
	
}


// Redimenssione l'arrière plan
function msgbox_resize() {

	// Récupère la hauteur de la barre verticale
	var scroll_height = document.documentElement.scrollHeight;

	// Actualise l'arrière plan
	document.getElementById('msgbox_fond').style.height = scroll_height + 'px';
	
}


// ECRITURE DU CSS DANS LA PAGE //
document.write('<style type="text/css">');

	// Arrière plan en opacité réduite (inactif sous IE6)
	document.write('#msgbox_fond {');
	document.write('	position: absolute;');			
	document.write('	top: 0;');
	document.write('	left: 0;');
	document.write('	width: 100%;');
	document.write('	height: 100%;');
	document.write('	background: url(../images/alpha.png) repeat 0 0;');
	document.write('	_background: none;');
	document.write('	display: none;');	
	document.write('	z-index: 100;');		
	document.write('}');

	// Mise en page du container principal
	document.write('#msgbox {');
	document.write('	position: fixed;');
	document.write('	_position: absolute;');	
	document.write('	left: 50%;');
	document.write('	top: 50%;');	
	document.write('	background-color: #FFFFFF;');	
	document.write('	border: 1px solid #434040;');
	document.write('	display: none;');
	document.write('	z-index: 101;');
	document.write('}');
	
	// Mise en page du titre du message
	document.write('#msgbox #msg_titre {');
	document.write('	font: 12px Verdana;');
	document.write('	font-weight: bold;');			
	document.write('	line-height: 24px;');	
	document.write('	text-indent: 6px;');	
	document.write('	border-bottom: 1px solid #434040;');	
	document.write('	background-color: #686767;');
	document.write('	color: #FFF;');	
	document.write('}');

	// Classe pour le contenu de l'objet 
	document.write('#msgbox #msg_contenu {');
	document.write('	text-align: center;');
	document.write('	padding: 6px;');			
	document.write('}');			

	// Classe pour le paragraphe dans la balise 
	document.write('#msgbox #msg_contenu p {');
	document.write('	font: 12px Verdana;');
	document.write('	text-align: left;');
	document.write('	margin: 0;');	
	document.write('	padding: 0;');	
	document.write('}');			

	// Classe pour le bouton
	document.write('#msgbox #msg_bouton {');
	document.write('	bottom: 0;');		
	document.write('	text-align: center;');
	document.write('	padding-bottom: 6px;');
	document.write('}');
	
	// Mise en page du bouton	
	document.write('#msgbox #msg_bouton button {');
	document.write('	font: 11px Verdana;');
	document.write('	font-weight: bold;');		
	document.write('	border: 1px solid #434040;');						
	document.write('	background-color: #686767;');
	document.write('	color: #FFF;');		
	document.write('	padding: 2px;');		
	document.write('	cursor: pointer;');			
	document.write('}');

document.write('</style>');


// ECRITURE DU MESSAGE BOX	 //
document.write('<div id="msgbox_fond"></div>');	
document.write('<div id="msgbox">');
document.write('	<div id="msg_titre"></div>');
document.write('	<div id="msg_contenu"></div>');
document.write('	<div id="msg_bouton"><button onclick="msgbox_close()">Fermer</button></div>');
document.write('</div>');


// Actualise l'arrière plan
window.onresize = msgbox_resize;