function onLoad2(babel) {        
  javascript:ajaxpage('/Abydos/' + babel + '/page_plan.html','nav'); 
  var image = document.getElementById('image');
  image.innerHTML = '<a href="javascript:popImg(\'aby4\')"><img src="http://sapc12.epfl.ch/cgi-bin/slideshow2.pl?ref=aby4" border="0"></a>';
  var div2  = document.createElement("div");			
  div2.setAttribute('id', 'legende');
  image.appendChild(div2);
  var url =  "/wat1/slideshow33.pl?lang=fr&ref=aby4";
  ajaxpage(url,'legende');
 
}

function onLoad(picture) {    
  var nav = document.getElementById('nav');
  nav.innerHTML = '<a href="javascript:popImg(\'' + picture + '\')"><img title="Enlarge/Agrandir" src="http://sapc12.epfl.ch/cgi-bin/slideshow2.pl?ref=' + picture + '&ico=350" border="0"></a>';
  var div2  = document.createElement("div");			
  div2.setAttribute('id', 'legende');
  nav.appendChild(div2);
  var url =  "/wat1/slideshow33.pl?lang=fr&ref=" + picture;
  ajaxpage(url,'legende');   
}



function popImg(ref) {

 var console = document.getElementById('my_root');
 var img = '<a href="javascript:delpopImg()"><img border="0" src="/wat1/get_picture?ref=' + ref + '&type=medium"/></a><br><a href="javascript:delpopImg()">Close Window</a>';
 img +=    " - <a href=\"javascript:getText('/wat1/puzzle2','popImg','" + ref + "','no','no');\">Puzzle</a>";
 img +=    " - <a href=\"javascript:site('/cgi-protected/img_editor?id=" + ref + "');\">edit</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')
}

function my_note(url,id,ref,posx,posy){

var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadnote(page_request,id,ref,posx,posy)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadnote(page_request,id,ref,posx,posy){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
 
 var pop  = document.createElement('DIV');
 pop.id   = id;
 
  var popnote = 'margin    :0 0 0 0; position:absolute;width:1100px;height:1500px;  background:#e2ded4;';
  popnote +=    'border-top    :0px solid black;';
  popnote +=    'display   :block;';
  popnote +=    'padding   :50px 0 0 0;'; 
  popnote +=    'font      :14px verdana, arial, sans-serif;'; 
  popnote +=    'left      :' + posx + 'px;';
  popnote +=    'top       :' + posy + 'px;';
 
 document.getElementById(ref).appendChild(pop);
 _setStyle(document.getElementById(id), popnote);

 var code = '&nbsp;<a href="javascript:delpopNote(\'' + ref + '\',\''  + id + '\');">Ferm&eacute;e la note/Close Note</a><hr>' + page_request.responseText + ''; 
 pop.innerHTML= code;
 
}

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 delpopNote(id1,id2) {
  var console   = document.getElementById(id1);
  var popNote   = document.getElementById(id2);
  var removed   = console.removeChild(popNote); 
}