// fonction de chargement du fichier xml au sein d'une variable
function loadXML(){	
	// Routine de vérification si le navigateur gêre la méthode utilisée
	if (document.implementation && document.implementation.createDocument) {
		// déclaration pour Mozilla et FF
		docXml = document.implementation.createDocument('', '', null);		
	}
	else if (window.ActiveXObject){
		// déclaration pour IE
		docXml = new ActiveXObject("Microsoft.XMLDOM");		
	}
	else {	
		alert('Votre navigateur ne saurait pas exécuter ce script.');
		}	
	docXml.load("dossierPeinture/peinture.xml");
	
}
// fonction de traitement des données chargées
function biblio() {
var essai = docXml.firstChild.childNodes[0].childNodes[1].attributes.com;
alert(essai);
}

// ***********************************************************************
// AFFICHAGE D'UNE IMAGE EN SURIMPRESSION SUR LA PAGE 
// ***********************************************************************

// PARAMETRES
var _dir_images = ""; // répertoire de l'image à afficher
var _xlayer = 0; // position du bord gauche du layer relativement à la page
var _ylayer = 0; // position du bord haut du layer relativement à la page
var _couleur_fond_td = "#d7c8cf";
var _couleur_fond = "#846c74"; // couleur du fond
var _couleur_titre = "#d7c8cf"; // couleur du titre
var _couleur_sstitre = "#F7F0E6"; // couleur du titre
var _bordure_titre = "#846c74;"; // couleur de la bordure autour du titre (pas de bordure indiquer : "")
var _police = "Trebuchet MS, Arial, Helvetica, sans-serif;"; // police du texte
var _id_layer = "popup";
var _haut_titre = 15; // hauteur du titre en pixels (pour déterminer la hauteur de la zone permettant le déplacement) 

// VARIABLES GLOBALES
var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer = null;
var larg_image = 0; // largeur de l'image
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;
var b_traine = false; // vrai, lorsqu'on est en train de déplacer le layer

// création de l'objet obj_layer en fonction du navigateur :
// affecte le layer et lui donne son emplacement vertical
function init_layer() {
  if (dom && (document.getElementById(_id_layer))) {
    obj_layer = document.getElementById(_id_layer).style;
    X = iex ?  "event.clientX": "e.clientX";
    Y = iex ?  "event.clientY" : "e.clientY";
    offsetX = (iex) ? "document.body.scrollLeft" : "pageXOffset";
    offsetY = (iex) ? "document.body.scrollTop" : "pageYOffset";
  }
  else if (iex && (_id_layer)) {
    obj_layer = _id_layer.style;
    X="event.clientX";
    Y="event.clientY";
    offsetX="document.body.scrollLeft";
    offsetY="document.body.scrollTop";
  }
  else if (nn4 && (document.layers[_id_layer])) {
    obj_layer = document.layers[_id_layer];
    X="e.pageX";
    Y="e.pageY";
    offsetX="pageXOffset";
    offsetY="pageYOffset";
    document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP);
  }
  if (obj_layer) {
    obj_layer.left = _xlayer;
    obj_layer.top = _ylayer;
  }
}


// écrit le contenu dans le layer et le rend visible
function contenu_layer(contenu) {
  if (nn4) {
    obj_layer.document.write(contenu);
    obj_layer.document.close();
    obj_layer.visibility = "visible";
  }
  else if (dom) {
    document.getElementById(_id_layer).innerHTML = contenu;
    obj_layer.visibility = "visible";
  }
  else if (iex) {
    document.all[_id_layer].innerHTML = contenu;
    obj_layer.visibility = "visible";
  }
}

// cache le layer (seulement s'il est visible)
function fermer() {
  if (!cache) {
    obj_layer.visibility = "hidden";
    cache = true;
  }
}

// positionne correctement le layer si on a fait défilé la page
function scroll_layer() {
    if (document.all) {
        obj_layer.left = parseInt(document.body.scrollLeft + _xlayer);
        obj_layer.top = parseInt(document.body.scrollTop + _ylayer);
    }
    else {
        obj_layer.left = parseInt(window.pageXOffset + _xlayer);
        obj_layer.top = parseInt(window.pageYOffset + _ylayer);
    }
}

  
// affiche une image en surimpression
// avec un texte au-dessus et éventuellement un sous-titre en bas
// 4 arguments : le fichier image, sa largeur en pixels, le titre (en haut) et le sous-titre (en bas)
function agrandir_image(_dir_images, numero,largeur_image, titre) {

  // reinitialise le layer
  init_layer();
  // si le layer existe, on affiche titre et image dans un tableau de fond _couleur_fond (défini dans les paramètres)
  if (obj_layer) {
    largeur_ecran=screen.width;
	hauteur_ecran=screen.height;
	larg_affiche=largeur_ecran-18;
	larg_image=largeur_image*1.5;
	marge_gauche=(largeur_ecran-larg_image)/2;
    cache = false;
    var ch_texte = "<div style='text-align: center; width:"+larg_affiche+"px; height:"+hauteur_ecran+"px; background-image: url(images/fond-noir.jpg);color:#bc0745; font-family: verdana; '>";
    // affiche le titre en haut
    var texte="<div style='width:"+larg_image+"px; margin-left:"+marge_gauche+"px; margin-top:3px; '><div style='float:left;font-size:11px; letter-spacing: 1px;'>"+titre+"</div>";
    // Aaffiche l'image
    ch_texte += "<div><div style='padding-top: 10px;'><img src='"+ _dir_images + numero + "_grande.jpg' border='0'></div>"+texte;
    // affiche en bas le sous-titre s'il existe
   // if (soustitre) ch_texte += affiche_soustitre(soustitre);
    ch_texte += "<div style='font-size:10px; font-style: italic; float:right;'> [cliquez pour fermer]</div></div></div>";
    // replace le layer, si on a fait défilé la fenêtre
    scroll_layer();
    // affecte ch_texte au contenu du layer
    contenu_layer(ch_texte);
  }
}