function my_note(url,id,top_para){

if ( ! top_para ) var top_para = 10;
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,top_para)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request,id,top_para){
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:1200px;height:1200px;  background:#e2ded4;';
  popnote +=    'border    :0px solid black;';
  popnote +=    'display   :block;';
  popnote +=    'padding   :10px;'; 
  popnote +=    'font      :14px verdana, arial, sans-serif;'; 
  popnote +=    'top       :' + top_para + 'px;';
  popnote +=    'left      :0px;';
  
 document.getElementById('my_div').appendChild(pop);
 _setStyle(document.getElementById(id), popnote);
 
 var code = '<p>&nbsp;<p>&nbsp;<a href="javascript:delpopNote(\'' + 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 popImg(ref,top_para) {  
 
 if ( ! top_para ) top_para = 10;
 var console = document.getElementById('my_div');
 
 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(\'my_div\')">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:' + top_para + '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_div');
  var popImg  = document.getElementById('popImg');
  var removed = console.removeChild(popImg);   
} 


function delpopNote(id) {
  var console   = document.getElementById('my_div');
  var popNote   = document.getElementById(id);
  var removed   = console.removeChild(popNote); 
} 




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

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:1200px;height:1200px;  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);   
}