// C'est le même fichier qu'avant, qui s'appelait boite.js


// les variables à modifier selon la boite utilisée
nom_fichier_GIF_boite_popup = "fr/styles/skin_jaune/parchemin.jpg";
largeur_boite_popup = 580;
hauteur_boite_popup = 594;
nom_fichier_GIF_fermer_boite = "fr/scripts/boite/fermer.gif";




//********* pour citations ************


/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
*  Fausse PopUp (Dhtml)
*  Vous pouvez utilisé ce script sous reserve de conserver ce message
*/

/* changement de l'image :
   - changer les var. :  largeurFenetre, hauteurFenetre,
   - changer le .GIF du nom de l'image en ligne 93 et le nom du fermer.gif
	          (et le nom dans M_CMS\fonc_js\boite
	- les citations avec leur <font size...> sont en fr/scripts/
*/



var largeurFenetre = largeur_boite_popup;	// Largeur de la popup
var hauteurFenetre = hauteur_boite_popup;	// Hauteur de la popup

var topFenetre;	// Distance du haut de la fenetre
var leftFenetre;	// Distance du bord gauche de la fenetre

var marge_a_gauche = 0;

var hauteurBarretitre = 17; // Hauteur de la barre de titre

// texte du titre
var texteBarretitre = "";	// Texte qui apparait dans la barre de titre

// Texte du corps de la popup - Editable sur plusieurs lignes
var texteCorps = "";


var clic = false;





function clicDown(tab) {
	abscisse = abs-leftFenetre;
	ordonne = ord-topFenetre;
	clic=true;
}
function clicUp() {
		clic=false;
}
function fermerPopup() {
	document.getElementById("pop_up").style.visibility="hidden";
}
function get_mouse(e){
	if (document.getElementById && document.all) {
		// Internet explorer
		abs = event.x+document.body.scrollLeft;
		ord = event.y+document.body.scrollTop;
	} else if (document.getElementById) {
		// Netscape 6+
		abs = e.pageX;
		ord = e.pageY;
	} 
	if(clic && document.getElementById){
		leftFenetre = abs-abscisse;
		topFenetre = ord-ordonne;
	}
	document.getElementById("pop_up").style.left = leftFenetre;
  	document.getElementById("pop_up").style.top = topFenetre;
}
if (document.getElementById && !document.all) {
	//document.captureEvents(Event.MOUSEMOVE); obsolète, remplacé par ci-dessous
	window.addEventListener("MOUSEMOVE", get_mouse , false);
}	
document.onmousemove = get_mouse;


function popup(msg, titre){
	texteBarretitre = titre;
	texteCorps = msg;
	
	// calcul pour centrer sur la fenêtre
	// calcul pour centrer sur la fenêtre
	if(document.all) { // cas IE
	  leftFenetre = (document.body.clientWidth - largeurFenetre)/2;
	  topFenetre = (document.body.clientHeight - hauteurFenetre)/2;
	}
	else { // cas FF
	  leftFenetre = (window.innerWidth - largeurFenetre)/2;
	  topFenetre = (window.outerHeight - hauteurFenetre)/2;
	}
	
	// afficher la popup
	if (document.getElementById) {
		document.write('<DIV id=pop_up STYLE="position:absolute; top:'+topFenetre+'px; left:'+leftFenetre+'px;visibility:visible;">');

		document.write('<table background="'+nom_fichier_GIF_boite_popup+'" style="background-repeat:no-repeat; border:0;" width="'+largeurFenetre+'"  height="'+hauteurFenetre+'" cellspacing="0" cellpadding="0">');
		largeurFenetre -= hauteurBarretitre;
		hauteurFenetre -= hauteurBarretitre;
		
      // ligne barre de titre
		if(texteBarretitre == "")document.write('<tr onMouseDown="clicDown()" onMouseUp="clicUp()">');
      else document.write('<tr onMouseDown="clicDown()" onMouseUp="clicUp()" style="cursor:move;">');
      
      
	  // pas de class="...", car depuis le javascript, les CSS ne marchent pas ! ! ! => on utilise style="..."
      // barre de titre ---> texte
      if(texteBarretitre == "")document.write('<td width="'+(largeurFenetre-90)+'" style="cursor:move;">&nbsp;</td>');
      else document.write('<td style="font-size:14px; text-align:center;" width="'+(largeurFenetre-90)+'" style="cursor:move;"><p align="center"><font color="#334073">' + texteBarretitre +'</font></p></td>');
      
      // barre de titre ---> fermeture ("fermer" + image)
      // pour ne pas avoir de fade en fermant : remplacer fadeOutMyPopup() par fermerPopup()
      if(texteBarretitre == "")document.write('<td width="90" valign="top" style="font-size:14px; cursor:pointer;" onClick="fadeOutMyPopup()">Fermer &nbsp;<img src="'+nom_fichier_GIF_fermer_boite+'"  border="0"></td>');
      else document.write('<td width="90" valign="top" font-size:14px; " onClick="fadeOutMyPopup()" style="cursor:pointer;">Fermer <img src="'+nom_fichier_GIF_fermer_boite+'" border="0"></td>');

            
      document.write('</tr>');
		// ligne = le corps 
		document.write('<tr valign="top">');
		document.write('<td width="'+largeurFenetre+'" height="'+hauteurFenetre+'" colspan="2" style="text-align:center;"><font color="#FFFFFF"><strong>'+texteCorps+'</strong></font></td>');
		document.write('</tr>');
		document.write('</table>');

		document.write('</div>');
	}
	// pour ne pas avoir de fade à l'ouverture de la popup, supprimer la ligne ci-dessous
	fireMyPopup();
}


// ---------- Browser safe opacity handling function -----------
function setOpacity( value ) {
	document.getElementById("pop_up").style.opacity = value / 10;
	document.getElementById("pop_up").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
	for( var i = 0 ; i <= 100 ; i+=5 ) // i++ est trop long. i=i+5 est mieux.
		setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
}

function fadeOutMyPopup() {
	for( var i = 0 ; i <= 100 ; i+=5 ) { // i++ est trop long. i=i+5 est mieux.
		setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
	}

	setTimeout('fermerPopup()', 400 );
}

function fireMyPopup() {
	setOpacity( 0 );
	document.getElementById("pop_up").style.display = "block";
	fadeInMyPopup();
}
// ----------------- fin pour opacity --------------