function OrdrePhoto(caller, elementid) {
  var elementid = elementid;
  var caller = caller;
  
  showOrdre(caller,elementid);
  
}

function showOrdre(caller,elementid){      
   
  var div=document.getElementById('popupOrdre');
  var cont=document.getElementById('ordreConteneur');        
  div.style.display='none';        
  
  //On positionne par rapport à l`appelant
  div.style.top=findPosY(caller)-200+'px';
  div.style.left=findPosX(caller)+caller.offsetWidth+20+'px';
  
  var request = new activsoft.ajax.RequestToSend();          
  request.page = "xslt.aspx";           
  request.request = 'typerubrique=1&rubriqueid=39&elementid='+elementid;     
  request.method = "POST";     
  request.afterLoadCallBack = function(){getOrdre(elementid,request)} ;          
  request.send();          
}
  
function getOrdre(elementid,request){
  var div=document.getElementById('popupOrdre');
  var cont=document.getElementById('ordreConteneur');
  if(cont){
    div.removeChild(cont);
  }
  
  
  var racine = activsoft.ajax.util.xpathNodeList('//BODY',request.xmlDocumentLoaded.documentElement,request.xmlDocumentLoaded)[0];
  if(!racine.firstChild){return;}
  var node = racine.firstChild;
 
  
  //Construction du formulaire
  var listeOrdre = document.createElement('div');
  listeOrdre.setAttribute("style","padding-top:5px;padding-bottom:5px;");
  listeOrdre.setAttribute("id","ordreConteneur");
  while(node){          
    var tab= document.createElement('table');
    tab.setAttribute("cellpadding","0");
    tab.setAttribute("cellspacing","0");
    var row1=document.createElement('tr');
    var row2=document.createElement('tr');
    var cell1=document.createElement('td');          
    var cell11=document.createElement('td');          
    var cell2=document.createElement('td');
    cell2.setAttribute("rowspan","2")
    
    
    //Si c'est le premier, pas de fleche haut
    if(node.previousSibling){
      cell1.style.fontSize='4px';
      cell1.style.width='15px';
      cell1.style.cursor='pointer';
      var imgh=document.createElement("img");
      imgh.setAttribute("src","img/ordrehaut.gif");
      imgh.setAttribute("border","0");
      imgh.setAttribute("onclick","move('"+node.attributes[0].nodeValue+"','"+node.previousSibling.attributes[0].nodeValue+"','"+elementid+"')");
      cell1.appendChild(imgh);
    }
    else{
      cell1.appendChild(document.createTextNode(' '));
    }
    
    cell2.appendChild(document.createTextNode(node.attributes[1].nodeValue));
    
    //Si c'est le dernier, pas de fleche bas
    if(node.nextSibling){
      var imgb=document.createElement("img");
      imgb.setAttribute("src","img/ordrebas.gif");
      imgb.setAttribute("border","0");
      imgb.setAttribute("onclick","move('"+node.attributes[0].nodeValue+"','"+node.nextSibling.attributes[0].nodeValue+"','"+elementid+"')");
      cell11.style.fontSize='4px';
      cell11.style.width='15px';
      cell11.style.cursor='pointer';
      cell11.appendChild(imgb);
    }
    else{
      cell11.appendChild(document.createTextNode(' '));
    }
    
    row1.appendChild(cell1);
    row1.appendChild(cell2);
    row2.appendChild(cell11);
    tab.appendChild(row1);
    tab.appendChild(row2);
    
    listeOrdre.appendChild(tab);
    var node = node.nextSibling;
  }
  
  var lienclose=document.createElement('div');
  var imgc=document.createElement("img");
  imgc.setAttribute("src","img/puce.gif");
  imgc.setAttribute("border","0");
  imgc.setAttribute("valign","absmiddle");
  lienclose.style.fontWeight='bold';
  lienclose.style.cursor='pointer';
  lienclose.style.textAlign='right';
  lienclose.style.paddingRight='5px';
  lienclose.setAttribute("onclick","hidePopupOrdre()");
  lienclose.appendChild(imgc);
  lienclose.appendChild(document.createTextNode(' Fermer'));
  listeOrdre.appendChild(lienclose);
  
  div.appendChild(listeOrdre); 
  div.innerHTML += '';       
  div.style.display='';
}
  
function move(id,where,elementid){
  var request = new activsoft.ajax.RequestToSend();          
  request.page = "xslt.aspx";           
  request.request = 'typerubrique=1&rubriqueid=39&enregistrementid=36&firstenr=2&nbenr=2&enr2='+id+'&enr3='+where+'&elementid='+elementid;     
  request.method = "POST";     
  request.afterLoadCallBack = function(){getOrdre(elementid, request)} ;          
  request.send();  
} 
  
function hidePopupOrdre(){
  var div=document.getElementById('popupOrdre');
  div.style.display='none'; 
  location.reload();
}