function add_menu() {

var tree = document.getElementById('nav');
while (tree.firstChild) {
  tree.removeChild(tree.firstChild);
}
d = new dTree('d');
d.add(0,-1,'&nbsp; <strong><a href="/Vermeer/french">Johannes Vermeer</a></strong> (<a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a>)');

d.add(1,0,'Biographie','javascript:ajaxpage(\'/Vermeer/french/biographie2.html\',\'content\');');
d.add(2,0,'Parcours oeuvres','');
d.add(200,2,'L\'art de la peinture','javascript:ajaxpage(\'/Vermeer/french/art_peinture2.html\',\'content\');');
d.add(201,2,'L\'entremetteuse','javascript:ajaxpage(\'/Vermeer/french/entremetteuse2.html\',\'content\');');
d.add(202,2,'Une jeune femme assoupie','javascript:ajaxpage(\'/Vermeer/french/assoupie2.html\',\'content\');');
d.add(203,2,'La liseuse à la fenêtre','javascript:ajaxpage(\'/Vermeer/french/liseuse2.html\',\'content\');');
d.add(204,2,'Vue de Delft','javascript:ajaxpage(\'/Vermeer/french/delft2.html\',\'content\');');
d.add(205,2,'Le verre de vin','javascript:ajaxpage(\'/Vermeer/french/vin2.html\',\'content\');');
d.add(206,2,'La Leçon de musique','javascript:ajaxpage(\'/Vermeer/french/homme-femme2.html\',\'content\');');
d.add(207,2,'Le Concert','javascript:ajaxpage(\'/Vermeer/french/concert2.html\',\'content\');');
d.add(208,2,'Une dame au virginal et un gentilhomme','javascript:ajaxpage(\'/Vermeer/french/lesson2.html\',\'content\');');
d.add(209,2,'La jeune fille au turban','javascript:ajaxpage(\'/Vermeer/french/turban2.html\',\'content\');');
d.add(210,2,'Portrait d\'une jeune femme','javascript:ajaxpage(\'/Vermeer/french/portrait2.html\',\'content\');');
d.add(211,2,'La laitière','javascript:ajaxpage(\'/Vermeer/french/laitiere2.html\',\'content\');');
d.add(212,2,'La dentellière','javascript:ajaxpage(\'/Vermeer/french/dentelliere2.html\',\'content\');');
d.add(213,2,'La jeune femme et l\'aiguière','javascript:ajaxpage(\'/Vermeer/french/aiguiere2.html\',\'content\');');
d.add(214,2,'La femme en bleu lisant une lettre','javascript:ajaxpage(\'/Vermeer/french/femme_bleue2.html\',\'content\');');
d.add(215,2,'La jeune femme à flûte','javascript:ajaxpage(\'/Vermeer/french/flute2.html\',\'content\');');
d.add(216,2,'La maîtresse et la servante','javascript:ajaxpage(\'/Vermeer/french/servante2.html\',\'content\');');
d.add(217,2,'La femme au luth','javascript:ajaxpage(\'/Vermeer/french/luth2.html\',\'content\');');
d.add(218,2,'Une femme debout au virginal','javascript:ajaxpage(\'/Vermeer/french/virginalA2.html\',\'content\');');
d.add(219,2,'Une femme assise au virginal','javascript:ajaxpage(\'/Vermeer/french/virginalB2.html\',\'content\');');
d.add(220,2,'Allégorie de la foi','javascript:ajaxpage(\'/Vermeer/french/allegorie2.html\',\'content\');');
d.add(221,2,'Annexes','');
d.add(2210,221,'Le Christ chez Marthe et Marie','javascript:ajaxpage(\'/Vermeer/french/christ2.html\',\'content\');');
d.add(2211,221,'Diane et ses compagnes','javascript:ajaxpage(\'/Vermeer/french/diane2.html\',\'content\');');
d.add(2212,221,'La ruelle','javascript:ajaxpage(\'/Vermeer/french/ruelle2.html\',\'content\');');
d.add(2213,221,'La dame au collier de perle','javascript:ajaxpage(\'/Vermeer/french/collier2.html\',\'content\');');
d.add(2215,221,'La lettre d\'amour','javascript:ajaxpage(\'/Vermeer/french/lettre_amour2.html\',\'content\');');
d.add(2216,221,'Une dame écrivant une lettre et sa servante','javascript:ajaxpage(\'/Vermeer/french/dame_servante2.html\',\'content\');');
d.add(2217,221,'L\'astronome','javascript:ajaxpage(\'/Vermeer/french/astronome2.html\',\'content\');');
d.add(2218,221,'Le géographe','javascript:ajaxpage(\'/Vermeer/french/geographe2.html\',\'content\');');
d.add(2219,221,'Femme jouant de la guitare','javascript:ajaxpage(\'/Vermeer/french/guitare2.html\',\'content\');');
d.add(3,0,'La gazette','');
d.add(30,3,'Rome','javascript:ajaxpage(\'/Vermeer/french/gazette_rome2.html\',\'content\');');
d.add(31,3,'Madrid','javascript:ajaxpage(\'/Vermeer/french/gazette_madrid2.html\',\'content\');');
d.add(32,3,'Paris','javascript:ajaxpage(\'/Vermeer/french/gazette_paris2.html\',\'content\');');
d.add(33,3,'Delft','javascript:ajaxpage(\'/Vermeer/french/gazette_delft2.html\',\'content\');');
d.add(4,0,'L\'oeuf et la perle','javascript:ajaxpage(\'/Vermeer/french/oeuf2.html\',\'content\');');
d.add(5,0,'The Essential Vermeer','javascript:site(\'http://essentialvermeer.20m.com/\');');
tree.innerHTML=d;

}

function add_menuen() {

var tree = document.getElementById('nav');
while (tree.firstChild) {
  tree.removeChild(tree.firstChild);
}
d = new dTree('d');
d.add(0,-1,'&nbsp; <strong><a href="/Vermeer/english">Johannes Vermeer</a></strong> (<a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a>)');

d.add(1,0,'Chronology','javascript:ajaxpage(\'/Vermeer/english/biographie2.html\',\'content\');');
d.add(2,0,'Catalogue','');
d.add(200,2,'THE ART OF PAINTING','javascript:ajaxpage(\'/Vermeer/english/art_peinture2.html\',\'content\');');
d.add(201,2,'THE PROCURESS','javascript:ajaxpage(\'/Vermeer/english/entremetteuse2.html\',\'content\');');
d.add(202,2,'A MAID ASLEEP','javascript:ajaxpage(\'/Vermeer/english/assoupie2.html\',\'content\');');
d.add(203,2,'A GIRL READING A LETTER BY AN OPEN WINDOW','javascript:ajaxpage(\'/Vermeer/english/liseuse2.html\',\'content\');');
d.add(204,2,'VIEW OF DELFT','javascript:ajaxpage(\'/Vermeer/english/delft2.html\',\'content\');');
d.add(205,2,'THE GIRL WITH A GLASS OF WINE','javascript:ajaxpage(\'/Vermeer/english/vin2.html\',\'content\');');
d.add(206,2,'GIRL INTERRUPTED IN HER MUSIC','javascript:ajaxpage(\'/Vermeer/english/homme-femme2.html\',\'content\');');
d.add(207,2,'THE CONCERT','javascript:ajaxpage(\'/Vermeer/english/concert2.html\',\'content\');');
d.add(208,2,'THE MUSIC LESSON','javascript:ajaxpage(\'/Vermeer/english/lesson2.html\',\'content\');');
d.add(209,2,'THE GIRL WITH A PEARL EARRING','javascript:ajaxpage(\'/Vermeer/english/turban2.html\',\'content\');');
d.add(210,2,'STUDY OF A YOUNG WOMAN','javascript:ajaxpage(\'/Vermeer/english/portrait2.html\',\'content\');');
d.add(211,2,'THE MILKMAID','javascript:ajaxpage(\'/Vermeer/english/laitiere2.html\',\'content\');');
d.add(212,2,'THE LACEMAKER','javascript:ajaxpage(\'/Vermeer/english/dentelliere2.html\',\'content\');');
d.add(213,2,'YOUNG WOMAN WITH A WATER PITCHER','javascript:ajaxpage(\'/Vermeer/english/aiguiere2.html\',\'content\');');
d.add(214,2,'WOMAN IN BLUE READING A LETTER','javascript:ajaxpage(\'/Vermeer/english/femme_bleue2.html\',\'content\');');
d.add(215,2,'GIRL WITH A FLUTE','javascript:ajaxpage(\'/Vermeer/english/flute2.html\',\'content\');');
d.add(216,2,'MISTRESS AND MAID','javascript:ajaxpage(\'/Vermeer/english/servante2.html\',\'content\');');
d.add(217,2,'WOMAN WITH A LUTE','javascript:ajaxpage(\'/Vermeer/english/luth2.html\',\'content\');');
d.add(218,2,'A LADY  STANDING AT A VIRGINAL','javascript:ajaxpage(\'/Vermeer/english/virginalA2.html\',\'content\');');
d.add(219,2,'A LADY SEATED AT A VIRGINAL','javascript:ajaxpage(\'/Vermeer/english/virginalB2.html\',\'content\');');
d.add(220,2,'ALLEGORY OF FAITH','javascript:ajaxpage(\'/Vermeer/english/allegorie2.html\',\'content\');');
d.add(221,2,'Appendix','');
d.add(2210,221,'Christ in the house of Martha and Mary','javascript:ajaxpage(\'/Vermeer/english/christ2.html\',\'content\');');
d.add(2211,221,'Diana and her companions','javascript:ajaxpage(\'/Vermeer/english/diane2.html\',\'content\');');
d.add(2212,221,'The little street','javascript:ajaxpage(\'/Vermeer/english/ruelle2.html\',\'content\');');
d.add(2213,221,'WOMAN WITH A PEARL NECKLACE','javascript:ajaxpage(\'/Vermeer/english/collier2.html\',\'content\');');
d.add(2215,221,'The love letter','javascript:ajaxpage(\'/Vermeer/english/lettre_amour2.html\',\'content\');');
d.add(2216,221,'A lady writing a letter and her servant','javascript:ajaxpage(\'/Vermeer/english/dame_servante2.html\',\'content\');');
d.add(2217,221,'The Astronomer','javascript:ajaxpage(\'/Vermeer/english/astronome2.html\',\'content\');');
d.add(2218,221,'The Geographer','javascript:ajaxpage(\'/Vermeer/english/geographe2.html\',\'content\');');
d.add(2219,221,'The guitar player','javascript:ajaxpage(\'/Vermeer/english/guitare2.html\',\'content\');');
d.add(3,0,'Overview 17th c. European Art','');
d.add(30,3,'Roma','javascript:ajaxpage(\'/Vermeer/english/gazette_rome2.html\',\'content\');');
d.add(31,3,'Madrid','javascript:ajaxpage(\'/Vermeer/english/gazette_madrid2.html\',\'content\');');
d.add(32,3,'Paris','javascript:ajaxpage(\'/Vermeer/english/gazette_paris2.html\',\'content\');');
d.add(33,3,'Delft','javascript:ajaxpage(\'/Vermeer/english/gazette_delft2.html\',\'content\');');
d.add(4,0,'The Egg and the Pearl','javascript:ajaxpage(\'/Vermeer/english/oeuf2.html\',\'content\');');
d.add(5,0,'The Essential Vermeer','javascript:site(\'http://essentialvermeer.20m.com/\');');
tree.innerHTML=d;

}



function popImg2(ref,id,posx,posy,position) {  

 if ( ! position ) position = 'absolute';
 var console = document.getElementById(id);
 
 var popImg = document.getElementById('popImg');
 if (  popImg ) {
   console.removeChild(popImg);  
 } 

 var img = '<a href="javascript:delpopImg2(\'' + id + '\')"><img  class="popimg" border="0" src="' + ref + '"/></a><br><a href="javascript:delpopImg2(\'' + id + '\')">Close Window</a>';
 var pop  = document.createElement('DIV');
 var popimg = 'margin:0 0 0 0; position:' + position + ';width:900px;height:900px;  background:white;';
 popimg +=    'border:1px solid black;display:block;padding:0;'; 
 popimg +=    'text-align:center;font:12px verdana, arial, sans-serif;'; 
 popimg +=    'left      :' + posx + 'px;';
 popimg +=    'top       :' + posy + 'px;';
 pop.id   = 'popImg';
 console.appendChild(pop);     
//popImg.setAttribute("style",popimg); 
 _setStyle(document.getElementById('popImg') , popimg);
 pop.innerHTML = img;   
}

function delpopImg2(id) {
  var console = document.getElementById(id);
  var popImg  = document.getElementById('popImg');
  var removed = console.removeChild(popImg);   
} 


function rzCC(s){
   // thanks http://www.ruzee.com/blog/2006/07/\
   // retrieving-css-styles-via-javascript/
   for(var exp=/-([a-z])/; 
       exp.test(s); 
       s=s.replace(exp,RegExp.$1.toUpperCase()));
   return s;
 }

 function _setStyle(element, declaration) {
   if (declaration.charAt(declaration.length-1)==';')
     declaration = declaration.slice(0, -1);
   var k, v;
   var splitted = declaration.split(';');
   for (var i=0, len=splitted.length; i<len; i++) {
      k = rzCC(splitted[i].split(':')[0]);
      v = splitted[i].split(':')[1];
      eval("element.style."+k+"='"+v+"'");

   }
 }
 

function popImg(ref) {  
 var console = document.getElementById('my_root');
 
 var popImg = document.getElementById('popImg');
 if (  popImg ) {
   console.removeChild(popImg);  
 } 
 
 var img = '<a href="javascript:delpopImg()"><img class="popimg" border="0" src="' + ref + '"/></a><br><a href="javascript:delpopImg()">Close Window</a>';
 var pop  = document.createElement('DIV');
 
 pop.id   = 'popImg';
 pop.className = 'popimg'; 
 console.appendChild(pop);
 pop.innerHTML = img;

}

function delpopImg() {
  var console = document.getElementById('my_root');
  var popImg  = document.getElementById('popImg');
  var removed = console.removeChild(popImg);   
} 

function site(url) {
     window.open(url,'mywindow','width=1024,height=780,resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes')
}