/* Script réalisé par Nikoms - http://www.puissance-gamers.com
* Je me suis basé sur l'exemple de Daniel Fabien [webmaster@script-masters.com] 
* pour son idée de base et sa fause popup DHTML
* Ce script a donc été optimisé pour les besoins du site :
* - Bouger la fenetre
* - Sauvegarde de la derniere position de l'image
* - Optimiser pour IE et FireFox
*
* Bref, si vous utilisez ce script, merci de laisser au moins ce message!
* L'optimisation m'a mis beaucoup de temps, car le script de base était très simpliste...
*
* Nikoms
* <!-- Minus AutoDato -->
*/

var hauteurFenetre = 200;	// Hauteur de la popup
var largeurFenetre = 400;	// Largeur de la popup
var topFenetre = 50			// Distance du haut de la fenetre
var leftFenetre= 50		// Distance du bord gauche de la fenetre

var hauteurBarretitre = 13; // Hauteur de la barre de titre
var couleurHaut = "#7392C6"	// Couleur de la barre de titre	
var couleurBas = "#FFFFFF"	// Couleur du corps de la fenetre

var texteBarretitre = "<B>Zoom</B>"	// Texte qui apparait dans la barre de titre
var policeBarretitre = "Arial"					// Police dans la barre de titre
var taillePoliceBarretitre = "12"				// taille de la police dans la barre de titre
var couleurPoliceBarretitre = "#FFFFFF"			// Couleur du texte de la barre de titre

var policeCorps = "Arial"								// Police du corps de la popup
var taillePoliceCorps = "12"							// Taille du texte
var couleurPoliceCorps = "#000000"

var ScrollX = 0;
var ScrollY = 0;

var popOpen = false;


// ------------------------NE PAS EDITER SOUS CETTE LIGNE----------------------//
var clic = false;
function clicDown(tab) {
	abscisse = abs-leftFenetre;
	ordonne = ord-topFenetre;
	clic=true;
}
function clicUp() {
		clic=false;
}
function fermerPopup() {
	clic=false;
	popOpen = false;
	document.getElementById("pop_up").style.visibility="hidden";
	document.getElementById("bigImageGallerie").style.display = 'none';
	document.getElementById("bigImageGallerie").src="img/pleaseWait.jpg";
}

function ouvrirPopup(newImg){
	
	if (document.getElementById && document.all) {
		// Internet explorer
		ScrollX = document.body.scrollLeft;
		ScrollY = document.body.scrollTop;
	} else if (document.getElementById) {
		// Netscape 6+
		ScrollX = window.pageXOffset;
		ScrollY = window.pageYOffset;
	} 


	document.getElementById("bigImageGallerie").src=newImg;

	tmpX = ScrollX + leftFenetre;
	tmpY = ScrollY + topFenetre;

	document.getElementById("pop_up").style.left = tmpX;
  document.getElementById("pop_up").style.top = tmpY;

	document.getElementById("bigImageGallerie").style.display = 'inline';
	document.getElementById("pop_up").style.visibility="visible";

	popOpen = true;
	document.getElementById("bigImageGallerie").src=newImg;
	
}

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+window.pageXOffset;
		ord = e.pageY+window.pageYOffset;
	} 
	if(clic && document.getElementById){
		leftFenetre = abs-abscisse;
		topFenetre = ord-ordonne;
		document.getElementById("pop_up").style.left = ScrollX + leftFenetre;
  	document.getElementById("pop_up").style.top = ScrollY + topFenetre;
	}



}
if (document.getElementById && !document.all) {
	document.captureEvents(Event.MOUSEMOVE);
}	
document.onmousemove = get_mouse;
function popup(){
	if (document.getElementById) {
		document.write('<style type="text/css">')
		document.write('table.popup {')
		document.write('	border: 1px solid #000000;}')
		document.write('td.titre {')
		document.write('	font-family: '+policeBarretitre+';')
		document.write('	font-size: '+taillePoliceBarretitre+'px;')
		document.write('	color: '+couleurPoliceBarretitre+';}')
		document.write('td.corps {')
		document.write('	font-family: '+policeCorps+';')
		document.write('	font-size: '+taillePoliceCorps+'px;')
		document.write('	color: '+couleurPoliceCorps+';}')
		document.write('</style>')
		document.write('<DIV id=pop_up STYLE="z-index:2; position:absolute; top:'+topFenetre+'px; left:'+leftFenetre+'px;visibility:hidden;">')
	
       
		document.write('<a name="popupImage"><table border="0" cellspacing="0" cellpadding="0" class="popup">')
		document.write('<tr onMouseDown="clicDown()" onMouseUp="clicUp()">')
		document.write('<td bgcolor="'+couleurHaut+'" class="titre" height="'+hauteurBarretitre+'" style="cursor: move">Cliquez sur l\'image pour fermer cette fenêtre</td>')
		document.write('</tr>')
		document.write('<tr valign="top">') 
		document.write('<td bgcolor="'+couleurBas+'" class="corps" ALIGN="center"><IMG SRC="img/pleaseWait.jpg" BORDER="0" ALIGN="bottom" ALT="Cliquez ici pour fermer la fenêtre" TITLE="Cliquez ici pour fermer la fenêtre" id="bigImageGallerie" onClick="fermerPopup()" style="cursor:pointer; cursor:hand"></td>')
		document.write('</tr>')
		document.write('</table></a>')
	
		document.write('</div>')
	}
}
popup();

