window.addEvent('domready', function(){
  //creation du panier si le div panierjs existe
  if($('panierjs'))
    creation_panierjs();
});
/////////////////////////////////
//creation_panierjs()
//////////////////////////////////
function creation_panierjs() {
  //on active le scrolling avec transition
 window.addEvent("domready", function() {
      new SmoothScroll({duration: 1500, transition: Fx.Transitions.sineInOut});
  });
  //permet de deplacer le div
  $('panierjs').makeDraggable({
   });
  //on repositionne le div toute les 1 seconde
 setInterval(repositionner,1000);
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////
//Fonction qui repositionne le div table des matieres a intervalle regulier si necessaire.
////////////////////////////////////////////////////////////////////////////////////////////////////////
function repositionner() {
   //on declare l'effet de mouvement du bloc. On joue sur sa propriete top puisqu'on la definit en position absolute.
   var effetTop = new Fx.Style('panierjs', 'top', {duration : 700,transition: Fx.Transitions.sineOut}) ;
   //retourne la position actuelle
   var position_actuelle = $('panierjs').getStyle('top');
   //on positionne le panier, de sa position actuelle jusqu'a l'endroit actuel de scroll
   effetTop.start(position_actuelle,document.documentElement.scrollTop);
}