puffer 0.0.5 → 0.0.6

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

@@ -0,0 +1,36 @@
+/**
+ * The calendar widget implemented with RightJS
+ *
+ * Home page: http://rightjs.org/ui/calendar
+ *
+ * @copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var Calendar=RightJS.Calendar=function(q,p,f){function x(a,b,c,e){if(f.Fx)if(c===undefined){c=a.options.fxName;if(e===undefined){e={duration:a.options.fxDuration,onFinish:f(a.fire).bind(a,b)};if(b==="hide")e.duration=(f.Fx.Durations[e.duration]||e.duration)/2}}if(!f.Fx||!c)a.fire(b);return a.$super(c,e)}function t(a){return(a<10?"0":"")+a}var o=f,y=f.$,D=f.$$,r=f.$w,E=f.$ext,F=f.isString,z=f.isArray,G=f.isFunction,u=f.Class,l=f.Element,A=f.Input,B=f.RegExp,C=f.Browser,s=new f.Class(f.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}}),n=new (function(a,b){if(!b){b=a;a="DIV"}var c=new f.Class(f.Element.Wrappers[a]||
+f.Element,{initialize:function(e,d){this.key=e;var g=[{"class":"rui-"+e}];this instanceof f.Input||this instanceof f.Form||g.unshift(a);this.$super.apply(this,g);if(f.isString(d))d=f.$(d);if(d instanceof f.Element){this._=d._;if("$listeners"in d)d.$listeners=d.$listeners;d={}}this.setOptions(d,this);return f.Wrapper.Cache[f.$uid(this._)]=this},setOptions:function(e,d){d=d||this;f.Options.setOptions.call(this,f.Object.merge(e,eval("("+(d.get("data-"+this.key)||"{}")+")")));return this}});c=new f.Class(c,
+b);f.Observer.createShortcuts(c.prototype,c.EVENTS||[]);return c})({include:[{show:function(a,b){this.constructor.current=this;return x(this,"show",a,b)},hide:function(a,b){this.constructor.current=null;return x(this,"show",a,b)},showAt:function(a,b,c){var e=this.hide(null).shownAt=a=f.$(a),d=(this.reAnchor||(this.reAnchor=new f.Element("div",{"class":"rui-re-anchor"})).insert(this)).insertTo(e,"after").position();a=e.dimensions();var g=p(e.getStyle("borderTopWidth")),h=p(e.getStyle("borderLeftWidth")),
+j=p(e.getStyle("borderRightWidth")),i=p(e.getStyle("borderBottomWidth"));e=a.top-d.y+g;d=a.left-d.x+h;h=a.width-h-j;a=a.height-g-i;this.setStyle("visibility:hidden").show(null);if(b==="right")d+=h-this.size().x;else e+=a;this.moveTo(d,e);if(c)b==="left"||b==="right"?this.setHeight(a):this.setWidth(h);this.setStyle("visibility:visible").hide(null);return this.show()},toggleAt:function(a,b,c){return this.hidden()?this.showAt(a,b,c):this.hide()}},{assignTo:function(a,b){a=f.$(a);if(b=f.$(b)){b[this.key]=
+this;b.assignedInput=a}else a[this.key]=this;var c=f(function(){if(this.visible()&&(!this.showAt||this.shownAt===a))this.setValue(a.value())}).bind(this);a.on({keyup:c,change:c});this.onChange(function(){if(!this.showAt||this.shownAt===a)a.setValue(this.getValue())});return this}}],extend:{version:"2.2.0",EVENTS:r("show hide change done"),Options:{format:"ISO",showTime:null,showButtons:false,minDate:false,maxDate:false,fxName:"fade",fxDuration:"short",firstDay:1,numberOfMonths:1,timePeriod:1,twentyFourHour:null,
+listYears:false,hideOnPick:false,update:null,trigger:null,cssRule:"*[data-calendar]"},Formats:{ISO:"%Y-%m-%d",POSIX:"%Y/%m/%d",EUR:"%d-%m-%Y",US:"%m/%d/%Y"},i18n:{Done:"Done",Now:"Now",NextMonth:"Next Month",PrevMonth:"Previous Month",NextYear:"Next Year",PrevYear:"Previous Year",dayNames:r("Sunday Monday Tuesday Wednesday Thursday Friday Saturday"),dayNamesShort:r("Sun Mon Tue Wed Thu Fri Sat"),dayNamesMin:r("Su Mo Tu We Th Fr Sa"),monthNames:r("January February March April May June July August September October November December"),
+monthNamesShort:r("Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec")},current:null,hideAll:function(a){D("div.rui-calendar").each(function(b){b instanceof n&&b!==a&&b.visible()&&!b.inlined()&&b.hide()})}},initialize:function(a){this.$super("calendar",a);this.addClass("rui-panel");a=this.options;this.insert([this.swaps=new H(a),this.greed=new I(a)]);if(a.showTime)this.insert(this.timepicker=new J(a));if(a.showButtons)this.insert(this.buttons=new K(a));this.setDate(new Date).initEvents()},setDate:function(a,
+b){if(a=this.parse(a)){var c=this.options;if(c.minDate&&c.minDate>a)a=new Date(c.minDate);if(c.maxDate&&c.maxDate<a){a=new Date(c.maxDate);a.setDate(a.getDate()-1)}this._date=b?new Date(this._date||this.date):null;this.greed.setDate(this._date||a,a);if(c.minDate||c.maxDate)this.swaps.setDate(a);this.timepicker&&!b&&this.timepicker.setDate(a);if(a!=this.date)this.fire("change",{date:this.date=a})}return this},getDate:function(){return this.date},setValue:function(a){return this.setDate(a)},getValue:function(a){return this.format(a)},
+insertTo:function(a,b){this.addClass("rui-calendar-inline");return this.$super(a,b)},done:function(){this.inlined()||this.hide();this.fire("done",{date:this.date})},inlined:function(){return this.hasClass("rui-calendar-inline")},setOptions:function(a){a=a||{};this.$super(a,y(a.trigger||a.update));var b=this.constructor,c=this.options;c.i18n={};for(var e in b.i18n)c.i18n[e]=z(b.i18n[e])?b.i18n[e].clone():b.i18n[e];E(c.i18n,a.i18n);c.dayNames=c.i18n.dayNamesMin;c.firstDay&&c.dayNames.push(c.dayNames.shift());
+if(!z(c.numberOfMonths))c.numberOfMonths=[c.numberOfMonths,1];if(c.minDate)c.minDate=this.parse(c.minDate);if(c.maxDate){c.maxDate=this.parse(c.maxDate);c.maxDate.setDate(c.maxDate.getDate()+1)}c.format=o(b.Formats[c.format]||c.format).trim();if(c.showTime===null)c.showTime=c.format.search(/%[HkIl]/)>-1;if(c.twentyFourHour===null)c.twentyFourHour=c.format.search(/%[Il]/)<0;if(c.timePeriod>60&&12%Math.ceil(c.timePeriod/60))c.twentyFourHour=true;c.update&&this.assignTo(c.update,c.trigger);return this},
+hideOthers:function(){n.hideAll(this);return this}}),H=new u(l,{initialize:function(a){this.$super("div",{"class":"swaps"});this.options=a;var b=a.i18n;this.insert([this.prevMonth=new s("&lsaquo;",{title:b.PrevMonth,"class":"prev-month"}),this.nextMonth=new s("&rsaquo;",{title:b.NextMonth,"class":"next-month"})]);if(a.listYears)this.insert([this.prevYear=new s("&laquo;",{title:b.PrevYear,"class":"prev-year"}),this.nextYear=new s("&raquo;",{title:b.NextYear,"class":"next-year"})]);this.buttons=o([this.prevMonth,
+this.nextMonth,this.prevYear,this.nextYear]).compact();this.onClick(this.clicked)},setDate:function(a){var b=this.options,c=b.numberOfMonths[0]*b.numberOfMonths[1],e=true,d=true,g=true,h=true;if(b.minDate){g=new Date(a.getFullYear(),0,1,0,0,0);var j=new Date(b.minDate.getFullYear(),0,1,0,0,0);e=g>j;g.setMonth(a.getMonth()-Math.ceil(c-c/2));j.setMonth(b.minDate.getMonth());g=g>=j}if(b.maxDate){a=new Date(a);b=new Date(b.maxDate);c=o([a,b]);c.each(function(i){i.setDate(32);i.setMonth(i.getMonth()-1);
+i.setDate(32-i.getDate());i.setHours(0);i.setMinutes(0);i.setSeconds(0);i.setMilliseconds(0)});h=a<b;c.each("setMonth",0);d=a<b}this.nextMonth[h?"enable":"disable"]();this.prevMonth[g?"enable":"disable"]();if(this.nextYear){this.nextYear[d?"enable":"disable"]();this.prevYear[e?"enable":"disable"]()}},clicked:function(a){(a=a.target)&&this.buttons.include(a)&&a.enabled()&&this.fire(a.get("className").split(/\s+/)[0])}}),L=new u(l,{initialize:function(a){this.$super("table",{"class":"month"});this.options=
+a;this.insert(this.caption=new l("caption"));this.insert("<thead><tr>"+a.dayNames.map(function(d){return"<th>"+d+"</th>"}).join("")+"</tr></thead>");this.days=[];a=(new l("tbody")).insertTo(this);var b,c,e;for(c=0;c<6;c++){e=(new l("tr")).insertTo(a);for(b=0;b<7;b++)this.days.push((new l("td")).insertTo(e))}this.onClick(this.clicked)},setDate:function(a,b){a.setDate(32);var c=32-a.getDate();a.setMonth(a.getMonth()-1);for(var e=Math.ceil(b.getTime()/864E5),d=this.options,g=d.i18n,h=this.days,j=0,i=
+h.length-1,k,m,v;j<7;j++){k=h[j]._;m=h[i-j]._;v=h[i-j-7]._;k.innerHTML=m.innerHTML=v.innerHTML="";k.className=m.className=v.className="blank"}j=1;i=0;for(var w;j<=c;j++){a.setDate(j);m=a.getDay();if(d.firstDay===1)m=m>0?m-1:6;if(j===1||m===0){w=h.slice(i*7,i*7+7);i++}k=w[m]._;if(C.OLD){k.innerHTML="";k.appendChild(q.createTextNode(j))}else k.innerHTML=""+j;k.className=e===Math.ceil(a.getTime()/864E5)?"selected":"";if(d.minDate&&d.minDate>a||d.maxDate&&d.maxDate<a)k.className="disabled";w[m].date=
+new Date(a)}c=(d.listYears?g.monthNamesShort[a.getMonth()]+",":g.monthNames[a.getMonth()])+" "+a.getFullYear();e=this.caption._;if(C.OLD){e.innerHTML="";e.appendChild(q.createTextNode(c))}else e.innerHTML=c},clicked:function(a){a=a.target;var b=a.date;if(a&&b&&!a.hasClass("disabled")&&!a.hasClass("blank")){a.addClass("selected");this.fire("date-set",{date:b.getDate(),month:b.getMonth(),year:b.getFullYear()})}}}),I=new u(l,{initialize:function(a){this.$super("table",{"class":"greed"});this.months=
+[];for(var b=(new l("tbody")).insertTo(this),c,e=0;e<a.numberOfMonths[1];e++)for(var d=(new l("tr")).insertTo(b),g=0;g<a.numberOfMonths[0];g++){this.months.push(c=new L(a));(new l("td")).insertTo(d).insert(c)}},setDate:function(a,b){var c=this.months,e=c.length;b=b||a;for(var d=-Math.ceil(e-e/2)+1,g=0;d<Math.floor(e-e/2)+1;d++,g++){var h=new Date(a);h.setMonth(a.getMonth()+d);c[g].setDate(h,b)}}}),J=new u(l,{initialize:function(a){this.$super("div",{"class":"timepicker"});this.options=a;var b=o(this.timeChanged).bind(this);
+this.insert([this.hours=(new l("select")).onChange(b),this.minutes=(new l("select")).onChange(b)]);for(var c=a.timePeriod<60?a.timePeriod:60,e=a.timePeriod<60?1:Math.ceil(a.timePeriod/60),d=0;d<60;d++){var g=t(d);if(d<24&&d%e==0)if(a.twentyFourHour)this.hours.insert(new l("option",{value:d,html:g}));else if(d<12)this.hours.insert(new l("option",{value:d,html:d==0?12:d}));d%c==0&&this.minutes.insert(new l("option",{value:d,html:g}))}if(!a.twentyFourHour){this.meridian=(new l("select")).onChange(b).insertTo(this);
+o(o(a.format).includes(/%P/)?["am","pm"]:["AM","PM"]).each(function(h){this.meridian.insert(new l("option",{value:h.toLowerCase(),html:h}))},this)}},setDate:function(a){var b=this.options,c=b.timePeriod<60?a.getHours():Math.round(a.getHours()/(b.timePeriod/60))*(b.timePeriod/60);a=Math.round(a.getMinutes()/(b.timePeriod%60))*b.timePeriod;if(this.meridian){this.meridian.setValue(c<12?"am":"pm");c=c==0||c==12?12:c>12?c-12:c}this.hours.setValue(c);this.minutes.setValue(a)},timeChanged:function(a){a.stopPropagation();
+a=p(this.hours.value());var b=p(this.minutes.value());if(this.meridian){if(a==12)a=0;if(this.meridian.value()=="pm")a+=12}this.fire("time-set",{hours:a,minutes:b})}}),K=new u(l,{initialize:function(a){this.$super("div",{"class":"buttons"});this.insert([(new s(a.i18n.Now,{"class":"now"})).onClick("fire","now-clicked"),(new s(a.i18n.Done,{"class":"done"})).onClick("fire","done-clicked")])}});n.include({parse:function(a){var b;if(F(a)&&a){var c=B.escape(this.options.format),e=o(c.match(/%[a-z]/ig)).map("match",
+/[a-z]$/i).map("first").without("%");c=new B("^"+c.replace(/%p/i,"(pm|PM|am|AM)").replace(/(%[a-z])/ig,"(.+?)")+"$");if(a=o(a).trim().match(c)){a.shift();for(var d=c=null,g=null,h=null,j=null,i;a.length;){var k=a.shift(),m=e.shift();if(m.toLowerCase()=="b")d=this.options.i18n[m=="b"?"monthNamesShort":"monthNames"].indexOf(k);else if(m.toLowerCase()=="p")i=k.toLowerCase();else{k=p(k,10);switch(m){case "d":case "e":b=k;break;case "m":d=k-1;break;case "y":case "Y":c=k;break;case "H":case "k":case "I":case "l":g=
+k;break;case "M":h=k;break;case "S":j=k;break}}}if(i){g=g==12?0:g;g=i=="pm"?g+12:g}b=new Date(c,d,b,g,h,j)}}else if(a instanceof Date||Date.parse(a))b=new Date(a);return!b||isNaN(b.getTime())?null:b},format:function(a){var b=this.options.i18n,c=this.date.getDay(),e=this.date.getMonth(),d=this.date.getDate(),g=this.date.getFullYear(),h=this.date.getHours(),j=this.date.getMinutes(),i=this.date.getSeconds(),k=h==0?12:h<13?h:h-12;b={a:b.dayNamesShort[c],A:b.dayNames[c],b:b.monthNamesShort[e],B:b.monthNames[e],
+d:t(d),e:""+d,m:(e<9?"0":"")+(e+1),y:(""+g).substring(2,4),Y:""+g,H:t(h),k:""+h,I:(h>0&&(h<10||h>12&&h<22)?"0":"")+k,l:""+k,p:h<12?"AM":"PM",P:h<12?"am":"pm",M:t(j),S:t(i),"%":"%"};a=a||this.options.format;for(var m in b)a=a.replace("%"+m,b[m]);return a}});n.include({initEvents:function(){var a=this._terminate;this.on({"prev-day":["_shiftDate",{Date:-1}],"next-day":["_shiftDate",{Date:1}],"prev-week":["_shiftDate",{Date:-7}],"next-week":["_shiftDate",{Date:7}],"prev-month":["_shiftDate",{Month:-1}],
+"next-month":["_shiftDate",{Month:1}],"prev-year":["_shiftDate",{FullYear:-1}],"next-year":["_shiftDate",{FullYear:1}],"date-set":this._changeDate,"time-set":this._changeTime,"now-clicked":this._setNow,"done-clicked":this.done,click:a,mousedown:a,focus:a,blur:a})},_shiftDate:function(a){var b=new Date(this.date);for(var c in a)b["set"+c](b["get"+c]()+a[c]);this.setDate(b)},_changeDate:function(a){var b=new Date(this.date);b.setDate(a.date);b.setMonth(a.month);b.setFullYear(a.year);this.setDate(b,
+true);this.options.hideOnPick&&this.done()},_changeTime:function(a){var b=new Date(this.date);b.setHours(a.hours);b.setMinutes(a.minutes);this.setDate(b)},_setNow:function(){this.setDate(new Date)},_terminate:function(a){a.stopPropagation();if(this._hide_delay){this._hide_delay.cancel();this._hide_delay=null}}});y(q).on({focus:function(a){a=a.target instanceof A&&a.target.get("type")=="text"?a.target:null;n.hideAll();if(a&&(a.calendar||a.match(n.Options.cssRule)))(a.calendar||new n({update:a})).setValue(a.value()).showAt(a)},
+blur:function(a){var b=a.target.calendar;if(b)b._hide_delay=o(function(){b.hide()}).delay(200)},click:function(a){var b=a.target instanceof l?a.target:null;if(b&&(b.calendar||b.match(n.Options.cssRule))){if(!(b instanceof A)||b.get("type")!="text"){a.stop();(b.calendar||new n({trigger:b})).hide(null).toggleAt(b.assignedInput)}}else a.find("div.rui-calendar")||n.hideAll()},keydown:function(a){var b=n.current,c={27:"hide",37:"prev-day",39:"next-day",38:"prev-week",40:"next-week",33:"prev-month",34:"next-month",
+13:"done"}[a.keyCode];if(c&&b&&b.visible()){a.stop();G(b[c])?b[c]():b.fire(c)}}});(function(){var a=q.createElement("style"),b=q.createTextNode(".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} *.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}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}");
+a.type="text/css";if(a.styleSheet)a.styleSheet.cssText=b.nodeValue;else a.appendChild(b);q.getElementsByTagName("head")[0].appendChild(a)})();return n}(document,parseInt,RightJS);

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

@@ -0,0 +1,369 @@
+/**
+ * Inline editor feature for RightJS
+ *  http://rightjs.org/ui/in-edit
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var InEdit = RightJS.InEdit = (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
+ */
+
+/**
+ * In-Edit plugin initalization
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var R = RightJS,
+    $ = RightJS.$,
+    $w = RightJS.$w,
+    Xhr     = RightJS.Xhr,
+    Object  = RightJS.Object,
+    Element = RightJS.Element,
+    Input   = RightJS.Input;
+
+
+
+
+
+
+
+
+
+/**
+ * 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;
+}
+
+
+/**
+ * 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');
+    }
+  }
+});
+
+
+/**
+ * An inline editor feature
+ *
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+var InEdit = new Widget('FORM', {
+  extend: {
+    version: '2.2.0',
+
+    EVENTS: $w('show hide send update'),
+
+    Options: {
+      url:    null,    // the url address where to send the stuff
+      name:   'text',  // the field name
+      method: 'put',   // the method
+
+      type:   'text',  // the input type, 'text', 'file', 'password' or 'textarea'
+
+      toggle:  null,   // a reference to an element that should get hidden when the editor is active
+
+      update:  true,   // a marker if the element should be updated with the response-text
+
+      Xhr: {}          // additional Xhr options
+    },
+
+    i18n: {
+      Save:   'Save',
+      Cancel: 'Cancel'
+    },
+
+    current: null      // currently opened editor
+  },
+
+  /**
+   * Constructor
+   *
+   * @param mixed an element reference
+   * @param Object options
+   * @return void
+   */
+  initialize: function(element, options) {
+    this.element = $(element);
+
+    this
+      .$super('in-edit', options)
+      .set('action', this.options.url)
+      .insert([
+        this.field   = new Input({type: this.options.type, name: this.options.name, 'class': 'field'}),
+        this.spinner = new Spinner(4),
+        this.submit  = new Input({type: 'submit', 'class': 'submit', value: InEdit.i18n.Save}),
+        this.cancel  = new Element('a', {'class': 'cancel', href: '#', html: InEdit.i18n.Cancel})
+      ])
+      .onClick(this.clicked)
+      .onSubmit(this.send);
+  },
+
+  /**
+   * Shows the inline-editor form
+   *
+   * @return InEdit this
+   */
+  show: function() {
+    if (InEdit.current !== this) {
+      if (InEdit.current) { InEdit.current.hide(); }
+
+      this.oldContent = this.element.html();
+
+      if (!R(['file', 'password']).include(this.options.type)) {
+        this.field.setValue(this.oldContent);
+      }
+
+      this.element.update(this);
+
+      this.spinner.hide();
+      this.submit.show();
+
+      if (this.options.toggle) {
+        $(this.options.toggle).hide();
+      }
+    }
+
+    if (this.options.type !== 'file') {
+      this.field.focus();
+    }
+
+    InEdit.current = this;
+    return this.fire('show');
+  },
+
+  /**
+   * Hides the form and brings the content back
+   *
+   * @param String optional new content
+   * @return InEdit this
+   */
+  hide: function() {
+    this.element._.innerHTML = this.oldContent;
+
+    if (this.xhr) {
+      this.xhr.cancel();
+    }
+
+    return this.finish();
+  },
+
+  /**
+   * Triggers the form remote submit
+   *
+   * @return InEdit this
+   */
+  send: function(event) {
+    if (event) { event.stop(); }
+
+    this.spinner.show().resize(this.submit.size());
+    this.submit.hide();
+
+    this.xhr = new Xhr(this.options.url, Object.merge(this.options.Xhr, {
+      method:     this.options.method,
+      spinner:    this.spinner,
+      onComplete: R(this.receive).bind(this)
+    })).send(this);
+
+    return this.fire('send');
+  },
+
+// protected
+
+  // finishes up with the form
+  finish: function() {
+    if (this.options.toggle) {
+      $(this.options.toggle).show();
+    }
+
+    InEdit.current = null;
+    return this.fire('hide');
+  },
+
+  // the xhr callback
+  receive: function() {
+    if (this.options.update) {
+      this.element.update(this.xhr.text);
+      this.fire('update');
+    }
+
+    this.xhr = null;
+
+    this.finish();
+  },
+
+  // catches clicks on the element
+  clicked: function(event) {
+    if (event.target === this.cancel) {
+      event.stop();
+      this.hide();
+    }
+  }
+
+});
+
+
+/**
+ * The document hooks for in-edit form
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+$(document).onKeydown(function(event) {
+  // processing the `ESC` button
+  if (event.keyCode === 27 && InEdit.current) {
+    InEdit.current.hide();
+  }
+});
+
+
+/**
+ * The element level inline editor extension
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+Element.include({
+  /**
+   * Triggers an inline-editor feature on the element
+   *
+   * @param Object options for the InEdit class
+   * @return InEdit object
+   */
+  inEdit: function(options) {
+    return new InEdit(this, options).show();
+  }
+});
+(function() {
+        var style = document.createElement('style'),
+            rules = document.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}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}");
+
+        style.type = 'text/css';
+
+        if(style.styleSheet) {
+          style.styleSheet.cssText = rules.nodeValue;
+        } else {
+          style.appendChild(rules);
+        }
+
+        document.getElementsByTagName('head')[0].appendChild(style);
+      })();
+
+return InEdit;
+})(document, RightJS);

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

@@ -0,0 +1,13 @@
+/**
+ * Inline editor feature for RightJS
+ *  http://rightjs.org/ui/in-edit
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var InEdit=RightJS.InEdit=function(g,b){var h=b.$,m=b.$w,n=b.Xhr,o=b.Object,j=b.Element,k=b.Input,p=new b.Class(b.Element,{initialize:function(a){this.$super("div",{"class":"rui-spinner"});this.dots=[];for(var d=0;d<(a||4);d++)this.dots.push(new b.Element("div"));this.dots[0].addClass("glowing");this.insert(this.dots);b(this.shift).bind(this).periodical(300)},shift:function(){if(this.visible()){var a=this.dots.pop();this.dots.unshift(a);this.insert(a,"top")}}}),e=new (function(a,d){if(!d){d=a;a="DIV"}var f=
+new b.Class(b.Element.Wrappers[a]||b.Element,{initialize:function(i,c){this.key=i;var l=[{"class":"rui-"+i}];this instanceof b.Input||this instanceof b.Form||l.unshift(a);this.$super.apply(this,l);if(b.isString(c))c=b.$(c);if(c instanceof b.Element){this._=c._;if("$listeners"in c)c.$listeners=c.$listeners;c={}}this.setOptions(c,this);return b.Wrapper.Cache[b.$uid(this._)]=this},setOptions:function(i,c){c=c||this;b.Options.setOptions.call(this,b.Object.merge(i,eval("("+(c.get("data-"+this.key)||"{}")+
+")")));return this}});f=new b.Class(f,d);b.Observer.createShortcuts(f.prototype,f.EVENTS||[]);return f})("FORM",{extend:{version:"2.2.0",EVENTS:m("show hide send update"),Options:{url:null,name:"text",method:"put",type:"text",toggle:null,update:true,Xhr:{}},i18n:{Save:"Save",Cancel:"Cancel"},current:null},initialize:function(a,d){this.element=h(a);this.$super("in-edit",d).set("action",this.options.url).insert([this.field=new k({type:this.options.type,name:this.options.name,"class":"field"}),this.spinner=
+new p(4),this.submit=new k({type:"submit","class":"submit",value:e.i18n.Save}),this.cancel=new j("a",{"class":"cancel",href:"#",html:e.i18n.Cancel})]).onClick(this.clicked).onSubmit(this.send)},show:function(){if(e.current!==this){e.current&&e.current.hide();this.oldContent=this.element.html();b(["file","password"]).include(this.options.type)||this.field.setValue(this.oldContent);this.element.update(this);this.spinner.hide();this.submit.show();this.options.toggle&&h(this.options.toggle).hide()}this.options.type!==
+"file"&&this.field.focus();e.current=this;return this.fire("show")},hide:function(){this.element._.innerHTML=this.oldContent;this.xhr&&this.xhr.cancel();return this.finish()},send:function(a){a&&a.stop();this.spinner.show().resize(this.submit.size());this.submit.hide();this.xhr=(new n(this.options.url,o.merge(this.options.Xhr,{method:this.options.method,spinner:this.spinner,onComplete:b(this.receive).bind(this)}))).send(this);return this.fire("send")},finish:function(){this.options.toggle&&h(this.options.toggle).show();
+e.current=null;return this.fire("hide")},receive:function(){if(this.options.update){this.element.update(this.xhr.text);this.fire("update")}this.xhr=null;this.finish()},clicked:function(a){if(a.target===this.cancel){a.stop();this.hide()}}});h(g).onKeydown(function(a){a.keyCode===27&&e.current&&e.current.hide()});j.include({inEdit:function(a){return(new e(this,a)).show()}});(function(){var a=g.createElement("style"),d=g.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}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}");
+a.type="text/css";if(a.styleSheet)a.styleSheet.cssText=d.nodeValue;else a.appendChild(d);g.getElementsByTagName("head")[0].appendChild(a)})();return e}(document,RightJS);

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

@@ -0,0 +1,905 @@
+/**
+ * Lightbox feature for RightJS
+ * http://rightjs.org/ui/lightbox
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var Lightbox = RightJS.Lightbox = (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
+ */
+
+/**
+ * The filenames to include
+ *
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
+ */
+var R       = RightJS,
+    $       = RightJS.$,
+    $$      = RightJS.$$,
+    $w      = RightJS.$w,
+    $E      = RightJS.$E,
+    $ext    = RightJS.$ext,
+    Xhr     = RightJS.Xhr,
+    Class   = RightJS.Class,
+    Object  = RightJS.Object,
+    Element = RightJS.Element,
+    Browser = RightJS.Browser;
+
+// IE6 doesn't support position:fixed so it needs a crunch
+Browser.IE6 = Browser.OLD && navigator.userAgent.indexOf("MSIE 6") > 0;
+
+
+
+
+
+
+
+
+/**
+ * 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;
+}
+
+
+/**
+ * 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');
+    }
+  }
+});
+
+
+/**
+ * The lightbox widget
+ *
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+var Lightbox = new Widget({
+
+  extend: {
+    version: '2.2.0',
+
+    EVENTS: $w('show hide load'),
+
+    Options: {
+      fxName:          'fade',
+      fxDuration:      300,
+
+      group:           null, // a group marker
+
+      hideOnEsc:       true,
+      hideOnOutClick:  true,
+      showCloseButton: true,
+
+      cssRule:         "a[data-lightbox]", // all lightbox links css-rule
+
+      // video links default size
+      mediaWidth:      425,
+      mediaHeight:     350
+    },
+
+    i18n: {
+      Close: 'Close',
+      Prev:  'Previous Image',
+      Next:  'Next Image'
+    },
+
+    // the supported image-urls regexp
+    Images: /\.(jpg|jpeg|gif|png|bmp)/,
+
+    // media content sources
+    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']
+    ]
+  },
+
+  /**
+   * basic constructor
+   *
+   * @param Object options override
+   * @param Element optional options holder
+   * @return void
+   */
+  initialize: function(options, context) {
+    this
+      .$super('lightbox', {})
+      .setOptions(options, context)
+      .insert([
+        this.locker = new Locker(this.options),
+        this.dialog = new Dialog(this.options)
+      ])
+      .on({
+        close: this._close,
+        next:  this._next,
+        prev:  this._prev
+      });
+  },
+
+  /**
+   * Extracting the rel="lightboux[groupname]" attributes
+   *
+   * @param Object options
+   * @param Element link with options
+   * @return Dialog this
+   */
+  setOptions: function(options, context) {
+    this.$super(options, context);
+
+    if (context) {
+      var rel = context.get('rel');
+      if (rel && (rel = rel.match(/lightbox\[(.+?)\]/))) {
+        this.options.group = rel[1];
+      }
+    }
+
+    return this;
+  },
+
+  /**
+   * Sets the popup's title
+   *
+   * @param mixed string or element or somethin'
+   * @return Lighbox self
+   */
+  setTitle: function(text) {
+    this.dialog.setTitle(text);
+
+    return this;
+  },
+
+  /**
+   * Shows the lightbox
+   *
+   * @param String/Array... content
+   * @return Lightbox this
+   */
+  show: function(content) {
+    return this._showAnd(function() {
+      this.dialog.show(content, !content);
+    });
+  },
+
+  /**
+   * Hides the lightbox
+   *
+   * @return Lightbox this
+   */
+  hide: function() {
+    Lightbox.current = null;
+
+    return this.$super(this.options.fxName, {
+      duration: this.options.fxDuration/3,
+      onFinish: R(function() {
+        this.fire('hide');
+        this.remove();
+      }).bind(this)
+    });
+  },
+
+  /**
+   * Loads up the data from url or a link
+   *
+   * @param String address or a link element
+   * @param Object Xhr options
+   * @return Lightbox this
+   */
+  load: function(link, options) {
+    return this._showAnd(function() {
+      this.dialog.load(link, options);
+    });
+  },
+
+  /**
+   * Resizes the content block to the given size
+   *
+   * @param Hash size
+   * @return Lightbox this
+   */
+  resize: function(size) {
+    this.dialog.resize(size);
+    return this;
+  },
+
+// protected
+
+  // handles the 'close' event
+  _close: function(event) {
+    event.stop();
+    this.hide();
+  },
+
+  // handles the 'prev' event
+  _prev: function(event) {
+    event.stop();
+    Pager.prev();
+  },
+
+  // handles the 'next' event
+  _next: function(event) {
+    event.stop();
+    Pager.next();
+  },
+
+  // shows the lightbox element and then calls back
+  _showAnd: function(callback) {
+    if (Lightbox.current !== this) {
+      Lightbox.current = this;
+
+      // hidding all the hanging around lightboxes
+      $$('div.rui-lightbox').each('remove');
+
+      this.insertTo(document.body);
+      this.dialog.show('', true);
+
+      if (Browser.OLD) { // IE's get screwed by the transparency tricks
+        this.reposition();
+        Element.prototype.show.call(this);
+        callback.call(this);
+      } else {
+        this.setStyle('display:none');
+        Element.prototype.show.call(this, this.options.fxName, {
+          duration: this.options.fxDuration/2,
+          onFinish: R(function() {
+            callback.call(this);
+            this.fire('show');
+          }).bind(this)
+        });
+      }
+    } else {
+      callback.call(this);
+    }
+
+    return this;
+  },
+
+  // manually repositioning under IE6 browser
+  reposition: function() {
+    if (Browser.IE6) {
+      var win = $(window);
+
+      this.setStyle({
+        top:      win.scrolls().y + 'px',
+        width:    win.size().x    + 'px',
+        height:   win.size().y    + 'px',
+        position: "absolute"
+      });
+    }
+  }
+});
+
+
+/**
+ * The class level interface
+ *
+ * @copyright (C) 2009 Nikolay Nemshilov
+ */
+Lightbox.extend({
+  hide: function() {
+    if (Lightbox.current) {
+      Lightbox.current.hide();
+    }
+  },
+
+  show: function() {
+    return this.inst('show', arguments);
+  },
+
+  load: function() {
+    return this.inst('load', arguments);
+  },
+
+// private
+
+  inst: function(name, args) {
+    var inst = new Lightbox();
+    return inst[name].apply(inst, args);
+  }
+});
+
+
+/**
+ * Lightbox background locker element
+ *
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
+ */
+var Locker = new Class(Element, {
+  initialize: function(options) {
+    this.$super('div', {'class': 'rui-lightbox-locker'});
+
+    if (options.hideOnOutClick) {
+      this.onClick('fire', 'close');
+    }
+  }
+});
+
+
+/**
+ * The dialog element wrapper
+ *
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
+ */
+var Dialog = new Class(Element, {
+  /**
+   * Constructor
+   *
+   * @param Object options
+   * @return void
+   */
+  initialize: function(options) {
+    var i18n = Lightbox.i18n;
+
+    this.options = options;
+    this.$super('div', {'class': 'rui-lightbox-dialog'});
+
+    // building up the
+    this.insert([
+      this.title = $E('div', {'class': 'rui-lightbox-title'}),
+
+      $E('div', {'class': 'rui-lightbox-body'}).insert(
+        $E('div', {'class': 'rui-lightbox-body-inner'}).insert([
+          this.locker    = $E('div', {'class': 'rui-lightbox-body-locker'}).insert(new Spinner(4)),
+          this.scroller  = $E('div', {'class': 'rui-lightbox-scroller'}).insert(
+            this.content = $E('div', {'class': 'rui-lightbox-content'})
+          )
+        ])
+      ),
+
+      $E('div', {'class': 'rui-lightbox-navigation'}).insert([
+        this.closeButton = $E('div', {'class': 'close', html: '&times;', title: i18n.Close}).onClick('fire', 'close'),
+        this.prevLink    = $E('div', {'class': 'prev',  html: '&larr;',  title: i18n.Prev}).onClick('fire',  'prev'),
+        this.nextLink    = $E('div', {'class': 'next',  html: '&rarr;',  title: i18n.Next}).onClick('fire',  'next')
+      ])
+    ]);
+
+    // presetting the navigation state
+    this.prevLink.hide();
+    this.nextLink.hide();
+
+    if (!options.showCloseButton) {
+      this.closeButton.hide();
+    }
+  },
+
+  /**
+   * Sets the dialogue caption
+   *
+   * @param String title
+   * @return Dialog this
+   */
+  setTitle: function(title) {
+    this.title.update(title||'');
+  },
+
+  /**
+   * Nicely resize the dialog box
+   *
+   * @param Object the end size
+   * @param Boolean use fx (false by default)
+   * @return Dialog this
+   */
+  resize: function(end_size, with_fx) {
+    var win_size = this.parent().size(),
+        cur_size = this.scroller.size(),
+        cur_top  = (win_size.y - this.size().y)/2,
+        dlg_diff = this.size().x - cur_size.x; // <- use for IE6 fixes
+
+    if (end_size) {
+      // getting the actual end-size
+      end_size = this.scroller.setStyle(end_size).size();
+
+      this.scroller.setStyle({
+        width:  cur_size.x + 'px',
+        height: cur_size.y + 'px'
+      });
+    } else {
+      // using the content block size
+      end_size = this.content.size();
+    }
+
+    // checking the constraints
+    var threshold = 100; // px
+    if ((end_size.x + threshold) > win_size.x) { end_size.x = win_size.x - threshold; }
+    if ((end_size.y + threshold) > win_size.y) { end_size.y = win_size.y - threshold; }
+
+    // the actual resize and reposition
+    var end_top = (cur_top * 2 + cur_size.y - end_size.y) / 2;
+    var dialog  = this._.style, content = this.scroller._.style;
+
+    if (RightJS.Fx && with_fx && (end_size.x != cur_size.x || end_size.y != cur_size.y)) {
+
+      $ext(new RightJS.Fx(this, {duration: this.options.fxDuration}), {
+        render: function(delta) {
+          content.width  = (cur_size.x + (end_size.x - cur_size.x) * delta) + 'px';
+          content.height = (cur_size.y + (end_size.y - cur_size.y) * delta) + 'px';
+          dialog.top     = (cur_top    + (end_top    - cur_top)    * delta) + 'px';
+
+          if (Browser.IE6) {
+            dialog.width  = (dlg_diff + cur_size.y + (end_size.y - cur_size.y) * delta) + 'px';
+          }
+        }
+      }).onFinish(R(this.unlock).bind(this)).start();
+
+    } else {
+      // no-fx direct assignment
+      content.width  = end_size.x + 'px';
+      content.height = end_size.y + 'px';
+      dialog.top     = end_top    + 'px';
+
+      if (Browser.IE6) {
+        dialog.width = (dlg_diff + end_size.x) + 'px';
+      }
+
+      if (!this.request) { this.unlock(); }
+    }
+
+    return this;
+  },
+
+  /**
+   * Shows the content
+   *
+   * @param mixed content String/Element/Array and so one
+   * @return Dialog this
+   */
+  show: function(content, no_fx) {
+    this.content.update(content || '');
+    this.resize(null, !no_fx);
+  },
+
+  /**
+   * Loads up the data from the link
+   *
+   * @param mixed String url address or a link element
+   * @param Object xhr-options
+   * @return void
+   */
+  load: function(url, options) {
+    if (url instanceof Element) {
+      this.setTitle(url.get('title'));
+      url = url.get('href');
+    }
+
+    Pager.show(this, url);
+    this.lock().cancel();
+
+    // defined in the loader.js file
+    this.request = new Loader(url, options, R(function(content, no_fx) {
+      this.request = null;
+      this.show(content, no_fx);
+    }).bind(this));
+
+    return this.resize(); // the look might be changed for a media-type
+  },
+
+  /**
+   * Cancels a currently loading request
+   *
+   * @return Dialog this
+   */
+  cancel: function() {
+    if (this.request) {
+      this.request.cancel();
+    }
+
+    return this;
+  },
+
+  /**
+   * Shows the loading lock
+   *
+   * @return Dialog this
+   */
+  lock: function() {
+    this.locker.setStyle('opacity:1;display:block').insertTo(this.scroller, 'before');
+    return this;
+  },
+
+  /**
+   * Hides the loading lock
+   *
+   * @return Dialog this
+   */
+  unlock: function() {
+    this.locker.remove(R(this.content.html()).blank() ? null : 'fade', {
+      duration: this.options.fxDuration * 2/3
+    });
+
+    return this;
+  }
+});
+
+
+/**
+ * Xhr/images/medias loading module
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var Loader = new Class({
+  /**
+   * Constructor
+   *
+   * @param String url address
+   * @param Object Xhr options
+   * @param Function on-finish callback
+   */
+  initialize: function(url, options, on_finish) {
+    // adjusting the dialog look for different media-types
+    if (this.isImage(url, on_finish)) {
+      Lightbox.current.addClass('rui-lightbox-image');
+    } else if (this.isMedia(url, on_finish)) {
+      Lightbox.current.addClass('rui-lightbox-media');
+    } else {
+      this.xhr = new Xhr(url,
+        Object.merge({method: 'get'}, options)
+      ).onComplete(function() {
+        on_finish(this.text);
+      }).send();
+    }
+  },
+
+  /**
+   * Cancels the request
+   *
+   * @return Loader this
+   */
+  cancel: function() {
+    if (this.xhr) {
+      this.xhr.cancel();
+    } else if (this.img) {
+      this.img.onload = function() {};
+    }
+  },
+
+// protected
+
+  // tries to initialize it as an image loading
+  isImage: function(url, on_finish) {
+    if (url.match(Lightbox.Images)) {
+      var img = this.img = $E('img')._;
+      img.onload = function() {
+        on_finish(img);
+      };
+      img.src = url;
+      return true;
+    }
+  },
+
+  // tries to initialize it as a flash-element
+  isMedia: function(url, on_finish) {
+    var media = R(Lightbox.Medias).map(function(desc) {
+      return url.match(desc[0]) ? this.buildEmbed(
+        url.replace(desc[0], desc[1]), desc[2]) : null;
+    }, this).compact()[0];
+
+    if (media) {
+      on_finish(media, true);
+      return true;
+    }
+  },
+
+  // builds an embedded media block
+  buildEmbed: function(url, type) {
+    var media_types = {
+      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'
+      ]
+    },
+    options = Lightbox.current ? Lightbox.current.options : Lightbox.Options,
+    sizes = ' width="'+ options.mediaWidth + '" height="'+ options.mediaHeight + '"';
+
+    return '<object classid="clsid:' + media_types[type][0] +
+      '" codebase="' + media_types[type][1] + '"'+ sizes + '>' +
+      '<param name="src" value="'+ url +'" />'+
+      '<embed src="'+ url +'" type="'+ media_types[type][2]+'"'+ sizes + ' />' +
+    '</object>';
+  }
+
+});
+
+
+/**
+ * Processes the link-groups showing things in a single Lightbox
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var Pager = {
+  /**
+   * Checks and shows the pager links on the dialog
+   *
+   * @param Dialog dialog
+   * @param String url-address
+   * @return void
+   */
+  show: function(dialog, url) {
+    if (dialog.options.group) {
+      this.dialog = dialog;
+      this.links  = this.find(dialog.options.group);
+      this.link   = this.links.first(function(link) {
+        return link.get('href') === url;
+      });
+
+      var index = this.links.indexOf(this.link), size = this.links.length;
+
+      dialog.prevLink[size && index > 0 ? 'show' : 'hide']();
+      dialog.nextLink[size && index < size - 1 ? 'show' : 'hide']();
+    } else {
+      this.dialog = null;
+    }
+  },
+
+  /**
+   * Shows the prev link
+   *
+   * @return void
+   */
+  prev: function() {
+    if (this.dialog && !this.timer) {
+      var id   = this.links.indexOf(this.link),
+          link = this.links[id - 1];
+
+      if (link) {
+        this.dialog.load(link);
+        this.timeout();
+      }
+    }
+  },
+
+  /**
+   * Shows the next link
+   *
+   * @return void
+   */
+  next: function() {
+    if (this.dialog && !this.timer) {
+      var id   = this.links.indexOf(this.link),
+          link = this.links[id + 1];
+
+      if (link) {
+        this.dialog.load(link);
+        this.timeout();
+      }
+    }
+  },
+
+// private
+
+  // finding the links list
+  find: function(group) {
+    return $$('a').filter(function(link) {
+      var data = link.get('data-lightbox');
+      var rel  = link.get('rel');
+
+      return (data && eval("("+ data + ")").group === group) ||
+        (rel && rel.indexOf('lightbox['+ group + ']') > -1);
+    });
+  },
+
+  // having a little nap to prevent ugly quick scrolling
+  timeout: function() {
+    this.timer = R(function() {
+      Pager.timer = null;
+    }).delay(300);
+  }
+};
+
+
+/**
+ * document level hooks
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+
+$(document).on({
+  /**
+   * Catches clicks on the target links
+   *
+   * @param Event click
+   * @return void
+   */
+  click: function(event) {
+    var target = event.find(Lightbox.Options.cssRule) || event.find('a[rel^=lightbox]');
+
+    if (target) {
+      event.stop();
+      new Lightbox({}, target).load(target);
+    }
+  },
+
+  /**
+   * Catches the mousewheel event and tries to scroll
+   * the list of objects on the lightbox
+   *
+   * @param Event mousewheel
+   * @return void
+   */
+  mousewheel: function(event) {
+    if (Lightbox.current) {
+      var target = event.target, box = target.parent('div.rui-lightbox-content');
+
+      if (!box || target.getStyle('overflow') === 'visible') {
+        event.stop();
+      }
+
+      Lightbox.current.fire((event._.detail || -event._.wheelDelta) < 0 ? 'prev' : 'next');
+    }
+  },
+
+  /**
+   * Handles the navigation form a keyboard
+   *
+   * @param Event keydown
+   * @return void
+   */
+  keydown: function(event) {
+    var lightbox = Lightbox.current, name = ({
+      27: 'close', // Esc
+      33: 'prev',  // PageUp
+      37: 'prev',  // Left
+      38: 'prev',  // Up
+      39: 'next',  // Right
+      40: 'next',  // Down
+      34: 'next'   // PageDown
+    })[event.keyCode];
+
+    if (lightbox && name) {
+      if (name !== 'close' || lightbox.options.hideOnEsc) {
+        event.stop();
+        lightbox.fire(name);
+      }
+    }
+  }
+});
+
+$(window).on({
+  resize: function() {
+    if (Lightbox.current) {
+      Lightbox.current.reposition();
+      Lightbox.current.dialog.resize();
+    }
+  },
+
+  scroll: function(event) {
+    if (Lightbox.current && Browser.IE6) {
+      Lightbox.current.reposition();
+    }
+  }
+});
+(function() {
+        var style = document.createElement('style'),
+            rules = document.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}");
+
+        style.type = 'text/css';
+
+        if(style.styleSheet) {
+          style.styleSheet.cssText = rules.nodeValue;
+        } else {
+          style.appendChild(rules);
+        }
+
+        document.getElementsByTagName('head')[0].appendChild(style);
+      })();
+
+return Lightbox;
+})(document, RightJS);