/* resizing.js */
      var draggedElem;
      var offsetX = 0;
      var offsetY = 0;
      
      function resizeIt(evt) {
         evt = (evt) ? evt : (window.event) ? window.event : "";

         var targElem = (evt.target) ? evt.target : evt.srcElement;
         if (draggedElem) {
            targElem = draggedElem;
            if (evt.pageX) {
               targElem.style.width = (evt.pageX - targElem.offsetLeft - offsetX) + "px";
               targElem.style.height = (evt.pageY - targElem.offsetTop - offsetY) + "px";
                        

            } else {
               var elemWidth = evt.clientX - targElem.offsetLeft - offsetX - (parseInt(targElem.style.left) - parseInt(targElem.offsetLeft));
               var elemHeight = evt.clientY - targElem.offsetTop - offsetY - (parseInt(targElem.style.top) - parseInt(targElem.offsetTop));
               targElem.style.width = elemWidth + "px";
               targElem.style.height = elemHeight + "px";
               
            }
            if (targElem.id == "myCell") {
             document.form_dim.passoX.value=parseInt(targElem.style.width);
               document.form_dim.passoY.value=parseInt(targElem.style.height);
			}
            if (targElem.id == "myFig") {
             document.form_dim.L.value=parseInt(targElem.style.width);
               document.form_dim.H.value=parseInt(targElem.style.height);
               document.getElementById("figura").width=parseInt(targElem.style.width);
               document.getElementById("figura").height=parseInt(targElem.style.height);
                            

			}
         }
      }
      
      function engage(evt) {
         evt = (evt) ? evt : (window.event) ? window.event : "";
         var targElem = (evt.target) ? evt.target : evt.srcElement;
         if (targElem.className == "draggable") {
          /*while (targElem.id !=  "myFig" && targElem.parentNode  ) {
               targElem = targElem.parentNode;
            }*/
            if (targElem.id ==  "myCell" || "myFig" ) {
               if (evt.pageX && (evt.pageX > ((parseInt(targElem.style.width) - 20) + targElem.offsetLeft)) && (evt.pageY > ((parseInt(targElem.style.height) - 20) + targElem.offsetTop))) {
                  offsetX = evt.pageX - parseInt(targElem.style.width) - targElem.offsetLeft;
                  offsetY = evt.pageY - parseInt(targElem.style.height) - targElem.offsetTop;
                  draggedElem = targElem;
               } else if ((evt.offsetX > parseInt(targElem.style.width) - 20) && (evt.offsetY > parseInt(targElem.style.height) - 20)) {
                  offsetX = evt.offsetX - parseInt(targElem.style.width) - document.body.scrollLeft;
                  offsetY = evt.offsetY - parseInt(targElem.style.height) - document.body.scrollTop;
                  draggedElem = targElem;
                  if (navigator.userAgent.indexOf("Win") == -1) { // se il sistema operativo non è Windows...
                     offsetX += document.body.scrollLeft;
                     offsetY += document.body.scrollTop;
                  }
               }
               return false;
            }
         }
      }
      function release(evt) {
         evt = (evt) ? evt : (window.event) ? window.event : "";
         var targElem = (evt.target) ? evt.target : evt.srcElement;
		if (targElem.className == "draggable") {
            while (targElem.id !=  "myFig" && targElem.parentNode ) {
               targElem = targElem.parentNode;
            }
 
            if (draggedElem && targElem.id ==  "myFig" || "myCell") {
               draggedElem = null;
            } 

         }
      }