/*
La variable "bordvisible" est définie par le programme VB de création du tableau
Elle sera chargée avec la fonction page
*/
bordvisible="0";
var lgfen = 700;
var hautfen = 500;
var debdiv="<div ";
var debdivid="<div id=";
var debdivalign="<div align=";
var debh="<h";
var debtbody="<tbody>";
var debtr="<tr>";
var debtd="<td>";
var debahref="<a href=";
var debaname="<a name=";
var debimg="<img src=";
var debmap="<map name=";
var debtable="<table ";
var debfont="<font ";
var debobject="<object";
var debembed="<embed src=";
var debp="<p>";
var fina="</a>";
var finh="</h";
var fintd="</td>";
var fintr="</tr>";
var fintable="</table>";
var fintbody="</body>";
var findiv="</div>";
var finfont="</font>";
var finobject="</object>";
var finembed="</embed>";
var finhtml="</html>";
var finp="</p>";
var align="align=";
var areash="<area shape=";
var size="size=";
var style="style=";
var stylepos ="position:absolute; left:";
var top="top:";
var width2p="width:";
var widthegal="width=";
var height2p="height:";
var heightegal="height=";
var cellspacing="cellspacing=";
var cellpadding="cellpadding=";
var border=" border=";
var color=" color=";
var e=" ";
var d="<";
var dsl="</";
var f=">";
var g="'";
var pv=";";
var px="px; ";
var qual="quality=";
var plugin="pluginspage=";
var type="type=";
var classid="classid=";
var codebase="codebase=";
var zindex="z-index=";
// alert("Debug "+e);
// Old : var zindex="z-index: ";
/*----------------------------------- FONCTION LOGO ----------------------------
Ce qu'elle faisait à l'origine
<div id="nom de la Layer"
style="position: absolute; left: 5px; top: 5px; width: 138px; height: 133px; ">
   <table border="bordervisible" cellspacing="0" width="100%">
      <tbody>
         <tr>
             <td>
                <a href="sommaire.htm">
// Le paramètre border a été supprimé car il est géré par la function "image"
                <img src="logomargency-texte-petit001.jpg" border="0" height="133" width="138">
                </a>
             </td>
         </tr>
      </tbody>
   </table>
</div>
Ce n'est plus ce qu'elle ECRIT (Encadrement <table> supprimé)
*/
function logo(id,x,y,l,h,zi)
{
// Ecriture du logo en haut et à gauche de chaque page avec lien sur l'Accueil
document.write(divid(id,x,y,l,h,"0"));
document.write(debahref+g+"sommaire.htm"+g+" title="+g+"Retour Accueil"+g+' style='+g+'text-decoration:none;'+g+f);
document.write(image("Fixe/logomargency2010.jpg","133","110"));
document.write(debdiv+e+style+g+'position:relative; left:'+'90'+px+top+'-120'+px+zindex+'2'+pv+g+f);
document.write("<b>Retour<br>Accueil</b>");
document.write(findiv+fina+findiv);
}
/*------------------------------ FONCTION ANIMATION ----------------------------
CE QUE LA FONCTION animation devait ECRIRE et ce qu'elle ECRIT
<div id="nom de la Layer"
style="position: absolute; left: x; top: y; width: l; height: h; ">
   <table border="bordvisible" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
         <tr>
            <td><object
            classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"
            height="386" width="500">   LIGNE PAS ECRITE
            <param name="movie" value="rondinfosmargency.swf" />  LIGNE PAS ECRITE
            <param name="quality" value="high" />  LIGNE PAS ECRITE
               <embed src="file" quality="high"
               pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
               type="application/x-shockwave-flash" height="386" width="500">
               </embed>
            </object></td>
         </tr>
      </tbody>
   </table>
</div>
Ce n'est plus ce qu'elle ECRIT (Balises de <table> supprimées)
*/
function animation(id,x,y,l,h,file)
{
//  Le ztype est toujours à 1 A REVOIR
// debutdiv(id,x,y,l,h,"1");
document.write(divid(id,x,y,l,h,"0"));
//document.write(debtr+debtd);
document.write(debobject);
document.write(classid+g+"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"+g);
document.write(codebase+g+"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"+g+f);
document.write(debembed+g+file+g+e+qual+g+"high"+g);
document.write(plugin+g+"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"+g);
document.write(type+g+"application/x-shockwave-flash"+g+e+heightegal+misenforme(h)+e+widthegal+misenforme(l)+f);
document.write(finembed+finobject);
//document.write(fintd+fintr);
document.write(fintd+fintr+findiv);
//finpardiv();
}
/*------------------------------- FONCTION DIVPHOTO ----------------------------
CE QUE LA FONCTION divphoto devait ECRIRE et ce qu'elle ECRIT
<div id="nom de la Layer"
style="position: absolute; left: x; top: y; width: l; height: h; ">
   <table border="bordvisible" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
         <tr>
            <td>
               <img src="addisk" height="h" width="l" />
            </td>
         </tr>
      </tbody>
   </table>
</div>
Ce n'est plus ce qu'elle ECRIT (Encadrement <table> supprimé)
//
Toujours PREFERER Divphoto à Image car DivPhoto ajoute le "divid"
*/
function divphoto(id,x,y,l,h,addisk)
{
//debutdiv(id,x,y,l,h,"1");
//document.write(debtr+debtd);
//document.write(debtbody+debtr+debtd);
//  Le ztype est toujours à 1
document.write(divid(id,x,y,l,h,"1"));
document.write(image(addisk,l,h));
//document.write(fintd+fintr);
// finpardiv();
document.write(findiv);
}
/*------------------------------- FONCTION DIVMAP ----------------------------
Equivalent à DivPhoto avec gestion d'une zone map de clic :
// - génère l'équivalent de DivPhoto mais incluant une instruction "map" qui
//   définit la zone de clic qui sera reliée à mapname
// - génère une série <map name...><area shape=...></map>
// - Utilisée dans INDEX (film d'accueil)
*/
function divmap(id,x,y,l,h,addisk,mapname,forme,x1,y1,x2,y2,brancht)
{
//  Le ztype est toujours à 1
document.write(divid(id,x,y,l,h,"1"));
// Image retourne <img src="addisk"  border="bordvisible" height="h" width="l">
var dm1 = image(addisk,l,h);
// Enlève < et ajoute usemap="mapname"></div>
var gchedm1 = dm1.substring(0,dm1.length-1);
document.write(gchedm1+' usemap='+g+'#'+mapname+g+f+findiv);
document.write(debmap+g+mapname+g+f);
// coords indique les coordonnées des coins supérieurs gauche et inférieur droit de la zone pour un rectangle rect
document.write(areash+g+forme+g+' coords='+g+x1+','+y1+','+x2+','+y2+g+' href='+g+brancht+g+f+'</map>');
}
/*------------------------------- FONCTION DIVBRANCHT---------------------------
Affichage image + texte + gestion d'une zone de branchement sur clic :
- x et y = position de l'image et du texte
- l et h = longueur et hauteur de l'image
- addisk = adresse disque de l'image
- contenu = texte à afficher SUR l'image
- brancht = adresse html de débranchement
- soulignage = type de soulignement de cette adresse ("none")
- title = texte affiché en cas de passage sur la zone
*/
function divbrancht(x,y,l,h,addisk,contenu,brancht,soulignage,title)
{
//  Le ztype est toujours à 1
document.write(divid("TexteAVEC",x,y,l,h,"1"));
// Ecriture de l'adresse de branchement
document.write(debahref+g+brancht+g+' style='+g+'text-decoration:'+soulignage+g+' title='+g+title+g+f);
// Dessin de l'image
// Image retourne <img src="addisk"  border="bordvisible" height="h" width="l">
document.write(image(addisk,l,h));
document.write(debdiv+e+style+g+'position:relative; left:'+0+px+top+'-'+110+px+zindex+'2'+pv+g+f);
document.write(contenu);
document.write(findiv+fina+findiv);
}
//----------------------------- FONCTION CACHEONGLET ----------------------------
// Fonction de cache ou de restauration de l'affichage d'un onglet
// Le premier paramètre contient le N° de Row de l'Onglet
// Le deuxième paramètre contient le dernier N° de Row de l'Onglet
// Cette fonction gère :
// - la ligne précédente : inversion des fléches situées à gauche de l'onglet
// - les lignes constituant l'onglet (inversion également)
//
// Le traitement suivant considére que la ligne en cours comporte :
// - un premier div "Onglet" avec l'image de l'onglet
// - un second div "Coin" avec l'image oblique de gauche
// - un 3éme div "OngletImage" avec l'image de la fléche montante
// - un 4éme div "OngletImage" avec l'image de la fléche descendante
// - un 5éme div "OngletTitre" avec le titre
//
function CacheOnglet(ligne,fin) {
// alert("Onglet "+ligne+" fin "+fin);
// Traite la première ligne et la gestion des fléches de la ligne-1
k=ligne-1;
var ph=document.getElementById('Row'+ligne);
if (ph.style.display == '')
// Cas ou l'onglet est affiché et on doit cacher la ligne inférieure
// - on cache la fleche descendante
// - on montre la fleche montante
  {
// On cache la ligne suivante
  ph.style.display = 'none';
  if (document.getElementById('Row'+k).getElementsByTagName("div")[2].id == 'OngletImage') {
// Traitement = afficher la fléche montante
     document.getElementById('Row'+k).getElementsByTagName("div")[2].style.display = '';
     }
  if (document.getElementById('Row'+k).getElementsByTagName("div")[3].id == 'OngletImage') {
// Traitement = cacher la fléche descendante
     document.getElementById('Row'+k).getElementsByTagName("div")[3].style.display = 'none';
     }
   }
  else
  {
// Cas ou l'onglet est caché et on doit montrer la ligne inférieure
// - on cache la fleche montante
// - on montre la fleche descendante
   ph.style.display = '';
    if (document.getElementById('Row'+k).getElementsByTagName("div")[2].id == 'OngletImage') {
// Traitement = cacher la fléche montante
     document.getElementById('Row'+k).getElementsByTagName("div")[2].style.display = 'none';
     }
     if (document.getElementById('Row'+k).getElementsByTagName("div")[3].id == 'OngletImage') {
// Traitement = afficher la fléche descendante
     document.getElementById('Row'+k).getElementsByTagName("div")[3].style.display = '';
     }
   }
// Traite les lignes constituant l'onglet après la première
for (i=ligne+1; i<(fin+1); i++) {
// Teste s'il y a une ligne et inverse sa visibilité
   if (ph=document.getElementById('Row'+i)){
      if (ph.style.display == '') {
      ph.style.display ='none';
      }
      else {
      ph.style.display ='';
      }
   }
}
}
/*------------------------------- FONCTION DIVTEXTE ----------------------------
La FONCTION divtexte ECRIT le LIBELLE au FORMAT typH
             aux coordonnées x, y et de longueur l et de hauteur h
<div id=".." PAS DE "id"
style="position: absolute; left: x; top: y; width: l; height: h; ">
   <p>
      <div align=paramètre ><h paramètre typH>libelle</h paramètre typH></div>
   </p>
</div>
//  Il semble que la hauteur h n'ait pas d'influence sur la zone
*/
function divtexte(x,y,l,h,libelle,typH,align,zi)
{
document.write(divid("",x,y,l,h,zi));
document.write(debp);
document.write(textalign(libelle,align,typH));
document.write(finp+findiv);
}
/*-------------------------- FONCTION TITRE1 ----------------------------
TITRE1 est prévu pour un titre de premier niveau avec les paramètres :
      - coordonnées x, y plus longueur l,
      - couleur,
      - libellé.
L'alignement est à gauche.
Les autres paramètres (taille de police, style) sont fixés par le div du CSS.
*/
function titre1(x,y,l,coulfont,libelle)
{
document.write(debdivid+g+'titre1'+g+e+align+g+'left'+g+e+style+g+stylepos+misenforme(x)+top+misenforme(y)+width2p+misenforme(l)+g+f);
// alert("Titre 1 "+debdivid+g+'titre1'+g+e+align+g+'left'+g+e+style+g+stylepos+misenforme(x)+top+misenforme(y)+width2p+misenforme(l)+g+f);
document.write(debfont+color+coulfont+f+libelle+finfont+findiv);
// alert("Titre 1 "debfont+color+coulfont+f+libelle+finfont+findiv);
}
/*-------------------------- FONCTION TITRE2 ----------------------------
TITRE2 est prévu pour un titre de niveau 2 avec les paramètres :
      - coordonnées x, y plus longueur l,
      - couleur,
      - libellé.
L'alignement est à droite.
Les autres paramètres (taille de police, style) sont fixés par le div du CSS.
*/
function titre2(x,y,l,coul,libelle)
{
document.write(debdivid+g+'titre2'+g+e+align+g+'right'+g+e+style+g+stylepos+misenforme(x)+top+misenforme(y)+width2p+misenforme(l)+g+f);
// alert("Titre 2 "+debdivid+g+'titre2'+g+e+style+g+stylepos+misenforme(x)+top+misenforme(y)+width2p+misenforme(l)+g+f);
document.write(debfont+color+coul+f+libelle+finfont+findiv);
// alert("Titre 2 "+debfont+color+coul+f+libelle+finfont+findiv);
}
/*-------------------------------- FONCTION ANCRAGE ----------------------------
La FONCTION ancrage positionne la "marque" aux coordonnées x, y
<div id=".marque."
   style="position: absolute; left: x; top: y; width: "1"; height: "1"; ">
   <a name="marque"></a>
</div>
*/
function ancrage(x,y,marque)
{
document.write(divid(marque,x,y,"10","10","3"));
document.write(debaname+g+marque+g+fina+findiv);
// alert("Debug "+debaname+g+marque+g+fina+findiv);
}
/*----------------------------- FONCTION MISENFORME ----------------------------
La fonction misenforme est une fonction utilitaire qui :
// - si c'est une chaine string : la laisse passer (traitement des 100%)
// - sinon, convertit le paramètre val en chaine string valpx; suivi d'un blanc
*/
function misenforme(val){
if(isNaN(val) == true)
 {
/* La suite ne marche pas Netscape
 var lg=val.length;
 var dercar = val.charAt(lg-1);
 if (dercar=="%")
    {ret1 = val}
    else
    {alert("Erreur misenforme");
    }
*/
 ret1 = val;
 }
 else {
 ret1 = parseInt(val)+px;
 }
return ret1;
}
/*---------------------------------- FONCTION IMAGE ----------------------------
    NE PAS UTILISER IMAGE mais DIVPHOTO = <Div> + <IMAGE....> + </Div>
La fonction image est une fonction utilitaire qui construit une ligne
<img src="ad"  border="bordvisible" height=paramètre hi width=paramètre li>
*/
function image(ad,li,hi){
//alert("Debug "+debimg+g+ad+g+border+bordvisible+e+heightegal+misenforme(hi)+e+widthegal+misenforme(li)+f);
ret2 = debimg+g+ad+g+border+bordvisible+e+heightegal+misenforme(hi)+e+widthegal+misenforme(li)+f;
return ret2;
}
/*---------------------------------- FONCTION DIVID ----------------------------
La fonction divid est une fonction utilitaire qui construit la ligne
<div id=paramètre "id" style="position: absolute; left: "x"px; top: "y"px; width: "l"px; height: "h"px; z-index: zi;">
ou bien quand id n'est pas renseigné
<div style="position: absolute; left: "x"px; top: "y"px; width: "l"px; height: "h"px; z-index: zi;">
//
Officiel : <div style="position: absolute; top: 99 px; left: 99 px; visibility : visible;z-index : 2;">
*/
function divid(textid,x,y,l,h,zi){
   if (textid=="")
      {retd = debdiv;}
   else
      {retd = debdivid+textid+e;}
ret3 = retd+style+g+stylepos+misenforme(x)+top+misenforme(y)+width2p+misenforme(l)+height2p+misenforme(h)+zindex+zi+pv+g+f;
// alert("Debug divid "+ret3);
return ret3;
}
/*------------------------------- FONCTION TEXTALIGN----------------------------
La fonction textalign construit la ligne en gérant l'alignement et la taille
<h paramètre size align=paramètre alignement>Texte</h paramètre size>
*/
function textalign(text,alignement,size){
ret4 = debh+parseInt(size)+e+align+g+alignement+g+f+text+finh+parseInt(size)+f;
// alert("Debug "+ret4);
return ret4;
}
/*------------------------------- FONCTION DEBUTDIV ----------------------------
La fonction debutdiv est une fonction utilitaire qui construit les lignes
de début d'un paragraphe div soit :
- <div id=paramètre "id" style="position: absolute; left: "x"px; top: "y"px; width: "l"px; height: "h"px; z-index: zi;">
- <table border="bordervisible" cellspacing="0" width="100%">
- <tbody> dont il est dit qu'elle ne sert à rien (en fait définir le corps du tableau en opposition avec le header et le foot)!
*/
function debutdiv(id,x,y,l,h,zi){
document.write(divid(id,x,y,l,h,zi));
document.write(debtable+border+bordvisible+e+cellspacing+"0"+e+cellpadding+"0"+e+widthegal+"100%"+f+debtbody);
// alert("Debug "+debtable+border+bordvisible+e+cellspacing+"0"+e+cellpadding+"0"+e+widthegal+"100%"+f+debtbody);
return;
}
//---------------------------- FONCTION OUVRIRPOPUP ----------------------------
//   Ouverture d'une fenétre pop-up avec centrage
function ouvrirpopup(popname){
// Ouverture et centrage de la fenétre PopUp
// Options du dernier parametre :
// directories = yes/no  Affiche ou non les boutons de navigation
// location = yes/no  Affiche ou non la barre d'adresse
// menubar = yes/no  Affiche ou non la barre de menu (fichier, edition, ...)
// resizable = yes/no  Définit si la taille de la fenêtre est modifiable ou non
// scrollbars = yes/no  Affiche ou non les ascenceurs (barres de défilement)
// status = yes/no  Affiche ou non la barre d'état
// toolbar = yes/no  Affiche ou non la barre d'outils
// width = largeur (en pixels)  Définit la largeur
// height = hauteur (en pixels)  Définit la hauteur
//
fenetre2=window.open("","MargencyPopUp","width="+lgfen+",height="+hautfen+",scrollbars=yes");
// Les valeurs soustraites sont la moitié de la fenétre affichée
fenetre2.moveTo(screen.width/2-lgfen/2,screen.height/2-hautfen/2);
// pour les popups restés ouverts
fenetre2.focus();
// Crée un titre fixe
titre='Mairie de MARGENCY';
fenetre2.document.write('<html><head><title>' + titre + '</title>');
//alert("CSS "+'<LINK rel='+g+'stylesheet'+g+' type='+g+'text\/css'+g+' href='+g+'Fixe\/Verdana.css'+g+' \/><\/head>');
fenetre2.document.write('<LINK rel='+g+'stylesheet'+g+' type='+g+'text\/css'+g+' href='+g+'Fixe\/Verdana.css'+g+' \/><\/head>');
// fenetre2.document.write('<body background="Rectangle8.gif" background-repeat:no-repeat; onBlur="top.close()">');
// onBlur=... permet de fermer automatiquement le popup après changement de focus
fenetre2.document.write('<body onBlur="top.close()">');
//  Rétablit la largeur du PopUp pour contrer celle de la fenetre standard
fenetre2.document.write(debdivid+g+'Popup'+g+f);
if (fenetre2) {
    fenetre2.focus();
    for(var i = 1; i <= (ListeCR.length -1); i++)
    {
    var2 = ListeCR[i];
    gauche = var2.substring(0,6);
      if(gauche=="popup="){
        var3 = var2.length;
        droite = var2.substring(6,var3);
        if (droite==popname){
          while(ListeCR[i+1]!="EOF"){
              fenetre2.document.write(ListeCR[i+1]);
              i++;
              }
          fenetre2.document.write(findiv+fintbody+finhtml);
          break;
        }
      }
      if (i== (ListeCR.length -1)){
// On ne doit jamais venir au bout du tableau
      document.write("Probléme d'affichage. Merci de prévenir le WebMaster");
      }
    }
fenetre2.document.close();
  }
}
//----------------------------------- FONCTION PAGE ----------------------------
//  Fonction d'édition du tableau ListeCR créé depuis la feuille Excel
//  On rentre avec la position de départ dans le tableau
function page(deb){
var i=deb;
while(ListeCR[i+1]!="EOF"){
    document.write(ListeCR[i]);
    i++;
}
return;
}
//----------------------------- FONCTION POPUPPHOTO ----------------------------
// Hauteur de l'écran
// alert("Debug "+document.documentElement.scrollHeight);
function PopupPhoto(img,l,h) {
var l2=l+20;
var h2=h+20;
w=open("",'Photo','toolbar=no,menubar=yes,scrollbars=yes,resizable=yes, width='+l2+', height='+h2);
w.moveTo(screen.width/2-lgfen/2,screen.height/2-hautfen/2);
//w.document.write('<HTML><BODY onblur=\"window.close();\"><IMG src='+img+'>');
w.document.write('<HTML><BODY onblur=\"window.close();\">');
w.document.write(image(img,l,h));
w.document.write("</BODY></HTML>");
w.document.close();
}
// ----------- Fonction IMAP = Image + MAP ------------------------------------
// Inutilisé
function imap(addisk,l,h,mapname) {
// Image retourne <img src="addisk"  border="bordvisible" height="h" width="l">
var dm1 = image(addisk,l,h);
// Enlève > et ajoute usemap="mapname">
var gchedm1 = dm1.substring(0,dm1.length-1);
imageMap = gchedm1+' usemap='+g+'#'+mapname+g+f;
return imageMap;
}
/*
La fonction divplustable est une fonction utilitaire qui construit les lignes
de début d'un paragraphe div soit :
- <div id=paramètre "id" style="position: absolute; left: "x"px; top: "y"px; width: "l"px; height: "h"px; z-index: zi;">
- <table border="bordervisible" cellspacing="0" width="100%">
- <tbody> dont il est dit qu'elle ne sert à rien !
- Je vire cellspacing, cell padding et width="100%" pour les gérer dans la feuille de style
Version de départ: document.write(debtable+border+bordvisible+e+cellspacing+"0"+e+cellpadding+"0"+e+widthegal+"100%"+f+debtbody);
CETTE FONCTION A ETE SUPPRIMEE CAR VB GENERE LE CODE DE CREATION DE LA TABLE
IL SUFFIT DONC d'UTILISER <div id> AVANT
function divplustable(id,x,y,l,h,zi){
document.write(divid(id,x,y,l,h,zi));
document.write(debtable+border+bordvisible+f+debtbody);
alert("Debug "+debtable+border+bordvisible+e+widthegal+"100%"+f+debtbody);
return ;
}
*/
/*
La fonction finpardiv est une fonction utilitaire qui construit les lignes
de fin d'un paragraphe div soit :
- </tbody>
- </table>
- </div>
MEME REMARQUE QUE POUR DIVPLUSTABLE
function finpardiv(){
document.write(fintbody+fintable+findiv);
return ;
}
*/
/*Trouvé sur wikipedia pour lire des animations flash
<object data="movie.swf" type="application/x-shockwave-flash" width="500" height="500">
    <param name="movie" value="movie.swf" />
</object>
//
AUTRE
//
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="100%">
    <param name="movie" value="http://www.example.com/fichier.swf">
    <param name="quality" value="high">
    <embed src="http://www.example.com/fichier.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object>
*/
// OLD VERSION
// Alert("Ouverture PopUp "+param+' Fichier '+url);
/* Construction du nom de la page HTML à partir du nom de la page appelante
// var nf = self.location.pathname
var nf = window.location.href;
var k=nf.lastIndexOf('/',nf.length-1);
var nf3=nf.substring(k+1);
var gauche = nf3.substring(0,nf3.length-5);
var nf4 = gauche+'_PopUps.html'
// alert("Nom fenetre "+nf4);
// fenetre2=window.open(nf4,"MargencyPopUp","width="+lgfen+",height="+hautfen+",scrollbars=yes");
*/