puffer 0.0.5 → 0.0.6

data/lib/generators/puffer/install/templates/puffer/javascripts/right-lightbox.js

@@ -0,0 +1,24 @@
+/**
+ * Lightbox feature for RightJS
+ * http://rightjs.org/ui/lightbox
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var Lightbox=RightJS.Lightbox=function(j,d){var q=d.$,s=d.$$,u=d.$w,h=d.$E,v=d.$ext,w=d.Xhr,r=d.Class,x=d.Object,k=d.Element,i=d.Browser;i.IE6=i.OLD&&navigator.userAgent.indexOf("MSIE 6")>0;var y=new d.Class(d.Element,{initialize:function(a){this.$super("div",{"class":"rui-spinner"});this.dots=[];for(var b=0;b<(a||4);b++)this.dots.push(new d.Element("div"));this.dots[0].addClass("glowing");this.insert(this.dots);d(this.shift).bind(this).periodical(300)},shift:function(){if(this.visible()){var a=this.dots.pop();
+this.dots.unshift(a);this.insert(a,"top")}}}),f=new (function(a,b){if(!b){b=a;a="DIV"}var c=new d.Class(d.Element.Wrappers[a]||d.Element,{initialize:function(e,g){this.key=e;var l=[{"class":"rui-"+e}];this instanceof d.Input||this instanceof d.Form||l.unshift(a);this.$super.apply(this,l);if(d.isString(g))g=d.$(g);if(g instanceof d.Element){this._=g._;if("$listeners"in g)g.$listeners=g.$listeners;g={}}this.setOptions(g,this);return d.Wrapper.Cache[d.$uid(this._)]=this},setOptions:function(e,g){g=g||
+this;d.Options.setOptions.call(this,d.Object.merge(e,eval("("+(g.get("data-"+this.key)||"{}")+")")));return this}});c=new d.Class(c,b);d.Observer.createShortcuts(c.prototype,c.EVENTS||[]);return c})({extend:{version:"2.2.0",EVENTS:u("show hide load"),Options:{fxName:"fade",fxDuration:300,group:null,hideOnEsc:true,hideOnOutClick:true,showCloseButton:true,cssRule:"a[data-lightbox]",mediaWidth:425,mediaHeight:350},i18n:{Close:"Close",Prev:"Previous Image",Next:"Next Image"},Images:/\.(jpg|jpeg|gif|png|bmp)/,
+Medias:[[/(http:\/\/.*?youtube\.[a-z]+)\/watch\?v=([^&]+)/,"$1/v/$2","swf"],[/(http:\/\/video.google.com)\/videoplay\?docid=([^&]+)/,"$1/googleplayer.swf?docId=$2","swf"],[/(http:\/\/vimeo\.[a-z]+)\/([0-9]+).*?/,"$1/moogaloop.swf?clip_id=$2","swf"]]},initialize:function(a,b){this.$super("lightbox",{}).setOptions(a,b).insert([this.locker=new z(this.options),this.dialog=new A(this.options)]).on({close:this._close,next:this._next,prev:this._prev})},setOptions:function(a,b){this.$super(a,b);if(b){var c=
+b.get("rel");if(c&&(c=c.match(/lightbox\[(.+?)\]/)))this.options.group=c[1]}return this},setTitle:function(a){this.dialog.setTitle(a);return this},show:function(a){return this._showAnd(function(){this.dialog.show(a,!a)})},hide:function(){f.current=null;return this.$super(this.options.fxName,{duration:this.options.fxDuration/3,onFinish:d(function(){this.fire("hide");this.remove()}).bind(this)})},load:function(a,b){return this._showAnd(function(){this.dialog.load(a,b)})},resize:function(a){this.dialog.resize(a);
+return this},_close:function(a){a.stop();this.hide()},_prev:function(a){a.stop();m.prev()},_next:function(a){a.stop();m.next()},_showAnd:function(a){if(f.current!==this){f.current=this;s("div.rui-lightbox").each("remove");this.insertTo(j.body);this.dialog.show("",true);if(i.OLD){this.reposition();k.prototype.show.call(this);a.call(this)}else{this.setStyle("display:none");k.prototype.show.call(this,this.options.fxName,{duration:this.options.fxDuration/2,onFinish:d(function(){a.call(this);this.fire("show")}).bind(this)})}}else a.call(this);
+return this},reposition:function(){if(i.IE6){var a=q(window);this.setStyle({top:a.scrolls().y+"px",width:a.size().x+"px",height:a.size().y+"px",position:"absolute"})}}});f.extend({hide:function(){f.current&&f.current.hide()},show:function(){return this.inst("show",arguments)},load:function(){return this.inst("load",arguments)},inst:function(a,b){var c=new f;return c[a].apply(c,b)}});var z=new r(k,{initialize:function(a){this.$super("div",{"class":"rui-lightbox-locker"});a.hideOnOutClick&&this.onClick("fire",
+"close")}}),A=new r(k,{initialize:function(a){var b=f.i18n;this.options=a;this.$super("div",{"class":"rui-lightbox-dialog"});this.insert([this.title=h("div",{"class":"rui-lightbox-title"}),h("div",{"class":"rui-lightbox-body"}).insert(h("div",{"class":"rui-lightbox-body-inner"}).insert([this.locker=h("div",{"class":"rui-lightbox-body-locker"}).insert(new y(4)),this.scroller=h("div",{"class":"rui-lightbox-scroller"}).insert(this.content=h("div",{"class":"rui-lightbox-content"}))])),h("div",{"class":"rui-lightbox-navigation"}).insert([this.closeButton=
+h("div",{"class":"close",html:"&times;",title:b.Close}).onClick("fire","close"),this.prevLink=h("div",{"class":"prev",html:"&larr;",title:b.Prev}).onClick("fire","prev"),this.nextLink=h("div",{"class":"next",html:"&rarr;",title:b.Next}).onClick("fire","next")])]);this.prevLink.hide();this.nextLink.hide();a.showCloseButton||this.closeButton.hide()},setTitle:function(a){this.title.update(a||"")},resize:function(a,b){var c=this.parent().size(),e=this.scroller.size(),g=(c.y-this.size().y)/2,l=this.size().x-
+e.x;if(a){a=this.scroller.setStyle(a).size();this.scroller.setStyle({width:e.x+"px",height:e.y+"px"})}else a=this.content.size();if(a.x+100>c.x)a.x=c.x-100;if(a.y+100>c.y)a.y=c.y-100;var t=(g*2+e.y-a.y)/2,n=this._.style,o=this.scroller._.style;if(d.Fx&&b&&(a.x!=e.x||a.y!=e.y))v(new d.Fx(this,{duration:this.options.fxDuration}),{render:function(p){o.width=e.x+(a.x-e.x)*p+"px";o.height=e.y+(a.y-e.y)*p+"px";n.top=g+(t-g)*p+"px";if(i.IE6)n.width=l+e.y+(a.y-e.y)*p+"px"}}).onFinish(d(this.unlock).bind(this)).start();
+else{o.width=a.x+"px";o.height=a.y+"px";n.top=t+"px";if(i.IE6)n.width=l+a.x+"px";this.request||this.unlock()}return this},show:function(a,b){this.content.update(a||"");this.resize(null,!b)},load:function(a,b){if(a instanceof k){this.setTitle(a.get("title"));a=a.get("href")}m.show(this,a);this.lock().cancel();this.request=new B(a,b,d(function(c,e){this.request=null;this.show(c,e)}).bind(this));return this.resize()},cancel:function(){this.request&&this.request.cancel();return this},lock:function(){this.locker.setStyle("opacity:1;display:block").insertTo(this.scroller,
+"before");return this},unlock:function(){this.locker.remove(d(this.content.html()).blank()?null:"fade",{duration:this.options.fxDuration*2/3});return this}}),B=new r({initialize:function(a,b,c){if(this.isImage(a,c))f.current.addClass("rui-lightbox-image");else if(this.isMedia(a,c))f.current.addClass("rui-lightbox-media");else this.xhr=(new w(a,x.merge({method:"get"},b))).onComplete(function(){c(this.text)}).send()},cancel:function(){if(this.xhr)this.xhr.cancel();else if(this.img)this.img.onload=function(){}},
+isImage:function(a,b){if(a.match(f.Images)){var c=this.img=h("img")._;c.onload=function(){b(c)};c.src=a;return true}},isMedia:function(a,b){var c=d(f.Medias).map(function(e){return a.match(e[0])?this.buildEmbed(a.replace(e[0],e[1]),e[2]):null},this).compact()[0];if(c){b(c,true);return true}},buildEmbed:function(a,b){var c={swf:["D27CDB6E-AE6D-11cf-96B8-444553540000","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0","application/x-shockwave-flash"]},e=f.current?
+f.current.options:f.Options;e=' width="'+e.mediaWidth+'" height="'+e.mediaHeight+'"';return'<object classid="clsid:'+c[b][0]+'" codebase="'+c[b][1]+'"'+e+'><param name="src" value="'+a+'" /><embed src="'+a+'" type="'+c[b][2]+'"'+e+" /></object>"}}),m={show:function(a,b){if(a.options.group){this.dialog=a;this.links=this.find(a.options.group);this.link=this.links.first(function(g){return g.get("href")===b});var c=this.links.indexOf(this.link),e=this.links.length;a.prevLink[e&&c>0?"show":"hide"]();a.nextLink[e&&
+c<e-1?"show":"hide"]()}else this.dialog=null},prev:function(){if(this.dialog&&!this.timer){var a=this.links[this.links.indexOf(this.link)-1];if(a){this.dialog.load(a);this.timeout()}}},next:function(){if(this.dialog&&!this.timer){var a=this.links[this.links.indexOf(this.link)+1];if(a){this.dialog.load(a);this.timeout()}}},find:function(a){return s("a").filter(function(b){var c=b.get("data-lightbox");b=b.get("rel");return c&&eval("("+c+")").group===a||b&&b.indexOf("lightbox["+a+"]")>-1})},timeout:function(){this.timer=
+d(function(){m.timer=null}).delay(300)}};q(j).on({click:function(a){var b=a.find(f.Options.cssRule)||a.find("a[rel^=lightbox]");if(b){a.stop();(new f({},b)).load(b)}},mousewheel:function(a){if(f.current){var b=a.target;if(!b.parent("div.rui-lightbox-content")||b.getStyle("overflow")==="visible")a.stop();f.current.fire((a._.detail||-a._.wheelDelta)<0?"prev":"next")}},keydown:function(a){var b=f.current,c={27:"close",33:"prev",37:"prev",38:"prev",39:"next",40:"next",34:"next"}[a.keyCode];if(b&&c)if(c!==
+"close"||b.options.hideOnEsc){a.stop();b.fire(c)}}});q(window).on({resize:function(){if(f.current){f.current.reposition();f.current.dialog.resize()}},scroll:function(){f.current&&i.IE6&&f.current.reposition()}});(function(){var a=j.createElement("style"),b=j.createTextNode("div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}div.rui-lightbox{position:fixed;top:0;left:0;float:none;width:100%;height:100%;margin:0;padding:0;background:none;border:none;text-align:center;z-index:9999;z-index/*\\**/:auto\\9;}div.rui-lightbox-locker{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80);cursor:default;z-index/*\\**/:9990\\9;}div.rui-lightbox-dialog{display:inline-block; *display:inline; *zoom:1;position:relative;text-align:left;z-index/*\\**/:9999\\9;}div.rui-lightbox-title{height:1.2em;margin-bottom:.1em;white-space:nowrap;color:#DDD;font-weight:bold;font-size:1.6em;font-family:Helvetica}div.rui-lightbox-body{background-color:#FFF;padding:1em;border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em}div.rui-lightbox-body-inner{position:relative}div.rui-lightbox-scroller{overflow:hidden}div.rui-lightbox-content{display:inline-block; *display:inline; *zoom:1;min-height:10em;min-width:10em;_height:10em;_width:10em}div.rui-lightbox-body-locker{background-color:white;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}div.rui-lightbox-body-locker div.rui-spinner{position:absolute;right:0;bottom:0;border:none;background:none;font-size:150%}div.rui-lightbox-navigation{color:#888;font-size:160%;font-family:Arial;height:1em;user-select:none;-moz-user-select:none;-webkit-user-select:none}div.rui-lightbox-navigation div{cursor:pointer;position:absolute}div.rui-lightbox-navigation div:hover{color:white}div.rui-lightbox-navigation div.next{left:2em}div.rui-lightbox-navigation div.close{right:0}div.rui-lightbox-image div.rui-lightbox-body,div.rui-lightbox-media div.rui-lightbox-body{padding:0;border:1px solid #777;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px}div.rui-lightbox-image div.rui-lightbox-content,div.rui-lightbox-media div.rui-lightbox-content{min-height:12em;min-width:12em;_height:12em;_width:12em}div.rui-lightbox-image div.rui-lightbox-content img{vertical-align:middle}div.rui-lightbox-image div.rui-lightbox-body,div.rui-lightbox-image div.rui-lightbox-body-locker,div.rui-lightbox-media div.rui-lightbox-body,div.rui-lightbox-media div.rui-lightbox-body-locker{background-color:#D8D8D8}div.rui-lightbox-image div.rui-lightbox-body-locker div.rui-spinner,div.rui-lightbox-media div.rui-lightbox-body-locker div.rui-spinner{bottom:.5em;right:.5em}");
+a.type="text/css";if(a.styleSheet)a.styleSheet.cssText=b.nodeValue;else a.appendChild(b);j.getElementsByTagName("head")[0].appendChild(a)})();return f}(document,RightJS);

data/lib/generators/puffer/install/templates/puffer/javascripts/right-sortable-src.js

@@ -0,0 +1,428 @@
+/**
+ * Sortable feature for RightJS
+ * See http://rightjs.org/ui/sortable
+ *
+ * NOTE: requires the dnd-plugin
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var Sortable = RightJS.Sortable = (function(document, RightJS) {
+/**
+ * This module defines the basic widgets constructor
+ * it creates an abstract proxy with the common functionality
+ * which then we reuse and override in the actual widgets
+ *
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
+ */
+
+/**
+ * Sortable initialization script
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var R        = RightJS,
+    $        = RightJS.$,
+    $w       = RightJS.$w,
+    isString = RightJS.isString,
+    isArray  = RightJS.isArray,
+    Object   = RightJS.Object;
+
+
+
+
+/**
+ * The widget units constructor
+ *
+ * @param String tag-name or Object methods
+ * @param Object methods
+ * @return Widget wrapper
+ */
+function Widget(tag_name, methods) {
+  if (!methods) {
+    methods = tag_name;
+    tag_name = 'DIV';
+  }
+
+  /**
+   * An Abstract Widget Unit
+   *
+   * Copyright (C) 2010 Nikolay Nemshilov
+   */
+  var AbstractWidget = new RightJS.Class(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
+    /**
+     * The common constructor
+     *
+     * @param Object options
+     * @param String optional tag name
+     * @return void
+     */
+    initialize: function(key, options) {
+      this.key = key;
+      var args = [{'class': 'rui-' + key}];
+
+      // those two have different constructors
+      if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
+        args.unshift(tag_name);
+      }
+      this.$super.apply(this, args);
+
+      if (RightJS.isString(options)) {
+        options = RightJS.$(options);
+      }
+
+      // if the options is another element then
+      // try to dynamically rewrap it with our widget
+      if (options instanceof RightJS.Element) {
+        this._ = options._;
+        if ('$listeners' in options) {
+          options.$listeners = options.$listeners;
+        }
+        options = {};
+      }
+      this.setOptions(options, this);
+
+      return (RightJS.Wrapper.Cache[RightJS.$uid(this._)] = this);
+    },
+
+  // protected
+
+    /**
+     * Catches the options
+     *
+     * @param Object user-options
+     * @param Element element with contextual options
+     * @return void
+     */
+    setOptions: function(options, element) {
+      element = element || this;
+      RightJS.Options.setOptions.call(this,
+        RightJS.Object.merge(options, eval("("+(
+          element.get('data-'+ this.key) || '{}'
+        )+")"))
+      );
+      return this;
+    }
+  });
+
+  /**
+   * Creating the actual widget class
+   *
+   */
+  var Klass = new RightJS.Class(AbstractWidget, methods);
+
+  // creating the widget related shortcuts
+  RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
+
+  return Klass;
+}
+
+
+/**
+ * The Sortable unit
+ *
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+var Sortable = new Widget('UL', {
+  extend: {
+    version: '2.2.0',
+
+    EVENTS: $w('start change finish'),
+
+    Options: {
+      url:        null,       // the Xhr requests url address, might contain the '%{id}' placeholder
+      method:     'put',      // the Xhr requests method
+
+      Xhr:        {},         // additional Xhr options
+
+      idParam:    'id',       // the id value name
+      posParam:   'position', // the position value name
+      parseId:    true,       // if the id attribute should be converted into an integer before sending
+
+      dragClass:  'dragging', // the in-process class name
+      accept:     null,       // a reference or a list of references to the other sortables between which you can drag the items
+      minLength:  1,          // minimum number of items on the list when the feature works
+
+      itemCss:    'li',       // the draggable item's css rule
+      handleCss:  'li',       // the draggables handle element css rule
+
+      cssRule:    '*[data-sortable]' // css-rule for automatically initializable sortables
+    },
+
+    current: false, // a reference to the currently active sortable
+
+    /**
+     * Typecasting the list element for Sortable
+     *
+     * @param Element list
+     * @return Sortable list
+     */
+    cast: function(element) {
+      element = $(element._);
+      if (!(element instanceof Sortable)) {
+        element = new Sortable(element);
+      }
+      return element;
+    }
+  },
+
+  /**
+   * basic constructor
+   *
+   * @param mixed element reference
+   * @param Object options
+   * @return void
+   */
+  initialize: function(element, options) {
+    this.$super('sortable', element)
+      .setOptions(options)
+      .addClass('rui-sortable')
+      .on('finish', this._tryXhr)
+      .on('selectstart', 'stopEvent'); // disable select under IE
+  },
+
+  /**
+   * some additional options processing
+   *
+   * @param Object options
+   * @param Element optional context
+   * @return Sortable this
+   */
+  setOptions: function(options, context) {
+    this.$super(options, context);
+
+    options = this.options;
+
+    // Preprocessing the acceptance list
+    var list = options.accept || [];
+    if (!isArray(list)) { list = [list]; }
+
+    options.accept = R([this].concat(list)).map($).uniq();
+
+    return this;
+  },
+
+  // returns a list of draggable items
+  items: function() {
+    return this.children(this.options.itemCss);
+  },
+
+// protected
+
+  // starts the drag
+  startDrag: function(event) {
+    // don't let to drag out the last item
+    if (this.items().length <= this.options.minLength) { return; }
+
+    // trying to find the list-item upon which the user pressed the mouse
+    var item   = event.find(this.options.itemCss),
+        handle = event.find(this.options.handleCss);
+
+    if (item && handle) {
+      this._initDrag(item, event.position());
+      Sortable.current = this;
+      this.fire('start', this._evOpts(event));
+    }
+  },
+
+  // moves the item
+  moveItem: function(event) {
+    var event_pos = event.position(),
+        item   = this.itemClone._.style,
+        top    = event_pos.y - this.yRDiff,
+        left   = event_pos.x - this.xRDiff,
+        right  = left + this.cloneWidth,
+        bottom = top  + this.cloneHeight;
+
+    // moving the clone
+    item.top  = (event_pos.y - this.yDiff) + 'px';
+    item.left = (event_pos.x - this.xDiff) + 'px';
+
+    // checking for an overlaping item
+    var over_item = this.suspects.first(function(suspect) {
+      return (
+        (top    > suspect.top    && top    < suspect.topHalf) ||
+        (bottom < suspect.bottom && bottom > suspect.topHalf)
+      ) && (
+        (left   > suspect.left   && left   < suspect.leftHalf) ||
+        (right  < suspect.right  && right  > suspect.leftHalf)
+      );
+    });
+
+    if (over_item) {
+      item = over_item.item;
+      item.insert(this.item, item.prevSiblings().include(this.item) ? 'after' : 'before');
+      this._findSuspects();
+
+      this.fire('change', this._evOpts(event, item));
+    }
+  },
+
+  // finalizes the drag
+  finishDrag: function(event) {
+    if (this.itemClone) {
+      this.itemClone.remove();
+      this.item.setStyle('visibility:visible');
+    }
+    Sortable.current = false;
+    this.fire('finish', this._evOpts(event));
+  },
+
+  // returns the event options
+  _evOpts: function(event, item) {
+    item = item || this.item;
+    var list = Sortable.cast(item.parent());
+
+    return {
+      list: list,
+      item: item,
+      event: event,
+      index: list.items().indexOf(item)
+    };
+  },
+
+  _initDrag: function(item, event_pos) {
+    var dims = this.dimensions(), item_dims = item.dimensions();
+
+    // creating the draggable clone
+    var clone = item.clone().setStyle({
+      margin:   0,
+      zIndex:   9999,
+      position: 'absolute',
+      top:      '0px',
+      left:     '0px'
+    })
+    .addClass(this.options.dragClass).insertTo(this)
+    .setHeight(this.cloneHeight = item_dims.height)
+    .setWidth(this.cloneWidth = item_dims.width);
+
+    // adjusting the clone position to compensate relative fields and margins
+    var clone_pos = clone.position(),
+        real_x    = item_dims.left - clone_pos.x,
+        real_y    = item_dims.top  - clone_pos.y;
+
+    clone.moveTo(real_x, real_y);
+
+    this.item = item.setStyle('visibility:hidden');
+    this.itemClone = clone;
+
+    // mouse event-position diffs
+    this.xDiff  = event_pos.x - real_x;
+    this.yDiff  = event_pos.y - real_y;
+    this.xRDiff = event_pos.x - clone.position().x;
+    this.yRDiff = event_pos.y - clone.position().y;
+
+    // collecting the list of interchangable items with their positions
+    this._findSuspects();
+  },
+
+  // collects the precached list of suspects
+  _findSuspects: function() {
+    var suspects = this.suspects = R([]), item = this.item, clone = this.itemClone;
+    this.options.accept.each(function(list) {
+      Sortable.cast(list).items().each(function(element) {
+        if (element !== item && element !== clone) {
+          var dims = element.dimensions();
+
+          // caching the sizes
+          suspects.push({
+            item:     element,
+            top:      dims.top,
+            left:     dims.left,
+            right:    dims.left + dims.width,
+            bottom:   dims.top  + dims.height,
+            topHalf:  dims.top  + dims.height/2,
+            leftHalf: dims.left + dims.width/2
+          });
+        }
+      });
+    });
+  },
+
+  // tries to send an Xhr request about the element relocation
+  _tryXhr: function(event) {
+    if (this.options.url) {
+      var url = R(this.options.url), params = {}, item = event.item, position = event.index + 1;
+
+      // building the Xhr request options
+      var options = Object.merge({
+        method: this.options.method,
+        params: {}
+      }, this.options.Xhr);
+
+      // grabbing the id
+      var id = item.get('id') || '';
+      if (this.options.parseId && id) {
+        id = (id.match(/\d+/) || [''])[0];
+      }
+
+      // assigning the parameters
+      if (url.include('%{id}')) {
+        url = url.replace('%{id}', id);
+      } else {
+        params[this.options.idParam] = id;
+      }
+      params[this.options.posParam] = position;
+
+      // merging the params with possible Xhr params
+      if (isString(options.params)) {
+        options.params += '&'+Object.toQueryString(params);
+      } else {
+        options.params = Object.merge(options.params, params);
+      }
+
+      // calling the server
+      RightJS.Xhr.load(url, options);
+    }
+  }
+});
+
+
+/**
+ * Document level hooks for sortables
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+$(document).on({
+  mousedown: function(event) {
+    var element = event.find(Sortable.Options.cssRule+",*.rui-sortable");
+
+    if (element) {
+      Sortable.cast(element).startDrag(event);
+    }
+  },
+
+  mousemove: function(event) {
+    if (Sortable.current) {
+      Sortable.current.moveItem(event);
+    }
+  },
+
+  mouseup: function(event) {
+    if (Sortable.current) {
+      Sortable.current.finishDrag(event);
+    }
+  }
+});
+
+$(window).onBlur(function() {
+  if (Sortable.current) {
+    Sortable.current.finishDrag();
+  }
+});
+(function() {
+        var style = document.createElement('style'),
+            rules = document.createTextNode(".rui-sortable{user-select:none;-moz-user-select:none;-webkit-user-select:none}");
+
+        style.type = 'text/css';
+
+        if(style.styleSheet) {
+          style.styleSheet.cssText = rules.nodeValue;
+        } else {
+          style.appendChild(rules);
+        }
+
+        document.getElementsByTagName('head')[0].appendChild(style);
+      })();
+
+return Sortable;
+})(document, RightJS);