jQuery(document).ready(function() {
      // cookie period
      var days = 30;
      // load positions form cookies
      $(".draggable").each( function( index ){
      $(this).css( "left",
      $.cookie( "im_" + this.id + "_left") );
      $(this).css( "top",
      $.cookie( "im_" + this.id + "_top") );
      });
      // make draggable, show, bind event
      $(".draggable").draggable({cursor: "move"});
      $('.draggable').show();
      $('.draggable').bind('dragstop', savePos);
      // save positions into cookies
      function savePos( event, ui ){
      $.cookie("im_" + this.id + "_left",
      $(this).css("left"), { path: '/', expires: days });
      $.cookie("im_" + this.id + "_top",
      $(this).css("top"), { path: '/', expires: days });
      }
      });