var objToPop;
   var absPosX;
   var absPosY;
   var focusObject;

   function getOffsetsOfObject(obj) {
      var offsets = {x: 0, y: 0};
      if (obj.offsetParent) {
         do {
            offsets.x += obj.offsetLeft;
            offsets.y += obj.offsetTop;
         } while (obj = obj.offsetParent);
      } else {
         offsets.x = obj.offsetLeft;
         offsets.y = obj.offsetTop;
      }
      return offsets;
   }

   function OLD_getMouseCoordsWithinEventTarget(event) {
      var coords = { x: 0, y: 0 };

      if(!event) {   // Qui abbiamo un non-DOM browser (IE??)
         event = window.event;
         coords.x = event.offsetX ; /* - (focusObject.offsetParent ? focusObject.offsetLeft : 0); */
         coords.y = event.offsetY ; /* - (focusObject.offsetParent ? focusObject.offsetTop : 0); */
      } else {   // DOM browser
         var Element = event.target;
         var CalculatedTotalOffsetLeft = 0;
         var CalculatedTotalOffsetTop = 0;

         while (Element.offsetParent) {
            CalculatedTotalOffsetLeft += Element.offsetLeft;     
            CalculatedTotalOffsetTop += Element.offsetTop;
            Element = Element.offsetParent;
         }

         coords.x = event.pageX - CalculatedTotalOffsetLeft;
         coords.y = event.pageY - CalculatedTotalOffsetTop;
      }

      return coords;
   }

   function getMouseCoordsWithinEventTarget(e){
     var ie = document.all ? true : false;
     var coords = { x:0, y:0 };

     var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
     var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;

     coords.y = (u);
     coords.x = (l);

     return coords;
   }

   function getPageCoords(emt) {
      var coords = {x: 0, y: 0};
      while (emt) {
         coords.x += emt.offsetLeft;
         coords.y += emt.offsetTop;
         emt = emt.offsetParent;
      }
      return coords;
   }

   function visualizzaImmagine(mioSpan, img, codice, urlBase) {
      var contenuto  = '<div style=\"width: 100%; background-color: #0000c0; color: #ffffff\">';
          contenuto += '   <p style=\"margin: 0px; font-family: Verdana, Arial; font-size: 9px; text-align: center\">Anteprima Articolo ' + codice + '</p>';
          contenuto += '</div>';
          contenuto += '<div style=\"width: 100% background-color: #ffffff; color: #000000\">';
          contenuto += '   <p style=\"margin: 0px; text-align: left; font-size: 9px\"><img alt=\"' + img + '\" title=\"' + img + '\" src=\"' + urlBase + '/images/products/' + img + '\" /></p>';
          contenuto += '</div>';
      var posiz = getOffsetsOfObject( mioSpan );
      absPosX = posiz.x;
      absPosY = posiz.y;
      focusObject = mioSpan;
      mioSpan.onmousemove=mouseMosso;
      document.getElementById('popUpImg').innerHTML = contenuto;
      objToPop = document.getElementById('popUpImg');
   }

   function visLastra(mioSpan, codice, urlBase) {
      var contenuto  = '<div style=\"width: 100%; background-color: #0000c0; color: #ffffff\">';
          contenuto += '   <p style=\"margin: 0px; font-family: Verdana, Arial; font-size: 9px; text-align: center\">Anteprima Lastra ' + codice + '</p>';
          contenuto += '</div>';
          contenuto += '<div style=\"width: 100% background-color: #ffffff; color: #000000\">';
          contenuto += '   <p style=\"margin: 0px; text-align: left; font-size: 9px\"><img alt=\"' + codice + '\" title=\"' + codice + '\" src=\"' + urlBase + codice + '\" /></p>';
          contenuto += '</div>';
      var posiz = getOffsetsOfObject( mioSpan );
      absPosX = posiz.x;
      absPosY = posiz.y;
      focusObject = mioSpan;
      mioSpan.onmousemove=mouseMosso;
      document.getElementById('popUpImg').innerHTML = contenuto;
      objToPop = document.getElementById('popUpImg');
   }

   function visualizza(mioDiv, ragSoc, indir, cap, citta, prov) {
      var contenuto  = '<div style=\"width: 100%; background-color: #0000c0; color: #ffffff\">';
          contenuto += '   <p style=\"margin: 0px; font-family: Verdana, Arial; font-size: 9px; text-align: center\">Informazioni sulla destinazione</p>';
          contenuto += '</div>';
          contenuto += '<div style=\"width: 100% background-color: #ffffff; color: #000000\">';
          contenuto += '   <p style=\"margin: 0px; text-align: left; font-family: Verdana, Arial; font-size: 9px\"><span style=\"font-weight: bold\">' + ragSoc + '</span><br />' + indir + '<br />' + cap + ' - ' + citta + ' (' + prov + ')</p>';
          contenuto += '</div>';
      var posiz = getOffsetsOfObject( mioDiv );
      absPosX = posiz.x;
      absPosY = posiz.y;
      focusObject = mioDiv;
      mioDiv.onmousemove=mouseMosso;
      document.getElementById('popUp').innerHTML = contenuto;
      objToPop = document.getElementById('popUp');
   }

   function visualizzaComandi(mioP, dsc) {
      var contenuto  = '<div style=\"width: 100%; background-color: #0000c0; color: #ffffff\">';
          contenuto += '   <p style=\"margin: 0px; font-size: 9px; text-align: center\">Informazioni sul filtro</p>';
          contenuto += '</div>';
          contenuto += '<div style=\"width: 100% background-color: #ffffff; color: #000000\">';
          contenuto += '   <p style=\"margin: 0px; text-align: left; font-size: 9px\">' + dsc + '</p>';
          contenuto += '</div>';
      var posiz = getOffsetsOfObject( mioP );
      absPosX = posiz.x;
      absPosY = posiz.y;
      focusObject = mioP;
      mioP.onmousemove=mouseMosso;
      document.getElementById('popUpComandi').innerHTML = contenuto;
      objToPop = document.getElementById('popUpComandi');
   }

   function visualizzaHelpReg(mioP, dsc) {
      var contenuto  = '<div style=\"width: 100%; background-color: #0000c0; color: #ffffff\">';
          contenuto += '   <p style=\"margin: 0px; font-family: Verdana, Arial; font-size: 9px; text-align: center\">Informazioni sul filtro</p>';
          contenuto += '</div>';
          contenuto += '<div style=\"width: 100% background-color: #ffffff; color: #000000\">';
          contenuto += '   <p style=\"margin: 10px 0px 0px 0px; text-align: left; font-family: Verdana, Arial; font-size: 9px\">' + dsc + '</p>';
          contenuto += '</div>';
      var posiz = getOffsetsOfObject( mioP );
      absPosX = posiz.x;
      absPosY = posiz.y;
      focusObject = mioP;
      mioP.onmousemove=mouseMosso;
      document.getElementById('popUpReg').innerHTML = contenuto;
      objToPop = document.getElementById('popUpReg');
   }

   function mouseMosso(evt) {
      var coords;

      coords = getMouseCoordsWithinEventTarget(evt);
      relMX = coords.x;
      relMY = coords.y;

/*
      objToPop.style.visibility = 'visible';
      objToPop.style.left = '' + (absPosX + relMX + 16) + 'px';
      objToPop.style.top = '' + (absPosY + relMY + 16) + 'px';
*/
      objToPop.style.visibility = 'visible';
      objToPop.style.left = '' + (relMX + 16) + 'px';
      objToPop.style.top = '' + (relMY + 16) + 'px';

   }

   function nascondi() {
      document.getElementById('popUp').style.visibility = 'hidden';
      objToPop = null;
      absPosX = absPosY = 0;
   }

   function nascondiComandi() {
      document.getElementById('popUpComandi').style.visibility = 'hidden';
      objToPop = null;
      absPosX = absPosY = 0;
   }

   function nascondiHelpReg() {
      document.getElementById('popUpReg').style.visibility = 'hidden';
      objToPop = null;
      absPosX = absPosY = 0;
   }

   function nascondiBanner(banner) {
      document.getElementById(banner).style.visibility = 'hidden';
   }

   function nascondiImmagine() {
      document.getElementById('popUpImg').style.visibility = 'hidden';
      objToPop = null;
      absPosX = absPosY = 0;
   }

   function nascondiLastra() {
      document.getElementById('popUpImg').style.visibility = 'hidden';
      objToPop = null;
      absPosX = absPosY = 0;
   }