divId	= "draggable_div";
function dragDiv(descr){
    if (descr==null){   //--se la descr � vuota.. cancello il DIV
          var olddiv = document.getElementById(divId);
          document.onmousemove = null;
          document.body.removeChild(olddiv);
          return false;
          }//-descr

    /*----create div----*/
    divcreato = document.createElement("div");      //crea blocco div
    divcreato.id = divId;                    //assegna al div un nome
    document.body.appendChild(divcreato);           //appende al documento html il blocco
    
    divcreato.innerHTML = "<div class='fumetto'></div><div class='contenutofumetto'>"+descr+"</div>";
    
    mydiv = document.getElementById(divId);  //lo trova
    startDrag(divId);                     //---comincia il trascinamento
    }//createDiv
    
    //--funzioni che permettono al div di seguire il mouse
function startDrag(divName){
    //var divName = 'descr_link'; // id of the div that is to follow the mouse (must be position:absolute)
	  var offX = -10;         		// X offset from mouse position
    var offY = -160;        	    // Y offset from mouse position

    function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
    function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
    function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
                          obj.left = (parseInt(mouseX(evt))+offX) + 'px';
                          obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
    document.onmousemove = follow;
    }
    //--FINE funzioni che permettono al div di seguire il mouse