right-rails 1.2.2 → 1.3.0

data/public/javascripts/right/autocompleter.js

@@ -1,7 +0,0 @@
-/**
- * RightJS-UI Autocompleter v2.2.1
- * http://rightjs.org/ui/autocompleter
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Autocompleter=RightJS.Autocompleter=function(a,b){function g(a,c,d){var e=this.reAnchor||(this.reAnchor=new b.Element("div",{"class":"rui-re-anchor"})).insert(this),f=e.insertTo(a,"after").position(),g=a.dimensions(),h=this,i=parseInt(a.getStyle("borderTopWidth")),j=parseInt(a.getStyle("borderLeftWidth")),k=parseInt(a.getStyle("borderRightWidth")),l=parseInt(a.getStyle("borderBottomWidth")),m=g.top-f.y+i,n=g.left-f.x+j,o=g.width-j-k,p=g.height-i-l;h.setStyle("visibility:hidden").show(null),c==="right"?n+=o-h.size().x:m+=p,h.moveTo(n,m),d&&(c==="left"||c==="right"?h.setHeight(p):h.setWidth(o)),h.setStyle("visibility:visible").hide(null)}function f(a,c,d,e){b.Fx&&(d===undefined&&(d=a.options.fxName,e===undefined&&(e={duration:a.options.fxDuration,onFinish:b(a.fire).bind(a,c)},c==="hide"&&(e.duration=(b.Fx.Durations[e.duration]||e.duration)/2)))),(!b.Fx||!d)&&a.fire(c);return a.$super(d,e)}function c(a,c){c||(c=a,a="DIV");var d=new b.Class(b.Element.Wrappers[a]||b.Element,{initialize:function(c,d){this.key=c;var e=[{"class":"rui-"+c}];this instanceof b.Input||this instanceof b.Form||e.unshift(a),this.$super.apply(this,e),b.isString(d)&&(d=b.$(d)),d instanceof b.Element&&(this._=d._,"$listeners"in d&&(d.$listeners=d.$listeners),d={}),this.setOptions(d,this);return b.Wrapper.Cache[b.$uid(this._)]=this},setOptions:function(a,c){c&&(a=b.Object.merge(a,(new Function("return "+(c.get("data-"+this.key)||"{}")))())),a&&b.Options.setOptions.call(this,b.Object.merge(this.options,a));return this}}),e=new b.Class(d,c);b.Observer.createShortcuts(e.prototype,e.EVENTS||b([]));return e}var d=new b.Class(b.Element,{initialize:function(a){this.$super("div",{"class":"rui-spinner"}),this.dots=[];for(var c=0;c<(a||4);c++)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={show:function(a,b){this.constructor.current=this;return f(this,"show",a,b)},hide:function(a,b){this.constructor.current=null;return f(this,"show",a,b)},showAt:function(a,c,d){this.hide(null).shownAt=a=b.$(a),g.call(this,a,c,d);return this.show()},toggleAt:function(a,b,c){return this.hidden()?this.showAt(a,b,c):this.hide()}},h=b,i=b.$,j=b.$w,k=b.$E,l=b.Xhr,m=b.RegExp,n=b.isArray,o=new c("UL",{include:e,extend:{version:"2.2.1",EVENTS:j("show hide update load select done"),Options:{url:a.location.href,param:"search",method:"get",minLength:1,threshold:200,cache:!0,local:null,fxName:"slide",fxDuration:"short",spinner:"native",cssRule:"input[data-autocompleter]"}},initialize:function(a,b){this.input=i(a),this.$super("autocompleter",b).addClass("rui-dd-menu").onMousedown(this.clicked),this.input.autocompleter=this},destroy:function(){delete this.input.autocompleter;return this},prev:function(){return this.pick("prev")},next:function(){return this.pick("next")},done:function(a){a=a||this.first("li.current"),a&&(a.radioClass("current"),this.input.setValue(a._.textContent||a._.innerText),this.fire("done"));return this.hide()},setOptions:function(a){this.$super(a,this.input),a=this.options,h(a.url).includes("%{search}")||(a.url+=(h(a.url).includes("?")?"&":"?")+a.param+"=%{search}")},pick:function(a){var b=this.children(),c=b.first("hasClass","current"),d=b.indexOf(c);a=="prev"?c=d<1?b.last():b[d<0?0:d-1]:a=="next"&&(c=d<0||d==b.length-1?b.first():b[d+1]);return this.fire("select",{item:c.radioClass("current")})},clicked:function(a){this.done(a.stop().find("li"))},keypressed:function(a){if(this.input.value().length<this.options.minLength)return this.hide();this.timeout&&this.timeout.cancel(),this.timeout=h(this.trigger).bind(this).delay(this.options.threshold)},trigger:function(){this.timeout=null,this.cache=this.cache||{};var a=this.input.value(),b=this.options;if(a.length<b.minLength)return this.hide();this.cache[a]?this.suggest(this.cache[a],a):n(b.local)?this.suggest(this.findLocal(a),a):this.request=l.load(b.url.replace("%{search}",encodeURIComponent(a)),{method:b.method,spinner:this.getSpinner(),onComplete:h(function(b){this.fire("load").suggest(b.text,a)}).bind(this)})},suggest:function(a,b){this.options.cache&&(this.cache[b]=a);if(h(a).blank())this.hide();else{this.update(a.replace(/<ul[^>]*>|<\/ul>/im,"")),this.fire("update");if(!this._connected||this.hidden())this.showAt(this.input,"bottom","resize"),this._connected=!0}return this},findLocal:function(a){var b=new m("("+m.escape(a)+")","ig");return h(this.options.local).map(function(a){if(a.match(b))return"<li>"+a.replace(b,"<strong>$1</strong>")+"</li>"}).compact().join("")},getSpinner:function(){var a=this.options,b=a.spinner;b=="native"&&(b=a.spinner=(new d(3)).insertTo(this),b.addClass("rui-autocompleter-spinner")),b instanceof d&&g.call(b,this.input,"right","resize");return b}});i(a).on({focus:function(a){var c=a.target;c&&c instanceof b.Element&&(c.autocompleter||c.match(o.Options.cssRule))&&(c.autocompleter||new o(c))},blur:function(a){var b=a.target?a.target.autocompleter:null;b&&b.visible()&&b.hide()},keydown:function(a){var b=a.target?a.target.autocompleter:null;if(b&&b.visible()){var c=({27:"hide",38:"prev",40:"next",13:"done"})[a.keyCode];c&&(a.stop(),b[c]())}},keyup:function(a){var b=a.target?a.target.autocompleter:null;b&&!h([9,27,37,38,39,40,13]).include(a.keyCode)&&b.keypressed(a)}});var p=a.createElement("style"),q=a.createTextNode("*.rui-dd-menu, *.rui-dd-menu li{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none} *.rui-dd-menu{display:none;position:absolute;z-index:9999;background:white;border:1px solid #BBB;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;box-shadow:#DDD .2em .2em .4em;-moz-box-shadow:#DDD .2em .2em .4em;-webkit-box-shadow:#DDD .2em .2em .4em} *.rui-dd-menu li{padding:.2em .4em;border-top:none;border-bottom:none;cursor:pointer} *.rui-dd-menu li.current{background:#DDD} *.rui-dd-menu li:hover{background:#EEE}dl.rui-dd-menu dt{padding:.3em .5em;cursor:default;font-weight:bold;font-style:italic;color:#444;background:#EEE}dl.rui-dd-menu dd li{padding-left:1.5em}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-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}.rui-autocompleter{border-top-color:#DDD !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;-moz-border-radius-topleft:0 !important;-moz-border-radius-topright:0 !important;-webkit-border-top-left-radius:0 !important;-webkit-border-top-right-radius:0 !important}.rui-autocompleter-spinner{border:none !important;background:none !important;position:absolute;z-index:9999}.rui-autocompleter-spinner div{margin-top:.2em !important; *margin-top:0.1em !important}");p.type="text/css",a.getElementsByTagName("head")[0].appendChild(p),p.styleSheet?p.styleSheet.cssText=q.nodeValue:p.appendChild(q);return o}(document,RightJS)

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

@@ -1,564 +0,0 @@
-/**
- * RightJS-UI Billboard v2.2.0
- * http://rightjs.org/ui/billboard
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Billboard = RightJS.Billboard = (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;
-}
-
-
-/**
- * Billboard initialization script
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R      = RightJS,
-    $      = RightJS.$,
-    $$     = RightJS.$$,
-    $w     = RightJS.$w,
-    $E     = RightJS.$E,
-    Fx     = RightJS.Fx,
-    Class  = RightJS.Class,
-    Object = RightJS.Object;
-
-
-
-
-/**
- * Billboards basic class
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Billboard = new Widget('UL', {
-  extend: {
-    version: '2.2.0',
-
-    EVENTS:  $w('change first last'),
-
-    Options: {
-      fxName:      'stripe',  // visual effect name
-      fxDuration:  'long',    // visual effect duration
-
-      autostart:   true,      // if it should automatically start rotate things
-      delay:       4000,      // delay between item shows
-      loop:        true,      // loop after reaching the last one
-
-      showButtons: true,      // should it show the next/prev buttons or not
-      prevButton:  'native',  // prev item button, 'native' or an ID of your own
-      nextButton:  'native',  // next item button, 'native' or an ID of your own
-
-      stripes:     10,        // the number of stripes
-
-      cssRule:     '*.rui-billboard'
-    }
-  },
-
-  /**
-   * Basic constructor
-   *
-   * @param mixed an element reference
-   * @return void
-   */
-  initialize: function(element) {
-    this.$super('billboard', element);
-
-    // initializing the buttons
-    if (this.options.showButtons) {
-      this.prevButton = this.options.prevButton !== 'native' ? $(this.options.prevButton) :
-        $E('div', {'class': 'rui-billboard-button-prev', 'html': '‹'}).insertTo(this);
-      this.nextButton = this.options.nextButton !== 'native' ? $(this.options.nextButton) :
-        $E('div', {'class': 'rui-billboard-button-next', 'html': '›'}).insertTo(this);
-
-      this.prevButton.onClick(R(function(event) {
-        event.stop(); this.showPrev();
-      }).bind(this));
-      this.nextButton.onClick(R(function(event) {
-        event.stop(); this.showNext();
-      }).bind(this));
-    }
-
-    // catching the 'first'/'last' events
-    this.onChange(function(event) {
-      if (event.item === this.items().first()) {
-        this.fire('first');
-      } else if (event.item === this.items().last()) {
-        this.fire('last');
-      }
-    });
-
-    // stopping/starting the slideshow with mouse over/out events
-    this.on({
-      mouseover: function() {
-        this.stop();
-      },
-
-      mouseout: function(event) {
-        if (this.options.autostart && !event.find('.rui-billboard')) {
-          this.start();
-        }
-      }
-    });
-
-    // autostart
-    if (this.options.autostart) {
-      this.start();
-    }
-  },
-
-  /**
-   * Returns the list of items to swap
-   *
-   * @return Array swappable items
-   */
-  items: function() {
-    return this.children().without(this.prevButton, this.nextButton);
-  },
-
-  /**
-   * Show next item on the list
-   *
-   * @return Billboard this
-   */
-  showNext: function() {
-    var items = this.items(), index = items.indexOf(this.current()) + 1;
-
-    if (index == items.length && this.options.loop) {
-      index = 0;
-    }
-
-    return this.current(index);
-  },
-
-  /**
-   * Show prev item on the list
-   *
-   * @return Billboard this
-   */
-  showPrev: function() {
-    var items = this.items(), index = items.indexOf(this.current()) - 1;
-
-    if (index < 0 && this.options.loop) {
-      index = items.length - 1;
-    }
-
-    return this.current(index);
-  },
-
-  /**
-   * Gets/sets the current item
-   *
-   * @param mixed integer index or a LI element reference
-   * @return Billboard this or current LI element
-   */
-  current: function(index) {
-    var items = this.items();
-
-    if (arguments.length) {
-      if (index instanceof Element) {
-        index = items.indexOf(index);
-      }
-
-      this.runFx(items[index]);
-    } else {
-      return items.length ? (
-        items.first('hasClass', 'rui-billboard-current')  ||
-        items.first().addClass('rui-billboard-current')
-      ) : null;
-    }
-
-    return this;
-  },
-
-  /**
-   * Starts the slide show
-   *
-   * @return Billboard this
-   */
-  start: function() {
-    this.timer = R(this.showNext).bind(this).periodical(this.options.delay);
-  },
-
-  /**
-   * stops the slideshow
-   *
-   * @return Billboard this
-   */
-  stop: function() {
-    if (this.timer) {
-      this.timer.stop();
-    }
-  },
-
-  /**
-   * Wrapping the event trigger so it always sent the
-   * current element references
-   *
-   * @param String event name
-   * @param Object options
-   * @return Billboard this
-   */
-  fire: function(name, options) {
-    return this.$super(name, Object.merge({
-      index: this.items().indexOf(this.current()),
-      item:  this.current()
-    }, options));
-  },
-
-// protected
-
-  /**
-   * Runs the fx transition
-   *
-   * @param Element new LI element
-   * @return void
-   */
-  runFx: function(item) {
-    if (item && !this._running) {
-      var Fx = Billboard.Fx[R(this.options.fxName || '').capitalize()];
-
-      if (Fx) {
-        new Fx(this).start(this.current(), item);
-      } else {
-        this.current().removeClass('rui-billboard-current');
-        item.addClass('rui-billboard-current');
-      }
-    }
-  }
-});
-
-/**
- * Basic billboard visual effect
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Billboard.Fx = new Class(Fx, {
-
-  /**
-   * basic constructor
-   *
-   * @param Billboard billboard
-   * @return void
-   */
-  initialize: function(billboard) {
-    this.container = $E('div', {'class': 'rui-billboard-fx-container'});
-
-    this.$super(billboard, {
-      duration: billboard.options.fxDuration,
-      onStart: function() {
-        billboard._running = true;
-        billboard.insert(this.container);
-      },
-      onFinish: function() {
-        this.container.remove();
-        billboard._running = false;
-        billboard.fire('change');
-      }
-    });
-  },
-
-  /**
-   * Starts an fx on the given item
-   *
-   * @param {Element} old LI element
-   * @param {Element} new LI element
-   * @return void
-   */
-  prepare: function(old_item, new_item) {
-    old_item.removeClass('rui-billboard-current');
-    new_item.addClass('rui-billboard-current');
-
-    this.clone = old_item.clone();
-
-    this.container.update(this.clone);
-  }
-
-});
-
-/**
- * Fade visual effects class
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Billboard.Fx.Fade = new Class(Billboard.Fx, {
-
-  /**
-   * Starts an fx on the given item
-   *
-   * @param {Element} old LI element
-   * @param {Element} new LI element
-   * @return void
-   */
-  prepare: function(old_item, new_item) {
-    this.$super(old_item, new_item);
-  },
-
-  /**
-   * Rendering the effect
-   *
-   * @param Float delta value
-   * @return void
-   */
-  render: function(delta) {
-    this.container.setStyle({opacity: 1 - delta});
-  }
-
-});
-
-/**
- * The slide visual effects class
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-Billboard.Fx.Slide = new Class(Billboard.Fx, {
-
-  /**
-   * overloading the 'prepare' method to add some stuff
-   * to the container depending on which direction do we slide
-   *
-   * @param {Element} old LI element
-   * @param {Element} new LI element
-   * @return void
-   */
-  prepare: function(old_item, new_item) {
-    this._width = this.element.current().size().x;
-    this._direction = old_item.nextSiblings().include(new_item) ? -1 : 1;
-
-    this.$super(old_item, new_item);
-
-    this.clone.setStyle({width: this._width + 'px'});
-  },
-
-  /**
-   * Rendering the Fx
-   *
-   * @param Float delta
-   * @return void
-   */
-  render: function(delta) {
-    this.clone._.style.left = this._direction * this._width * delta + 'px';
-  }
-
-});
-
-/**
- * Stripe visual effects class
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-Billboard.Fx.Stripe = new Class(Billboard.Fx, {
-
-  directions: ['down', 'up', 'left', 'right'],
-
-  /**
-   * Breaking the original element onto sripes in here
-   *
-   * @param {Element} old LI element
-   * @param {Element} new LI element
-   * @return void
-   */
-  prepare: function(old_item, new_item) {
-    this.$super(old_item, new_item);
-
-    var length    = this.element.options.stripes,
-        width     = this.element.items()[0].size().x / length,
-        delay     = 100,
-        direction = this.directions.shift();
-
-    this.directions.push(direction);
-    this.container.clean();
-
-    for (var i=0; i < length; i++) {
-      var stripe = $E('div', {
-        'class': 'rui-billboard-stripe',
-        'style': {
-          width: width + 1 + 'px',
-          left:  i * width + 'px'
-        }
-      }).insert(old_item.clone().setStyle({
-        width: width * length + 'px',
-        left: - i * width  + 'px'
-      }));
-
-      this.container.append(stripe);
-      var options = {
-        duration: this.options.duration
-      };
-
-      if (direction !== 'right' && i === (length - 1) || (direction === 'right' && i === 0)) {
-        options.onFinish = R(this.finish).bind(this, true);
-      }
-
-      switch (direction) {
-        case 'up':
-          R(function(stripe, options) {
-            stripe.setHeight(stripe.size().y);
-            stripe.morph({height: '0px'}, options);
-          }).bind(this, stripe, options).delay(i * delay);
-          break;
-
-        case 'down':
-          stripe.setStyle('top: auto; bottom: 0px');
-          R(function(stripe, options) {
-            stripe.setHeight(stripe.size().y);
-            stripe.morph({height: '0px'}, options);
-          }).bind(this, stripe, options).delay(i * delay);
-          break;
-
-        case 'left':
-          R(function(stripe, options) {
-            stripe.morph({width: '0px'}, options);
-          }).bind(this, stripe, options).delay(i * delay);
-          break;
-
-        case 'right':
-          R(function(stripe, options) {
-            stripe.morph({width: '0px'}, options);
-          }).bind(this, stripe, options).delay((length - i -1) * delay);
-          break;
-
-        default:
-          this.finish(true);
-      }
-    }
-  },
-
-
-  /**
-   * Stubbing the finish method so it didn't finish prematurely
-   *
-   * @return Fx this
-   */
-  finish: function(for_sure) {
-    if (for_sure) {
-      this.$super();
-    }
-    return this;
-  }
-
-});
-
-/**
- * Document level hooks for billboards
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-$(document).onReady(function() {
-  $$(Billboard.Options.cssRule).each(function(element) {
-    if (!(element instanceof Billboard)) {
-      element = new Billboard(element);
-    }
-  });
-});
-
-var embed_style = document.createElement('style'),                 
-    embed_rules = document.createTextNode("*.rui-billboard, *.rui-billboard> *{margin:0;padding:0;list-style:none} *.rui-billboard{display:inline-block; *display:inline; *zoom:1;position:relative} *.rui-billboard> *{display:none;width:100%;height:100%} *.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative} *.rui-billboard> *>img{margin:0;padding:0} *.rui-billboard-current{position:absolute;left:0;top:0;display:block;z-index:999} *.rui-billboard-button-prev, *.rui-billboard-button-next{position:absolute;z-index:99999;left:.25em;top:auto;bottom:.25em;display:block;width:.5em;height:auto;text-align:center;font-size:200%;font-family:Arial;font-weight:bold;padding:0em .5em .2em .5em;background:white;opacity:0;filter:alpha(opacity:0);cursor:pointer;border:.12em solid #888;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out} *.rui-billboard-button-next{left:auto;right:.25em;text-align:right} *.rui-billboard-button-prev:active{text-indent:-.1em} *.rui-billboard-button-next:active{text-indent:.2em} *.rui-billboard:hover *.rui-billboard-button-prev, *.rui-billboard:hover *.rui-billboard-button-next{opacity:0.4;filter:alpha(opacity:40)} *.rui-billboard:hover *.rui-billboard-button-prev:hover, *.rui-billboard:hover *.rui-billboard-button-next:hover{opacity:0.7;filter:alpha(opacity:70)}.rui-billboard-fx-container{position:absolute;left:0;top:0;display:block;z-index:9999;overflow:hidden}.rui-billboard-fx-container> *{position:absolute;left:0;top:0}.rui-billboard-stripe{overflow:hidden}.rui-billboard-stripe> *{position:relative}");      
-                                                                   
-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 Billboard;
-})(RightJS);