$(".draggable").bind('dragstop', function(e, ui) {
      xPos = e.pageX; yPos = e.pageY;
      $("#status").html(this.attr('id') + ':  ' +  e.pageX +', '+ e.pageY);
      this.html(
           this.attr('id') + " " + 
           "<a href=" + this.attr('url') + " " + 
           "target=iframe" + ">" + 
           "<img align=right width=15 height=15 src=" + "@logo.gif" + ">" +
           "</a>" +
           "<br>"  + e.pageX +', '+ e.pageY);
           var red = Math.floor((255 * ((550-yPos)/550)) % 255);
           var blue = Math.floor((255 * (xPos/950)) % 255);
           // var red = Math.floor((255 * ((480-yPos)/480)) % 255);
           // var blue = Math.floor((255 * (xPos/860)) % 255);
           var yellow = Math.floor( 1.1 * (255-Math.abs(red-blue)) * (red/255) * (blue/255)) % 255;
           var color = "rgb(" + red + "," + yellow + "," + blue + ")";
           // alert(color);
           this.css('border-color',color);
           $('body').css('background',color);
      send(this.attr('id'));
      });
    });
    </script>
  </head>