right-rails 1.2.2 → 1.3.0

data/public/javascripts/right/colorpicker.js

@@ -1,7 +0,0 @@
-/**
- * RightJS-UI Colorpicker v2.2.0
- * http://rightjs.org/ui/colorpicker
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Colorpicker=RightJS.Colorpicker=function(a,b,c,d){function i(a,b,e){var f=this.reAnchor||(this.reAnchor=new d.Element("div",{"class":"rui-re-anchor"})).insert(this),g=f.insertTo(a,"after").position(),h=a.dimensions(),i=this,j=c(a.getStyle("borderTopWidth")),k=c(a.getStyle("borderLeftWidth")),l=c(a.getStyle("borderRightWidth")),m=c(a.getStyle("borderBottomWidth")),n=h.top-g.y+j,o=h.left-g.x+k,p=h.width-k-l,q=h.height-j-m;i.setStyle("visibility:hidden").show(null),b==="right"?o+=p-i.size().x:n+=q,i.moveTo(o,n),e&&(b==="left"||b==="right"?i.setHeight(q):i.setWidth(p)),i.setStyle("visibility:visible").hide(null)}function h(a,b,c,e){d.Fx&&(c===undefined&&(c=a.options.fxName,e===undefined&&(e={duration:a.options.fxDuration,onFinish:d(a.fire).bind(a,b)},b==="hide"&&(e.duration=(d.Fx.Durations[e.duration]||e.duration)/2)))),(!d.Fx||!c)&&a.fire(b);return a.$super(c,e)}function e(a,b){b||(b=a,a="DIV");var c=new d.Class(d.Element.Wrappers[a]||d.Element,{initialize:function(b,c){this.key=b;var e=[{"class":"rui-"+b}];this instanceof d.Input||this instanceof d.Form||e.unshift(a),this.$super.apply(this,e),d.isString(c)&&(c=d.$(c)),c instanceof d.Element&&(this._=c._,"$listeners"in c&&(c.$listeners=c.$listeners),c={}),this.setOptions(c,this);return d.Wrapper.Cache[d.$uid(this._)]=this},setOptions:function(a,b){b&&(a=d.Object.merge(a,(new Function("return "+(b.get("data-"+this.key)||"{}")))())),a&&d.Options.setOptions.call(this,d.Object.merge(this.options,a));return this}}),e=new d.Class(c,b);d.Observer.createShortcuts(e.prototype,e.EVENTS||d([]));return e}var f=new d.Class(d.Element,{initialize:function(a,b){this.$super("div",b),this._.innerHTML=a,this.addClass("rui-button"),this.on("selectstart","stopEvent")},disable:function(){return this.addClass("rui-button-disabled")},enable:function(){return this.removeClass("rui-button-disabled")},disabled:function(){return this.hasClass("rui-button-disabled")},enabled:function(){return!this.disabled()},fire:function(){this.enabled()&&this.$super.apply(this,arguments);return this}}),g={show:function(a,b){this.constructor.current=this;return h(this,"show",a,b)},hide:function(a,b){this.constructor.current=null;return h(this,"show",a,b)},showAt:function(a,b,c){this.hide(null).shownAt=a=d.$(a),i.call(this,a,b,c);return this.show()},toggleAt:function(a,b,c){return this.hidden()?this.showAt(a,b,c):this.hide()}},j={assignTo:function(a,b){a=d.$(a),b=d.$(b),b?(b[this.key]=this,b.assignedInput=a):a[this.key]=this;var c=d(function(){this.visible()&&(!this.showAt||this.shownAt===a)&&this.setValue(a.value())}).bind(this);a.on({keyup:c,change:c}),this.onChange(function(){(!this.showAt||this.shownAt===a)&&a.setValue(this.getValue())});return this}},k=d,l=d.$,m=d.$w,n=d.$$,o=d.$E,p=d.$A,q=d.isArray,r=d.Class,s=d.Element,t=d.Input,u=new e({include:[g,j],extend:{version:"2.2.0",EVENTS:m("change show hide done"),Options:{format:"hex",update:null,updateBg:null,trigger:null,fxName:"fade",fxDuration:"short",cssRule:"*[data-colorpicker]"},i18n:{Done:"Done"},hideAll:function(){n("div.rui-colorpicker").each(function(a){a instanceof u&&!a.inlined()&&a.hide()})}},initialize:function(a){this.$super("colorpicker",a).addClass("rui-panel").insert([this.field=new v,this.colors=new w,this.controls=new x]).on({mousedown:this.startTrack,keyup:this.recalc,blur:this.update,focus:this.cancelTimer,done:this.done}),this.options.update&&this.assignTo(this.options.update,this.options.trigger),this.options.updateBg&&this.updateBg(this.options.updateBg),this.tint=k([1,0,0]),this.satur=0,this.bright=1,this.color=k([255,255,255]),this.recalc().update()},setValue:function(a){var b=q(a)?a:this.toColor(a);b&&b.length===3&&(b=b.map(function(a){return this.bound(c(""+a),0,255)},this),this.color=b,this.color2tint().update(),this.colors.size().y||this.update.bind(this).delay(20));return this},getValue:function(a){return a?this.color:this[this.options.format==="rgb"?"toRgb":"toHex"]()},updateBg:function(a){var b=l(a);b&&this.onChange(k(function(a){b._.style.backgroundColor=this.toRgb()}).bind(this));return this},insertTo:function(a,b){return this.$super(a,b).addClass("rui-colorpicker-inline")},inlined:function(){return this.hasClass("rui-colorpicker-inline")},done:function(){this.inlined()||this.hide();return this},setOptions:function(a){a=a||{},this.$super(a,l(a.trigger||a.update))},update:function(){this.field._.style.backgroundColor="rgb("+this.tint.map(function(a){return b.round(a*255)})+")";var a=this.color,c=this.controls;c.preview._.style.backgroundColor=c.display._.value=this.toHex(),c.rDisplay._.value=a[0],c.gDisplay._.value=a[1],c.bDisplay._.value=a[2];var d=this.field.pointer._.style,e=this.field.size(),f=e.y-this.bright*e.y-2,g=this.satur*e.x-2;d.top=this.bound(f,0,e.y-5)+"px",d.left=this.bound(g,0,e.x-5)+"px";var h=this.tint,i;e=this.colors.size(),h[1]==0?i=h[0]==1?h[2]:2-h[0]:h[0]==0?i=2+(h[2]==1?h[1]:2-h[2]):i=4+(h[1]==1?h[0]:2-h[1]),i=i/6*e.y,this.colors.pointer._.style.top=this.bound(i,0,e.y-4)+"px",this.prevColor!==""+this.color&&(this.fire("change",{value:this.color}),this.prevColor=""+this.color);return this},recalc:function(a){if(a){var b=a.target,c=b._.value,d=p(this.color),e=!1;b===this.controls.display&&/#\w{6}/.test(c)?e=d=this.toColor(c):/^\d+$/.test(c)&&(d[b._.cIndex]=c,e=!0),e&&this.setValue(d)}else this.tint2color();return this},startTrack:function(a){this.stopTrack(),this.cancelTimer(),a.target===this.field.pointer?a.target=this.field:a.target===this.colors.pointer&&(a.target=this.colors);if(a.target===this.field||a.target===this.colors)a.stop(),u.tracking=this,a.target.tracking=!0,this.trackMove(a)},stopTrack:function(){u.tracking=!1,this.field.tracking=!1,this.colors.tracking=!1},trackMove:function(a){var b,c=a.position(),d,e;this.field.tracking?b=this.field.dimensions():this.colors.tracking&&(b=this.colors.dimensions());if(b){d=this.bound(c.y-b.top,0,b.height),e=this.bound(c.x-b.left,0,b.width);if(this.field.tracking)this.satur=e/b.width,this.bright=1-d/b.height;else if(this.colors.tracking){d==b.height&&(d=b.height-.1);var f=b.height/6,g=this.tint=[0,0,0],h=d%f/f,i=1-h;d<f?(g[0]=1,g[2]=h):d<f*2?(g[0]=i,g[2]=1):d<f*3?(g[2]=1,g[1]=h):d<f*4?(g[2]=i,g[1]=1):d<f*5?(g[1]=1,g[0]=h):(g[1]=i,g[0]=1)}this.recalc().update()}},cancelTimer:function(a){k(function(){this._hide_delay&&(this._hide_delay.cancel(),this._hide_delay=null)}).bind(this).delay(10)}}),v=new r(s,{initialize:function(a){this.$super("div",{"class":"field"}),this.insert(this.pointer=o("div",{"class":"pointer"}))}}),w=new r(s,{initialize:function(){this.$super("div",{"class":"colors"}),this.insert(this.pointer=o("div",{"class":"pointer"}))}}),x=new r(s,{initialize:function(){this.$super("div",{"class":"controls"}),this.insert([this.preview=o("div",{"class":"preview",html:"&nbsp;"}),this.display=o("input",{type:"text","class":"display",maxlength:7}),o("div",{"class":"rgb-display"}).insert([o("div").insert([o("label",{html:"R:"}),this.rDisplay=o("input",{maxlength:3,cIndex:0})]),o("div").insert([o("label",{html:"G:"}),this.gDisplay=o("input",{maxlength:3,cIndex:1})]),o("div").insert([o("label",{html:"B:"}),this.bDisplay=o("input",{maxlength:3,cIndex:2})])]),this.button=(new f(u.i18n.Done)).onClick("fire","done")])}});u.include({toRgb:function(a){return"rgb("+this.color.join(",")+")"},toHex:function(a){return"#"+this.color.map(function(a){return(a<16?"0":"")+a.toString(16)}).join("")},toColor:function(a){var b=a.toLowerCase(),d;if(d=/rgb\((\d+),(\d+),(\d+)\)/.exec(b))return[d[1],d[2],d[3]].map(c);if(/#[\da-f]+/.test(b)){if(d=/^#([\da-f])([\da-f])([\da-f])$/.exec(b))b="#"+d[1]+d[1]+d[2]+d[2]+d[3]+d[3];if(d=/#([\da-f]{2})([\da-f]{2})([\da-f]{2})/.exec(b))return[d[1],d[2],d[3]].map(function(a){return c(a,16)})}},color2tint:function(){var a=p(this.color).sort(function(a,b){return a-b}),b=a[0],c=a[2];this.bright=c/255,this.satur=1-b/(c||1),this.tint.each(function(a,d){this.tint[d]=!b&&!c||b==c?d==0?1:0:(this.color[d]-b)/(c-b);return this.tint[d]},this);return this},tint2color:function(){var a=this.tint,c=this.color;for(var d=0;d<3;d++)c[d]=1+this.satur*(a[d]-1),c[d]=b.round(255*c[d]*this.bright);return this},bound:function(a,b,c){var d=a;b<c?d=d<b?b:d>c?c:d:(d>c&&(d=c),d<b&&(d=b));return d}}),l(a).on({mouseup:function(){u.tracking&&u.tracking.stopTrack()},mousemove:function(a){u.tracking&&u.tracking.trackMove(a)},focus:function(a){var b=a.target instanceof t?a.target:null;u.hideAll(),b&&(b.colorpicker||b.match(u.Options.cssRule))&&(b.colorpicker||new u({update:b})).setValue(b.value()).showAt(b)},blur:function(a){var b=a.target,c=b.colorpicker;c&&(c._hide_delay=k(function(){c.hide()}).delay(200))},click:function(a){var b=a.target instanceof s?a.target:null;b&&(b.colorpicker||b.match(u.Options.cssRule))?b instanceof t||(a.stop(),(b.colorpicker||new u({trigger:b})).hide(null).toggleAt(b.assignedInput)):a.find("div.rui-colorpicker")||u.hideAll()},keydown:function(a){var b=u.current,c=({27:"hide",13:"done"})[a.keyCode];c&&b&&b.visible()&&(a.stop(),b[c]())}});var y=a.createElement("style"),z=a.createTextNode("*.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}.rui-panel{margin:0;padding:.5em;position:relative;background-color:#EEE;border:1px solid #BBB;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:.15em .3em .5em #BBB;-moz-box-shadow:.15em .3em .5em #BBB;-webkit-box-shadow:.15em .3em .5em #BBB;cursor:default}div.rui-colorpicker .field,div.rui-colorpicker .field *,div.rui-colorpicker .colors,div.rui-colorpicker .colors *{border:none;background:none;width:auto;height:auto;position:static;float:none;top:none;left:none;right:none;bottom:none;margin:0;padding:0;display:block;font-weight:normal;vertical-align:center}div.rui-colorpicker div.field,div.rui-colorpicker div.field div.pointer,div.rui-colorpicker div.colors,div.rui-colorpicker div.colors div.pointer{background:url(/images/rightjs-ui/colorpicker.png) no-repeat 0 0}div.rui-colorpicker div.field,div.rui-colorpicker div.colors,div.rui-colorpicker div.controls{display:inline-block; *display:inline; *zoom:1;position:relative;vertical-align:top;height:150px}div.rui-colorpicker div.field div.pointer,div.rui-colorpicker div.colors div.pointer{position:absolute;top:0px;left:0;width:9px;height:9px}div.rui-colorpicker input.display,div.rui-colorpicker div.preview,div.rui-colorpicker div.rgb-display,div.rui-colorpicker input.rui-ui-button{font-size:100%;display:block;width:auto;padding:0 .2em}div.rui-colorpicker input.display,div.rui-colorpicker div.preview,div.rui-colorpicker div.rgb-display input,div.rui-colorpicker input.rui-ui-button{border:1px solid #AAA;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-colorpicker div.field{width:150px;background-color:red;cursor:crosshair;margin-right:1.2em}div.rui-colorpicker div.field div.pointer{background-position:-170px 0;margin-left:-2px;margin-top:-2px}div.rui-colorpicker div.colors{width:16px;background-position:-150px 0;border-color:#EEE;cursor:pointer;margin-right:.6em}div.rui-colorpicker div.colors div.pointer{cursor:default;background-position:-170px -20px;margin-left:-8px;margin-top:-3px}div.rui-colorpicker div.controls{width:5em}div.rui-colorpicker div.preview{height:2em;background:white;border-color:#BBB}div.rui-colorpicker input.display{margin-top:.5em;background:#FFF;width:4.5em}div.rui-colorpicker div.rgb-display{padding:0;text-align:right;margin-top:.5em}div.rui-colorpicker div.rgb-display label{display:inline}div.rui-colorpicker div.rgb-display label:after{content:none}div.rui-colorpicker div.rgb-display input{vertical-align:top;font-size:100%;width:2em;text-align:right;margin-left:.2em;padding:0 .2em;background:#FFF;margin-bottom:1px;display:inline}div.rui-colorpicker div.rui-button{cursor:pointer;position:absolute;bottom:0;right:0;width:4em}div.rui-colorpicker-inline{display:inline-block; *display:inline; *zoom:1;position:relative;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;z-index:auto}");y.type="text/css",a.getElementsByTagName("head")[0].appendChild(y),y.styleSheet?y.styleSheet.cssText=z.nodeValue:y.appendChild(z);return u}(document,Math,parseInt,RightJS)

data/public/javascripts/right/dialog-src.js

@@ -1,768 +0,0 @@
-/**
- * RightJS-UI Dialog v2.2.0
- * http://rightjs.org/ui/dialog
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Dialog = RightJS.Dialog = (function(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
- */
-
-/**
- * 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) {
-      if (element) {
-        options = RightJS.Object.merge(options, new Function("return "+(
-          element.get('data-'+ this.key) || '{}'
-        ))());
-      }
-
-      if (options) {
-        RightJS.Options.setOptions.call(this, RightJS.Object.merge(this.options, options));
-      }
-
-      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 || RightJS([]));
-
-  return Klass;
-}
-
-
-/**
- * A shared button unit.
- * NOTE: we use the DIV units instead of INPUTS
- *       so those buttons didn't interfere with
- *       the user's tab-index on his page
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Button = new RightJS.Class(RightJS.Element, {
-  /**
-   * Constructor
-   *
-   * @param String caption
-   * @param Object options
-   * @return void
-   */
-  initialize: function(caption, options) {
-    this.$super('div', options);
-    this._.innerHTML = caption;
-    this.addClass('rui-button');
-    this.on('selectstart', 'stopEvent');
-  },
-
-  /**
-   * Disasbles the button
-   *
-   * @return Button this
-   */
-  disable: function() {
-    return this.addClass('rui-button-disabled');
-  },
-
-  /**
-   * Enables the button
-   *
-   * @return Button this
-   */
-  enable: function() {
-    return this.removeClass('rui-button-disabled');
-  },
-
-  /**
-   * Checks if the button is disabled
-   *
-   * @return Button this
-   */
-  disabled: function() {
-    return this.hasClass('rui-button-disabled');
-  },
-
-  /**
-   * Checks if the button is enabled
-   *
-   * @return Button this
-   */
-  enabled: function() {
-    return !this.disabled();
-  },
-
-  /**
-   * Overloading the method, so it fired the events
-   * only when the button is active
-   *
-   * @return Button this
-   */
-  fire: function() {
-    if (this.enabled()) {
-      this.$super.apply(this, arguments);
-    }
-    return this;
-  }
-});
-
-
-/**
- * A shared module to create textual spinners
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Spinner = new RightJS.Class(RightJS.Element, {
-  /**
-   * Constructor
-   *
-   * @param Number optional spinner size (4 by default)
-   * @return void
-   */
-  initialize: function(size) {
-    this.$super('div', {'class': 'rui-spinner'});
-    this.dots = [];
-
-    for (var i=0; i < (size || 4); i++) {
-      this.dots.push(new RightJS.Element('div'));
-    }
-
-    this.dots[0].addClass('glowing');
-    this.insert(this.dots);
-    RightJS(this.shift).bind(this).periodical(300);
-  },
-
-  /**
-   * Shifts the spinner elements
-   *
-   * @return void
-   */
-  shift: function() {
-    if (this.visible()) {
-      var dot = this.dots.pop();
-      this.dots.unshift(dot);
-      this.insert(dot, 'top');
-    }
-  }
-});
-
-
-/**
- * Dialog widget initialization script
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R  = RightJS,
-    $  = RightJS.$,
-    $w = RightJS.$w,
-    $E = RightJS.$E,
-    Class  = RightJS.Class,
-    Object = RightJS.Object,
-    Element = RightJS.Element;
-
-
-
-
-
-
-
-/**
- * Basic dialog class
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Dialog = new Widget({
-  extend: {
-    version: '2.2.0',
-
-    EVENTS: $w('ok cancel help expand collapse resize load'),
-
-    Options: {
-      lockScreen:  true,  // if you need to lock the scrreen
-      fxDuration:  'short', // dialog appearance duration
-
-      draggable:   true,  // sets if the user should be able to drag the dialog around
-      closeable:   true,  // allow the user to close the dialog
-      expandable:  false, // show the user to expand/collapse the dialog window width
-
-      showHelp:    false, // show the 'Help' button
-      showIcon:    null,  // null or some text to be show in the dialog body icon
-
-      title:       null,  // default title to preset
-      html:        null,  // html content to set on instance
-      url:         null   // url address that should be loaded on instance
-    },
-
-    i18n: {
-      Ok:       'Ok',
-      Close:    'Close',
-      Cancel:   'Cancel',
-      Help:     'Help',
-      Expand:   'Expand',
-      Collapse: 'Collapse',
-
-      Alert:    'Warning!',
-      Confirm:  'Confirm',
-      Prompt:   'Enter'
-    },
-
-    current: false,   // the current dialog reference
-    dragged: false    // currently dragged dialog reference
-  },
-
-  /**
-   * Basic constructor
-   *
-   * @param Object options
-   * @return void
-   */
-  initialize: function(options) {
-    this
-      .$super('dialog', options)
-      .append(
-        this.head = new Dialog.Head(this),
-        this.body = new Dialog.Body(this),
-        this.foot = new Dialog.Foot(this)
-      )
-      .onCancel(this.hide);
-
-    this.locker = $E('div', {'class': 'rui-screen-locker'});
-
-    if (this.options.title) {
-      this.title(this.options.title);
-    }
-
-    if (this.options.html) {
-      this.html(this.options.html);
-    }
-
-    if (this.options.url) {
-      this.load(this.options.url);
-    }
-  },
-
-  /**
-   * Shows the dialog
-   *
-   * @return Dialog this
-   */
-  show: function() {
-    if (this.options.lockScreen) {
-      this.locker.insertTo(document.body);
-    }
-
-    this
-      .setStyle('visibility:hidden')
-      .insertTo(document.body)
-      .resize()
-      .setStyle('visibility:visible;opacity:0');
-
-    if (this.options.fxDuration) {
-      this.morph({opacity: 1}, {
-        duration: this.options.fxDuration
-      });
-    } else {
-      this.setStyle('opacity:1');
-    }
-
-    return (Dialog.current = this);
-  },
-
-  /**
-   * Hides the dialog
-   *
-   * @return Dialog this
-   */
-  hide: function() {
-    this.locker.remove();
-    this.remove();
-
-    Dialog.current = false;
-
-    return this;
-  },
-
-  /**
-   * Repositions the dialog to the middle of the screen
-   *
-   * @param normal arguments
-   * @return Dialog this
-   */
-  resize: function() {
-    if (arguments.length) {
-      this.$super.apply(this, arguments);
-    }
-
-    var size = this.size(), win_size = $(window).size();
-
-    if (this.expanded) {
-      size.x = win_size.x - 20;
-      size.y = win_size.y - 10;
-      this.$super.call(this, size);
-    }
-
-    this.setStyle({
-      top:  (win_size.y - size.y)/2 + $(window).scrolls().y + 'px',
-      left: (win_size.x - size.x - 16)/2 + 'px'
-    });
-
-    return this.fire('resize');
-  },
-
-  /**
-   * Bidirectional method to work with titles
-   *
-   * @param String title to set
-   * @return String title or Dialog this
-   */
-  title: function(text) {
-    if (arguments.length) {
-      this.head.title.html(text);
-      return this;
-    } else {
-      return this.head.title.html();
-    }
-  },
-
-  /**
-   * Overloading the standard method, so that
-   * all the content updates were going into the body element
-   *
-   * @param mixed content
-   * @return Dialog this
-   */
-  update: function(content) {
-    this.body.update(content);
-    return this.resize();
-  },
-
-  /**
-   * Redirecting the `html` method to work wiht the body html
-   *
-   * @param mixed content
-   * @return Dialog this or html content of the body
-   */
-  html: function() {
-    return arguments.length ?
-      this.$super.apply(this, arguments) :
-      this.body.html();
-  },
-
-  /**
-   * Overloading the original method to bypass things into the body object
-   *
-   * @param String url
-   * @param Object options
-   * @return Dialog this
-   */
-  load: function(url, options) {
-    this.show();
-    this.body.load(url, options);
-    return this;
-  },
-
-  /**
-   * Expands a dialog screen-wide
-   *
-   * @return Dialog this
-   */
-  expand: function() {
-    if (!this.expanded) {
-      this._prevSize = this.size();
-      this.resize({
-        x: $(window).size().x - 20,
-        y: $(window).size().y - 10
-      });
-
-      this.expanded = true;
-      this.fire('expand');
-    }
-
-    return this;
-  },
-
-  /**
-   * Collapses an expanded dialog to it's previous size
-   *
-   * @return Dialog this
-   */
-  collapse: function() {
-    if (this.expanded) {
-      this.expanded = false;
-      this.resize(this._prevSize);
-      this.fire('collapse');
-    }
-
-    return this;
-  }
-});
-
-/**
- * Dialog header line element
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Head = new Class(Element, {
-
-  initialize: function(dialog) {
-    this.dialog  = dialog;
-    this.options = dialog.options;
-
-    this.$super('div', {'class': 'rui-dialog-head'});
-
-    this.append(
-      this.icon  = $E('div', {'class': 'icon'}),
-      this.title = $E('div', {'class': 'title', 'html': '&nbsp;'}),
-      this.tools = $E('div', {'class': 'tools'})
-    );
-
-    this.fsButton    = $E('div', {
-      'class': 'expand', 'html': '&equiv;', 'title': Dialog.i18n.Expand
-    }).onClick(function() {
-      if (dialog.expanded) {
-        dialog.collapse();
-        this.html('&equiv;').set('title', Dialog.i18n.Expand);
-      } else {
-        dialog.expand();
-        this.html('_').set('title', Dialog.i18n.Collapse);
-      }
-    });
-
-    this.closeButton = $E('div', {
-      'class': 'close',  'html': '&times;', 'title': Dialog.i18n.Close
-    }).onClick(function() { dialog.fire('cancel'); });
-
-    if (this.options.expandable) {
-      this.tools.insert(this.fsButton);
-    }
-
-    if (this.options.closeable) {
-      this.tools.insert(this.closeButton);
-    }
-
-    this.on({
-      selectstart: function(e) { e.stop(); },
-      mousedown:   this.dragStart
-    });
-
-    if (!this.options.draggable) {
-      this.dialog.addClass('rui-dialog-nodrag');
-    }
-  },
-
-// protected
-
-  dragStart: function(event) {
-    if (this.options.draggable && !event.find('div.tools div')) {
-      var dim = this.dialog.dimensions(),
-          ev_pos = event.position();
-
-      this.xDiff = dim.left - ev_pos.x;
-      this.yDiff = dim.top  - ev_pos.y;
-      this.maxX  = $(window).size().x - dim.width - 20;
-      this.dlgStyle = this.dialog.get('style');
-
-      Dialog.dragged = this.dialog;
-
-      event.stop();
-    }
-  },
-
-  dragMove: function(event) {
-    var event_pos = event.position(),
-        pos_x = event_pos.x + this.xDiff,
-        pos_y = event_pos.y + this.yDiff;
-
-    if (pos_x < 0) { pos_x = 0; }
-    else if (pos_x > this.maxX) { pos_x = this.maxX; }
-    if (pos_y < 0) { pos_y = 0; }
-
-    this.dlgStyle.top  = pos_y + 'px';
-    this.dlgStyle.left = pos_x + 'px';
-  },
-
-  dragStop: function(event) {
-    Dialog.dragged = false;
-  }
-});
-
-/**
- * Dialog body element
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Body = new Class(Element, {
-
-  initialize: function(dialog) {
-    this.dialog  = dialog;
-    this.options = dialog.options;
-
-    this.$super('div', {'class': 'rui-dialog-body'});
-    this.locker = $E('div', {'class': 'rui-dialog-body-locker'})
-      .insert(new Spinner());
-  },
-
-  load: function(url, options) {
-    this.insert(this.locker, 'top');
-
-    this.xhr = new Xhr(url, Object.merge({method:'get'}, options))
-      .onComplete(R(function(r) {
-        this.update(r.text);
-        this.dialog.resize().fire('load');
-      }).bind(this))
-      .send();
-
-    return this;
-  },
-
-  update: function(content) {
-    this.$super(content);
-
-    if (this.options.showIcon) {
-      this.insert('<div class="rui-dialog-body-icon">'+ this.options.showIcon + '</div>', 'top');
-    }
-
-    return this;
-  }
-
-});
-
-/**
- * Dialog footer line element
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Foot = new Class(Element, {
-
-  initialize: function(dialog) {
-    this.$super('div', {'class': 'rui-dialog-foot'});
-
-    this.dialog = dialog;
-
-    dialog.okButton     = new Button(Dialog.i18n.Ok,     {'class': 'ok'}).onClick(function() { dialog.fire('ok'); });
-    dialog.helpButton   = new Button(Dialog.i18n.Help,   {'class': 'help'}).onClick(function() { dialog.fire('help'); });
-    dialog.cancelButton = new Button(Dialog.i18n.Cancel, {'class': 'cancel'}).onClick(function() { dialog.fire('cancel'); });
-
-    if (dialog.options.showHelp) {
-      this.insert(dialog.helpButton);
-    }
-
-    if (dialog.options.closeable) {
-      this.insert(dialog.cancelButton);
-    }
-
-    this.insert(dialog.okButton);
-  }
-
-});
-
-/**
- * Alert specific dialog
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Alert = new Class(Dialog, {
-
-  initialize: function(options) {
-    options = Object.merge({
-      showIcon: '!',
-      title:    Dialog.i18n.Alert
-    }, options);
-
-    this.$super(options);
-    this.addClass('rui-dialog-alert');
-    this.on('ok', 'hide');
-  }
-});
-
-/**
- * Confirm specific dialog
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Confirm = new Class(Dialog, {
-
-  initialize: function(options) {
-    options = Object.merge({
-      showIcon: '?',
-      title:    Dialog.i18n.Confirm
-    }, options);
-
-    this.$super(options);
-    this.addClass('rui-dialog-confirm');
-    this.on('ok', 'hide');
-  }
-
-});
-
-/**
- * The prompt dialog class
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Dialog.Prompt = new Class(Dialog, {
-  /**
-   * prompts constructor, you can use additional options with this one
-   *
-   *   * `label` - the text for the input field label
-   *   * `input` - the input field options (standard for Input unit)
-   *
-   * @param Object options
-   * @return void
-   */
-  initialize: function(options) {
-    options = Object.merge({
-      showIcon: '&#x27A5;',
-      title:    Dialog.i18n.Prompt,
-      label:    Dialog.i18n.Prompt
-    }, options);
-
-    this.$super(options);
-    this.addClass('rui-dialog-prompt');
-
-    this.html([
-      $E('label', {html: this.options.label}),
-      this.input = new RightJS.Input(this.options.input || {})
-    ]);
-
-    if (this.input.get('type') !== 'textarea') {
-      this.input.onKeydown(R(function(event) {
-        if (event.keyCode === 13) {
-          this.fire('ok');
-        }
-      }).bind(this));
-    }
-  },
-
-  show: function() {
-    this.$super.apply(this, arguments);
-    this.input.select();
-    return this;
-  }
-
-});
-
-/**
- * Document level hooks for the dialogs
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-$(document).on({
-  keydown: function(event) {
-    if (event.keyCode === 27 && Dialog.current) {
-      if (Dialog.current.options.closeable) {
-        Dialog.current.fire('cancel');
-      }
-    } else if (event.keyCode === 13 && Dialog.current) {
-      if (!(Dialog.current instanceof Dialog.Prompt)) {
-        event.stop();
-        Dialog.current.fire('ok');
-      }
-    }
-  },
-
-  mousemove: function(event) {
-    if (Dialog.dragged) {
-      Dialog.dragged.head.dragMove(event);
-    }
-  },
-
-  mouseup: function(event) {
-    if (Dialog.dragged) {
-      Dialog.dragged.head.dragStop(event);
-    }
-  }
-});
-
-$(window).onResize(function() {
-  if (Dialog.current) {
-    Dialog.current.resize();
-  }
-});
-
-var embed_style = document.createElement('style'),                 
-    embed_rules = document.createTextNode("*.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}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-screen-locker{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:99999;cursor:default}div.rui-dialog{position:absolute;z-index:99999;background:white;margin:0;padding:0;padding-top:2.5em;padding-bottom:2.8em;border-radius:.35em;-moz-border-radius:.35em;-webkit-border-radius:.35em;border:1px solid #ccc}div.rui-dialog-body{min-width:20em;min-height:4.5em;margin:0;padding:0 1em;height:100%;overflow:auto;position:relative}div.rui-dialog-body-locker{position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;text-align:center;opacity:.6;filter:alpha(opacity=60)}div.rui-dialog-body-locker div.rui-spinner{border:none;background:none;font-size:150%;margin-top:8%}div.rui-dialog-body-icon{float:left;background:#eee;font-size:360%;font-family:Arial;border:2px solid gray;border-radius:.1em;-moz-border-radius:.1em;-webkit-border-radius:.1em;width:1em;line-height:1em;text-align:center;margin-right:.2em;margin-top:.05em;cursor:default;user-select:none;-moz-user-select:none;-webkit-user-select:none}div.rui-dialog-head{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;line-height:2em;background:#ccc;border-radius:.35em;-moz-border-radius:.35em;-webkit-border-radius:.35em;border-bottom-left-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;cursor:move;user-select:none;-moz-user-select:none;-webkit-user-select:none}div.rui-dialog-head div.icon{float:left;height:1.4em;width:1.4em;margin-left:1em;margin-top:.3em;margin-right:.3em;display:none}div.rui-dialog-head div.title{margin-left:1em;color:#444}div.rui-dialog-head div.tools{position:absolute;right:.3em;top:.3em}div.rui-dialog-head div.tools div{float:left;width:1.4em;line-height:1.4em;text-align:center;margin-left:.15em;cursor:pointer;background:#aaa;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;font-family:Verdana;opacity:.6;filter:alpha(opacity=60)}div.rui-dialog-head div.tools div:hover{opacity:1;filter:alpha(opacity=100);box-shadow:#444 0 0 .1em;-moz-box-shadow:#444 0 0 .1em;-webkit-box-shadow:#444 0 0 .1em}div.rui-dialog-head div.tools div.close:hover{background:#daa}div.rui-dialog-nodrag div.rui-dialog-head{cursor:default}div.rui-dialog-foot{position:absolute;bottom:0;left:0;width:100%;text-align:right}div.rui-dialog-foot div.rui-button{margin:.6em 1em;background:#eee;width:4em}div.rui-dialog-foot div.help{float:left}div.rui-dialog-foot div.cancel{margin-right:-.5em}div.rui-dialog-foot div.ok:hover{background-color:#ded}div.rui-dialog-foot div.cancel:hover{background-color:#ecc}div.rui-dialog-alert div.rui-dialog-foot{text-align:center}div.rui-dialog-alert div.rui-dialog-foot div.cancel{display:none}div.rui-dialog-alert div.rui-dialog-body-icon{color:brown;background:#FEE;border-color:brown}div.rui-dialog-confirm div.rui-dialog-body-icon{color:#44A;background:#EEF;border-color:#44a}div.rui-dialog-prompt div.rui-dialog-body-icon{color:#333}div.rui-dialog-prompt div.rui-dialog-body label{display:block;font-weight:bold;font-size:120%;color:#444;margin-bottom:.5em}div.rui-dialog-prompt div.rui-dialog-body input,div.rui-dialog-prompt div.rui-dialog-body textarea{border:1px solid #aaa;font-size:1em;display:block;width:16em;margin:0;padding:.2em;margin-left:4.7em;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;outline:none}div.rui-dialog-prompt div.rui-dialog-body textarea{width:24em;height:8em}");      
-                                                                   
-embed_style.type = 'text/css';                                     
-document.getElementsByTagName('head')[0].appendChild(embed_style); 
-                                                                   
-if(embed_style.styleSheet) {                                       
-  embed_style.styleSheet.cssText = embed_rules.nodeValue;          
-} else {                                                           
-  embed_style.appendChild(embed_rules);                            
-}                                                                  
-
-
-return Dialog;
-})(RightJS);