// $(".draggable").({ zIndex: 2700 });
      $(".draggable").bind('drag', function(e, ui) {
      xPos = e.pageX; yPos = e.pageY;
      // this.html( this.attr('id') + " " + "<br>"  + e.pageX +', '+ e.pageY);
           var red = Math.floor((255 * ((550-yPos)/550)) % 255);
           var blue = Math.floor((255 * (xPos/950)) % 255);
           // var yellow = Math.floor((255-Math.abs(red-blue)) % 255);
           // var yellow = Math.floor((255-Math.abs(red-blue)) * (red/255) * (blue/255)) % 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);
      // this.html(": " e.pageX +', '+ e.pageY);
      });