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');
 var popimg = 'margin:0; position:absolute;width:1200px;height:1000px;  background:white;';
 popimg +=    'border:0px solid black;display:block;padding:0;'; 
 popimg +=    'font:12px verdana, arial, sans-serif;';
 popimg +=    'top:' + '0' + 'px;left:10px;text-align:center;';
 
 pop.id   = 'popImg';
 console.appendChild(pop);     

//popImg.setAttribute("style",popimg); 
 _setStyle(document.getElementById('popImg') , popimg);
 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 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); 
} 


function loadpage(page_request,id,ref){
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:relative;width:1000px;height:2200px;  background:#e2ded4;';
  popnote +=    'border-top    :0px solid black;';
  popnote +=    'display   :block;';
  popnote +=    'padding   :10px;'; 
  popnote +=    'font      :14px verdana, arial, sans-serif;'; 
  popnote +=    'left      :' + '0' + 'px;';
  popnote +=    'top       :' + '0' + 'px;';
 
 document.getElementById(ref).appendChild(pop);
 _setStyle(document.getElementById(id), popnote);

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

function my_note(url,id,ref){

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(){
loadpage(page_request,id,ref)
}
page_request.open('GET', url, true)
page_request.send(null)
}