// ____________________________________________________________________________________________________

var prefixe='' ; // à redéfinir pour les voyages non situés dans le répertoire racine : Maroc 83, Égypte 84 etc
var MSIE=navigator.userAgent.indexOf("MSIE");
var NETS=navigator.userAgent.indexOf("Netscape");
var OPER=navigator.userAgent.indexOf("Opera");

var ch_picasa = new Array() ;


/* voir le site : www.javascriptkit.com*/
function winopen(hauteur,largeur,fichier){
var targeturl=fichier ;
nouvellefenetre=window.open("","","height="+hauteur+",width="+largeur+",resizeable=0") ;
nouvellefenetre.location=targeturl ;
}


function
charger_t(annee, voyage, taille) {
  parent.menu.location.replace(annee+'_ssmenu.html') ; 
  parent.sous_menu.location.replace('ssmenu_universel.html') ; 
//  parent.parent.titre.location.replace(voyage) ;
  parent.parent.titre.remplacer_titre(voyage, taille) ;
} ;

function
charger(annee, voyage) {
  charger_t(annee, voyage, 0) ;
} ;


// Apparaît pour passer de l'Egypte à Noël, par exempel
function
charger_princ(annee, voyage) {
  parent.menu.location.replace(parent.temoin.url_principale + '/' + annee+'_ssmenu.html') ; 
  parent.sous_menu.location.replace(parent.temoin.url_principale + '/' + 'ssmenu_universel.html') ; 
  parent.parent.titre.nouveau_titre(parent.temoin.url_principale + '/titre_jeunesse.html', voyage, 0) ;
} ;

function
masquer_barre(objet) {
// Code pour Internet Explorer
if((MSIE>-1) || (OPER>-1)) {
  objet.document.body.style.overflow='hidden';
} else  {
// Code pour Netscape (ne fonctionne pas...)
  objet.scrollbars.visibility = false;
}
} ;



// Division euclidienne de i par n (y a-t-il plus orthodoxe ?)
function eucl(i, n) {
  return ((i-i%n)/n) ;
}

var guill = "’" ;
try {
  if (document.inputEncoding != 'UTF-8') {
//    guill = UTF8.encode(guill) ;
   guill="!" ; // (guillemet utf-8)
  }
}
catch (err) {
// normalement, cas de IE
  if (document.charset != 'utf-8')  {
//    guill = UTF8.encode(guill) ;    
   guill="!" ; // en attendant
  }
}

function remplacer_guillemets(titre) {

  tmp = '' ;
// Attention : la variable de boucle de cette fonction ne doit pas
// être i car la fonction est appelée à l'intérieur d'une boucle en i !
// (Javascript ce n'est pas du C++...)
  for (ll=0 ; ll<titre.length ; ll++) {
   if (titre.charAt(ll) == '\'') 
//     tmp = tmp + "&#39;" ; // -> ne fonctionne pas !
//       tmp = tmp + "&rsquo;" ;    //-> pb avec activer_onglet, le code html apparaît en dur !
       tmp = tmp + guill ;   
//     tmp = tmp + "_" ;
    else
      tmp = tmp + titre.charAt(ll) ;
  } 
  return (tmp) ;
}

// Fonction renvoyant le chemin de l'imagette correspondant à une image donnée
function localiser_vignette(chemin) {
  return chemin.replace(/images\//g,"cartes/imagettes/") ;
}

// Idem  pour les panoramiques : les images panoramiques sont placées dans un sous-répertoire spécifique mais
// pas leurs imagettes
function localiser_vignette_panoramique(chemin) {
  chemin = chemin.replace(/images\//g,"cartes/imagettes/") ;
  return chemin.replace(/panorama\//g,"") ;
}

// Classe Personne utilisée pour  positionner une personne sur une Photo picasa (classe correspondante définie infra)
function Personne(nom, xmin, ymin, xmax, ymax) {
  this.nom = nom ;
  this.xmin = xmin ;
  this.ymin = ymin ;
  this.xmax = xmax ;
  this.ymax = ymax ;
}

// Classe Photo utilisée pour aller chercher les images originalles sur Picasa 
function Photo(clef, chemin, largeur, hauteur, titre) {
  this.clef = clef ;
  this.chemin = chemin ;
  this.largeur = largeur ;
  this.hauteur=hauteur ;
  
  this.titre = titre ;
  this.personnes = new Array() ;

  this.ajouterPersonne = function(nom, xmin, ymin, xmax, ymax) {
     this.personnes[this.personnes.length] = new Personne(nom, xmin, ymin, xmax, ymax) ;
  }

  this.afficher0 = function() {
    fenetre = window.open('img_google.html?src='+chemin+'&amp;title='+titre, clef, 'width='+(largeur+4)+', height='+(hauteur+20)+', resizeable=no') ;
  }
// Cette méthode pose moins de problème avec IE // -> http://www.javascripter.net/faq/writingt.htm
  this.afficher = function() {

// Limitation de la taille de l'image à celle de l'écran
  if (MSIE>-1) {
    deltax = 50 ;
    deltay = 250 ;
  } else {
    deltax = 40 ;
    deltay = 200 ;
  }
  rhox = parseFloat(screen.availWidth-deltax)/parseFloat(largeur) ; // marges prises arbitrairement pour tenir compte des bornes des fenêtres
  rhoy = parseFloat(screen.availHeight-deltay)/parseFloat(hauteur) ;
  rho =  (rhox<rhoy ? rhox : rhoy) ;

  if (rho < 0.95) {
    largeur_ = parseInt(rho * parseFloat(largeur)) ;
    hauteur_ = parseInt(rho * parseFloat(hauteur)) ;
  } else {
    largeur_ = largeur ;
    hauteur_ = hauteur ;
  }


   
    javascript='' ;
    rectanglepersonne='' ;
    carte='' ;
    usemap='' ;
// Ajout des commandes JavaScript nécessaires à l'affichage des personnes, s'il y a lieu
    if (this.personnes.length>0) {
       javascript = '<script language="JavaScript" src="http://www.olivier-morice.fr/personne.js" type="text/javascript">'+"\n"
        + '</script>'+"\n" ;
       rectanglepersonne = '<div id="rectpersonne" class="clpersonne" onMouseOver="" onMouseOut="if (MSIE<0)cachePersonne() ;">'+"\n"
       + '<span>nom</span>'+"\n"
       + '</div>'+"\n" ;
       usemap=' usemap="#la_carte"' ;
       carte='<map id="la_carte" name="la_carte">'+"\n" ;
       for (i=0 ; i<this.personnes.length ; i++) {
          carte = carte + '<area shape="rect" alt="' + this.personnes[i].nom  
            + '" coords="' ;
           carte = carte + parseInt(this.personnes[i].xmin * parseFloat(largeur_)) + ',' ;
           carte = carte + parseInt(this.personnes[i].ymin * parseFloat(hauteur_)) + ',' ;
           carte = carte + parseInt(this.personnes[i].xmax * parseFloat(largeur_)) + ',' ;
           carte = carte + parseInt(this.personnes[i].ymax * parseFloat(hauteur_)) ;
           carte = carte + '" onMouseOver="affichePersonne(\'limage\', this) ;" onMouseOut="if (MSIE>-1) cachePersonne() ;"/>' +"\n" ;
       }
       carte = carte + '</map>' ;
    }

    content = '<center><img id="limage" src="'+chemin+'" title="'+titre+'" alt="'+titre+'" style="width: '+largeur_+'px; height: '+hauteur_+'px;" onclick="self.close() ;"'+usemap+'/>\
	<br/><br/><a href="#" onclick="self.close();" class="bouton">QUITTER</a>\
	</center>' ;

 top.consoleRef=window.open('','myconsole',
  'width='+(largeur_+deltax)+',height='+(hauteur_+deltay)
   +',menubar=0'
   +',toolbar=1'
   +',status=0'
   +',scrollbars=1'
   +',resizable=0') ;
top.consoleRef.document.writeln(
  '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'+"\n"
  + '<html dir="ltr" lang="fr-fr"><head>' + "\n"
  + '<meta http-equiv="content-type" content="text/html; charset=UTF-8">'+"\n"
  + '<meta http-equiv="Content-Language" content="fr">' + "\n"
  + '<meta name="author" content="MORICE Olivier">' + "\n"
  + '<title>Image en haute r&eacute;solution' + (titre=='' ? '' : ' ('+titre+')') +'</title>' + "\n"
  + '<link rel="stylesheet" href="http://www.olivier-morice.fr/couleurs.css" type="text/css">' + "\n"
  + '<!--[if lt IE 7]>' + "\n"
  + '<link rel="stylesheet" href="http://www.olivier-morice.fr/couleurs_ie6.css" type="text/css">' + "\n"
  + '<![endif]-->' + "\n"
  + '<!--[if IE]>' + "\n"
  + '<link rel="stylesheet" href="http://www.olivier-morice.fr/couleurs_ie.css" type="text/css">' + "\n"
  + '<![endif]-->' + "\n"
  + javascript
  + '</head>' + "\n"
  + '<body bgcolor=white onLoad="self.focus()">' + "\n"
  + rectanglepersonne
  + content + carte
  +'</body></html>'
 ) ;
 top.consoleRef.document.close() ;
   } // fin de this.afficher = function() ;
}

// Fonction rechercheant si une image (déterminée par sa clef, i.e. sans extension ni chemin) se trouve stockée sous forme haute résolution dans Picasa
function trouve_clef_picasa(clef) {
  haut_debit = determiner_debit() ;
  if (!haut_debit) 
    throw(null) ;
  if (ch_picasa == undefined)
	throw (null) ;
  if (ch_picasa[clef] != undefined) {
    return clef ;
  } else
	throw (null) ;
}

// Idem mais en testant l'image avec son chemin et son extension 
function trouve_photo_picasa(image) {
  if (ch_picasa == undefined)
	throw (null) ;
  clef = image.replace(/.*\/([^\/\.]*)\.[Jj][Pp][Gg]/, "$1") ;
  return trouve_clef_picasa(clef) ;
}

// Affichage de l'image en haute résolution si celle-ci existe (fonction donnée en méthode onclick)
function afficher_picasa(image) {
  try {
    clef = trouve_photo_picasa(image) ;
    ch_picasa[clef].afficher() ;
  }
  catch (err) {}
}

// Fonction déterminant la forme du curseur (flèche ou main) en fonction de l'existence d'une photo picassa
function curseur_picasa(image) {
  try {
    clef = trouve_photo_picasa(image) ;
    return 'pointer' ;
  }
  catch (err) {}
  return 'auto' ;
}

// Idem en envoyant la clef (ni chemin ni extension)
function curseur_picasa_clef(clef) {
  try {
    clef = trouve_clef_picasa(clef) ;
    return 'pointer' ;
  }
  catch (err) {}
  return 'auto' ;
}


// Animation d'une image (remplacement par d'autres)
function
animage(nom_image, image, titre, nb, titres, images, vertical) {
xmax = 500 ;
ymax = 338 ;
if (vertical) {
  xmax = 338 ;
  ymax = 500 ;
}

// Ancienne version : remplacement de l'image quand on survole à la souris
// (on chargeait toutes les images en mémoire au chargement de la page, ce qui était long ;
// en outre l'utilsateur ne pouvait pas deviner qu'il y avait d'autres images derrière !)
delta = 20 ;
document.writeln('<div align="center"><img name="img_'+nom_image+'" src="'+image+'" alt="'+titre+'" title="'+titre+'" style="border: 5px solid rgb(102, 51, 0); height: '+ymax+'px; width: '+xmax+'px;" usemap="#a_'+nom_image+'">') ;
document.writeln('<map id="a_'+nom_image+'" name="a_'+nom_image+'" title="'+titre+'">') ;
images_ = new Array(nb) ;
nbs2 = nb/2 ;
for (i=0 ; i<nb ; i++) {
  xmin_ = (nb<=3?xmax*i/nb+delta : xmax * (i%nbs2)/nbs2+delta) ;
  xmax_ = (nb<=3?xmax*(i+1)/nb-delta : xmax * ((i%nbs2)+1)/nbs2-delta ) ;
  ymin_= (nb<=3?delta : ymax*eucl(i,nbs2)/2+delta) ;
  ymax_= (nb<=3?ymax-delta : ymax*(eucl(i,nbs2)+1)/2-delta) ;
  images_[i] = new Image() ;
  images_[i].src = images[i] ;
document.writeln('<area shape="rect" alt="'+titres[i]+'" coords="'+xmin_+', '+ymax_+', '+xmax_+', '+ymin_+'" nohref title="'+titres[i]
  +'" onmouseover="document.img_'+nom_image+'.src=\''+images[i]+'\' ;" onmouseout="document.img_'+nom_image+'.src=\''+image+'\' ;">') ;
}
document.writeln('<area shape="default" nohref alt></map></div>') ;

}

// Détermination si l'on est en haut début
function determiner_debit() {
  if (document.URL.indexOf("vacances") >=0) {
// Sur l'URL des voyages de jeunesse le contenu de parent.temoin n'est pas accéssible
    try {
      haut_debit = parent.rapidite != "lente" ;
    }
	catch (err) {
      haut_debit = true ;
    }
  } else {
// Sur l'URL des voyages récents, et si l'on affiche le fichier depuis les voyages de jeunesse,
// le contenu de parent n'est pas accessible 
    try {
      if (parent.temoin == undefined) {
        haut_debit = true ;
      } else {
        haut_debit =  (parent.temoin.rapidite != "lente") ;
      }	
	}
	catch (err) {
	  haut_debit = true ;
	}
  }
  return haut_debit ;
}
 

function
presimage(nom_image, image, titre, nb, titres, images, vertical) {
  xmax = 500 ;
  ymax = 338 ;
  if (vertical) {
    xmax = 338 ;
    ymax = 500 ;
  }

// Cas du haut débit : affichage automatique de l'image :
  haut_debit = determiner_debit() ;
  titre_ = remplacer_guillemets(titre) ;

  document.writeln('<div class="image'+(haut_debit?'':'le')+'-multiple' + (vertical?'-v':'') + '">') ;
  document.writeln('<div id="id_'+nom_image+'" class="principale">') ;
  document.writeln('<div class="entete-image' + (vertical?'-v':'') +'">') ;
  document.writeln('<ul>') ;
  document.writeln('  <li class="nav-principale"><a style="cursor: pointer;" onclick="document.getElementById(\'id_'+nom_image+'\').className=\'principale\'; document.img_'+nom_image+'.src=\''+image+'\'; document.img_'+nom_image+'.title=\''+titre_+'\' ; document.img_'+nom_image+'.style.cursor = \''+curseur_picasa(image)+'\' ;">\
<img name="imgtte_'+nom_image+'0"  alt="Voir..." title="'+titre_+'" src="'+localiser_vignette(image)+'"></a> \
  </li>') ;
  
  for (i=0 ; i<nb ; i++) {
    j = i+1 ;
    tmp_i = remplacer_guillemets(titres[i]) ;
	if (i<3 && (nb-i)%4==0 ) {
// Passage à la ligne, de manière à ce que la dernière ligne soit pleine
	document.write('</ul></div><div class="entete-image' + (vertical?'-v':'') +'"><ul>') ;
    }
    document.write('  <li class="nav-n'+j+'">') ;
	document.writeln('<a style="cursor: pointer;" onclick="document.getElementById(\'id_'+nom_image+'\').className=\'n'+j+'\' ; document.img_'+nom_image+'.src=\''+images[i]+'\'; document.img_'+nom_image+'.title=\''+tmp_i+'\' ; document.img_'+nom_image+'.style.cursor = \''+curseur_picasa(images[i])+'\' ;">\
        <img name="imgtte_'+nom_image+j+'" alt="Voir..." title="'+tmp_i+'" '
// En haut débit toutes les imagettes s'affichent d'emblée, en bas débit elles s'affichent au survol de la souris
        +(haut_debit ? 'src="' : 'onmouseover="src=\'')
        +localiser_vignette(images[i])
        +(haut_debit ? '"' : '\';"') 
        + '></a></li>') ;
  }
  document.writeln('</ul>') ;
  document.writeln('</div>') ;
  document.writeln('</div>') ;
  document.writeln('<img name="img_'+nom_image+'" style="width: '+xmax+'px; height: '+ymax+'px; cursor: '+ curseur_picasa(image) +' ;" alt="'+titre_+'" title="'+titre_
    + (haut_debit ? '" src="'+image +'" onclick="afficher_picasa(this.src) ;': '') +  '"><br>') ;
  document.writeln('</div>') ;

} ;

compte_images=0 ;
function presimage0(image, titre, largeur, hauteur) {
  haut_debit = determiner_debit() ;
  if (haut_debit) { 
    document.write('<p style="text-align: center;"><img src="'+image+'", style="width: '+largeur+'px; height: '+hauteur+'px;') ;
    document.write(' cursor: ' + curseur_picasa(image) + ' ;" onclick="afficher_picasa(this.src) ;"') ;
    document.writeln(' alt="'+titre+'" title="'+titre+'"></p>') ;
  } else {
// Rajouter à terme un test sur les dimensions (verticale ou horizontale)
    image_verticale = ((hauteur>largeur) ? true : false) ;
    presimage("photo_"+compte_images, image, titre, 0, null, null, image_verticale) ;
    compte_images++ ;
  }
}

function pres_panorama(image, titre, largeur, hauteur) { // pixels vaut 800 normalement
  pixels=800 ; // Nombre de pixels pris par le cadre d'étirement
  facteur = (MSIE>-1 ? 1.295 : 1.32) ; // (facteur intervenant pour l'étirement vertical de la bôte)
  haut_debit = determiner_debit() ;
  if (haut_debit) { 
    document.write('<div class="panorama"><img style="width: '+largeur+'px; height: '+hauteur+'px;') ;
    document.write(' cursor: ' + curseur_picasa(image) + ' ;" onclick="afficher_picasa(this.src) ;"') ;
    document.writeln(' alt="'+titre+'" title="'+titre+'" src="'+image+'"></div>') ;
  } else {
  nom_image = "photo_"+compte_images ;
  titre_ = remplacer_guillemets(titre) ;
  document.writeln('<div class="imagele-multiple" style="overflow: auto; width: '+pixels+'px; height:'+hauteur*facteur+'px; margin-left: -400px ;">') ;
  document.writeln('<div id="id_'+nom_image+'" class="principale">') ;
  document.writeln('<div class="entete-image">') ;
  document.writeln('<ul>') ;
  document.writeln('  <li class="nav-principale"><a style="cursor: pointer;" onclick="document.getElementById(\'id_'+nom_image+'\').className=\'principale\'; document.img_'+nom_image+'.src=\''+image+'\'; document.img_'+nom_image+'.title=\''+titre_+'\' ;">\
<img style="width:'+largeur/6+'px;" name="imgtte_'+nom_image+'"  alt="Voir..." title="'+titre_+'" src="'+localiser_vignette_panoramique(image)+'"></a> \
  </li>') ;
  document.writeln('</div>') ;
  document.writeln('</div>') ;
  document.writeln('<img name="img_'+nom_image+'" style="width: '+largeur+'px; height: '+hauteur+'px;" alt="'+titre_+'" title="'+titre_+'">') ;
  document.writeln('</div>') ;

  }
  compte_images++ ;
}

// Image multiple avec en plus une autre image à côté (pas de booléen vertical, la série d'images doit toujours être horizontale)
function presimage_laterale(nom_image, image, titre, nb, titres, images, annee_lat, image_lat, legende_lat)  {
  document.write('<div class="double-imm">') ;
  presimage(nom_image, image, titre, nb, titres, images, false) ;
  document.write('<img class="deuxieme"') ;
  document.write(' style="cursor: ' + curseur_picasa_clef(image_lat) + ' ;" onclick="afficher_picasa(this.src) ;"') ;
  document.write(' alt="'+legende_lat+'" title="'+legende_lat+'" src="'+prefixe+'images/'+annee_lat+'/'+image_lat+'.jpg">') ;
  document.writeln('</div>') ;
}

// ____________________________________________________________________________________________________

// Fonction pour activer un onglet d'une image
// Utiliser une syntaxe du type : <a class="faux_lien" onclick="activer_onglet(nom, 3) ;">
function activer_onglet(nom_image, no) {
  if (no >0) {
    document.getElementById("id_"+nom_image).className="n"+no ;
//    document.getElementsByName("img_"+nom_image).item(0).src="images/add/rien.jpg" ; // (à cause de la latence du chargement)
//    while (!document.getElementsByName("img_"+nom_image).item(0).complete) {}
    photo = eval("images_"+nom_image)[no-1] ;
    document.getElementsByName("img_"+nom_image).item(0).src=photo ; 
// PUISSANCE de la commande eval !!! Ça ne s'invente pas
// (en gros, l'équivalent de \csname en TeX...)
  document.getElementsByName("img_"+nom_image).item(0).title=remplacer_guillemets(eval("titres_"+nom_image)[no-1]) ; 
  document.getElementsByName("img_"+nom_image).item(0).alt=remplacer_guillemets(eval("titres_"+nom_image)[no-1]) ; 
  document.getElementsByName("img_"+nom_image).item(0).style.cursor = curseur_picasa(photo) ;
// Mystère : les accents du titre apparaissent sous forme de code HTML. Ce n'est pas le cas
// dans la fonction presimage. 
  } 
}


// NB : test de fin de chargement d'image : essayer la propriété onload :
// http://www.siteduzero.com/tuto-3-12955-1-les-images.html

// Fonction issue de 
// http://www.aidejavascript.com/article150.html?artsuite=1
// pour récupérer des paramètres dans une adresse
function recupererParams() {
   var query = location.search.substring(1);
   if (query.indexOf("&") == -1) return query;
   var params = query.split("&");
   var associatif = (location.search.search(/([?|&]\w+=[^&]+)+/) != -1);
   var variables = new Array();
   for (i in params) {
       if (associatif) {
              var segments_var = params[i].split("=");
//              variables[segments_var[0]] = unescape(segments_var[1]);
           variables.push(segments_var[0]) ;
           variables.push(unescape(segments_var[1])) ;
       }
       else variables.push(unescape(params[i]));
   }
   return variables;
}


// activation, au chargement, de l'onglet d'une image (en fait, depuis un lien sur un autre fichier)
// Attention, quand on en a besoin, il faut apppeler cette fonction depuis le dernier script
// JavaScript de la page, et non dans onload car ça ne marche pas.
function activation_onglet() {
   var variables = recupererParams() ;
   if (variables[0]=="activer") {
     activer_onglet(variables[1], variables[2]) ;
   }
}



function MIN(x, y) {
 return (x>y?y:x) ;
}

// Fonction déplaçant le navigateur au chargement du site
function deplacer_navigateur() {
// Je mets la taille de la fenêtre à une valeur standard, correspondant à celle de mon écran sous Windows
largeur_std = 1152 ;
hauteur_std = 856 ;
largeur = MIN(largeur_std, screen.availWidth) ;
hauteur = MIN(hauteur_std, screen.availHeight) ;
orig_x = (screen.availWidth-largeur)/2 ;
orig_y = (screen.availHeight-hauteur)/2 ;
self.moveTo(orig_x,orig_y);
self.resizeTo(largeur,hauteur);
// Pour éviter que le site se charge dans les cadres de quelqu'un d'autre
if (parent.frames.length > 0) {
  parent.location.href = location.href;
}
}


// Fonction affichant une alerte quand la page a été affichée en dehors des cadres
function alerte_page_isolee() {
  if (parent.temoin == undefined) {
    document.writeln("<p style='color: Red; font-weight: bold ; text-align: center ;'> ATTENTION&nbsp;: vous n'affichez pas ce site dans sa totalit&eacute;. Cette page s'affiche normalement &agrave; l'int&eacute;rieur de cadres.</p>") ; 
// Récupération du radical de l'URL  (chemin/mauritanie.html -> mauritanie)
    radical = location.href.replace(/.*[\/\\]/g,"") ;
	radical = radical.replace(/\.html/g, "") ;
	
// NB : la fonction escape en javascript fait la même chose que urlencode en PhP
	document.writeln("<p style='text-align: center;'><a class='bouton' href='index.html.php?contenu="+escape(location.href)
	+"&titre="+escape("titre_nouveau.html?titre&"+radical)
	+"&menu=" + escape("menu_vieillesse.html?fond&"+radical) 
	+ "'>Cliquez ici pour acc&eacute;der au site</a></p>") ;
    document.writeln("<br>") ;  
  }
}


// Fonction pour afficher une image dans une info-bulle (il faut placer des <br> dans la légende si nécessaire)
function image_info_bulle(clef, annee, fichier, legende, vertical) {
  texte_tmp="<img name=\"img_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier+".jpg\" style=\"border: 2px solid ; width: "+(vertical ? "2":"3")
   +"00px; height: "+(vertical ? "3":"2")+"00px; cursor: "+curseur_picasa_clef(fichier)
   +";\" onclick=\"afficher_picasa(this.src);\"><br><center><b>"+legende+"</b></center>" ;
   note_info_bulle('a_'+clef, (vertical ? 204 : 304), texte_tmp) ;
}

// Série de deux ou de trois images, jusqu'à preuve du contraire toujours verticales (
// En fait si. Mais par défaut elles sont verticales et pas horizonales. On met ici true si c'est horizontal et false (ou rien) si c'est vertical
// Par défaut le paramètre horizontal vaut false : on peut appeler une fonction JS avec moins de paramètres qu'elle en a
function image2_info_bulle(clef, annee, fichier1, fichier2, legende, horizontal) {
  vertical = !horizontal ;
  texte_tmp="<img name=\"img1_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier1+".jpg\" style=\"border: 2px solid ; width: "+(vertical ? "2":"3")+"00px; height: "+(vertical ? "3":"2")+"00px; cursor: "
  +curseur_picasa_clef(fichier1) +";\" onclick=\"afficher_picasa(this.src);\">" + 
"&nbsp;<img name=\"img2_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier2+".jpg\" style=\"border: 2px solid ; width: "+(vertical ? "2":"3")+"00px; height: "+(vertical ? "3":"2")+"00px; cursor: "
  +curseur_picasa_clef(fichier2) +";\" onclick=\"afficher_picasa(this.src);\">" +
"<br><center><b>"+legende+"</center></b>" ;
// Il faut mettre 424 avec IE, 412 suffirait avec firefox
larg=0
if (MSIE>-1) 
  larg=(vertical ?  424 : 624) ;
else
  larg=(vertical ?  412 : 612) ;
note_info_bulle('a_'+clef, larg, texte_tmp) ;
}

// 3 images IB : toujours verticales !!!
function image3_info_bulle(clef, annee, fichier1, fichier2, fichier3, legende) {
  texte_tmp="<img name=\"img1_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier1+".jpg\" style=\"border: 2px solid ; width: 200px; height: 300px; cursor: "+curseur_picasa_clef(fichier1) +";\" onclick=\"afficher_picasa(this.src);\">" + 
"&nbsp;<img name=\"img2_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier2+".jpg\" style=\"border: 2px solid ; width: 200px; height: 300px; cursor: "+curseur_picasa_clef(fichier2) +";\" onclick=\"afficher_picasa(this.src);\">" +
"&nbsp;<img name=\"img3_"+clef+"\" src=\""+prefixe+"images/"+annee+"/"+fichier3+".jpg\" style=\"border: 2px solid ; width: 200px; height: 300px; cursor: "+curseur_picasa_clef(fichier3) +";\" onclick=\"afficher_picasa(this.src);\">" +
"<br><center><b>"+legende+"</center></b>" ;
MSIE=navigator.userAgent.indexOf("MSIE"); 
note_info_bulle('a_'+clef, (MSIE>-1?630:622), texte_tmp) ;
}

// deux  photos côte à côte dans le texte : une horizontale et une verticale
function images_horizontale_verticale(annee, fichier1, legende1, fichier2, legende2) {
  document.write('<p style="text-align: center">') ;
  document.write('<img style="width: 500px; height: 333px;') ;
  document.write(' cursor: ' + curseur_picasa_clef(fichier1) + ' ;" onclick="afficher_picasa(this.src) ;"')
  document.write(' alt="'+legende1+'" title="'+legende1+'" src="'+prefixe+'images/'+annee+'/'+fichier1+'.jpg">') ;
  document.write('<img style="width: 224px; height: 333px;') ;
  document.write(' cursor: ' + curseur_picasa_clef(fichier2) + ' ;" onclick="afficher_picasa(this.src) ;"') ;
  document.writeln(' alt="'+legende2+'" title="'+legende2+'" src="'+prefixe+'images/'+annee+'/'+fichier2+'.jpg"></p>') ;
}

//// AFFICHAGE d'une image de promenade dominicale 
function image_dom(serie, fichier, vertical) {
  try {
    titre=eval('lg_'+fichier) ;
  }
  catch (err) {
     titre="?" ;
  }
  var er = new RegExp('1er', "g") ; // (expression régulière pour mettre en exposant 1er dans les dates)

  texte_tmp="<img name=\"img_"+fichier+"\" src=\"images/recentes/"+serie+"/"+fichier+".jpg\" style=\"border: 2px solid ; width: "+(vertical ? "333":"500")
   +"px; height: "+(vertical ? "500":"333")+"px;\" onclick='ya_imagette=0;couic_() ;'><br><center><b>"+titre.replace(er, '1<sup>er</sup>')+"</center></b>" ;
  note_info_bulle('a_'+fichier, (vertical ? 337 : 504), texte_tmp) ;

  document.write('<img style="width: ' + (vertical ? '263' : '350') + 'px; height: ' + (vertical ? '350' : '263') + 'px; cursor: pointer ;" alt="'+titre+'" title="'+titre+'" src="./images/recentes/'+serie+'/'+fichier
 + '.jpg" onclick="bullefixe(\'a_'+fichier+'\', event);">') ;
}