/**
 * MooScroll beta [for mootools 1.2]
 * @author Jason J. Jaeger | greengeckodesign.com
 * @version 0.56
 * @license MIT-style License
 *			Permission is hereby granted, free of charge, to any person obtaining a copy
 *			of this software and associated documentation files (the "Software"), to deal
 *			in the Software without restriction, including without limitation the rights
 *			to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *			copies of the Software, and to permit persons to whom the Software is
 *			furnished to do so, subject to the following conditions:
 *	
 *			The above copyright notice and this permission notice shall be included in
 *			all copies or substantial portions of the Software.
 *	
 *			THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *			IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *			FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *			AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *			LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *			OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *			THE SOFTWARE.
 **/
var MooScroll=new Class({Implements:Options,options:{selector:".scroll",increment:30,upBtnClass:"upBtn",downBtnClass:"downBtn",scrollBarClass:"scrollBar",scrollHandleClass:"scrollHandle",scrollHandleBGClass:"scrollHandleBG",scrollHandleTopClass:"scrollHandleTop",scrollHandleMiddleClass:"scrollHandleMiddle",scrollHandleBottomClass:"scrollHandleBottom",scrollControlsYClass:"scrollControlsY",handleOpacity:1,handleActiveOpacity:0.85,disabledOpacity:0.5,fullWindowMode:false,restrictedBrowsers:[Browser.Engine.presto925,Browser.Platform.ipod,Browser.Engine.webkit419]},initialize:function(A){if(this.options.restrictedBrowsers.contains(true)){return }this.setOptions(A);this.mooScrollAreas=[];$(document.body).getElements(this.options.selector).each(function(C,B){var D=new MooScrollArea(this.options,C);this.mooScrollAreas.include(D)}.bind(this))},loadContent:function(A){this.mooScrollAreas.each(function(C,B){C.loadContent(A)})}});var MooScrollArea = new Class({ Implements: Options, initialize: function(A, B) { this.setOptions(A); this.parentEl = B; this.viewPort = { x: $(window).getSize().x, y: $(window).getSize().y }; this.parentElPadding = this.parentEl.getStyles("padding-top", "padding-right", "padding-bottom", "padding-left"); this.paddingHeight = parseFloat(this.parentEl.getStyle("padding-top")) + parseFloat(this.parentEl.getStyle("padding-bottom")); this.paddingWidth = parseFloat(this.parentEl.getStyle("padding-left")) + parseFloat(this.parentEl.getStyle("padding-right")); this.contentEl = new Element("div", { "class": "contentEl" }).adopt(this.parentEl.getChildren()).inject(this.parentEl, "top"); this.parentEl.setStyles({ padding: 0, overflow: "hidden", width: parseFloat(this.parentEl.getStyle("width")) + this.paddingWidth, height: parseFloat(this.parentEl.getStyle("height")) + this.paddingHeight }); this.borderHeight = parseFloat(this.parentEl.getStyle("border-top-width")) + parseFloat(this.parentEl.getStyle("border-bottom-width")); this.contentEl.setStyles({ height: this.parentEl.getSize().y - this.borderHeight, overflow: "hidden", padding: 0 }); this.paddingEl = new Element("div", { "class": "paddingEl" }).adopt(this.contentEl.getChildren()).inject(this.contentEl, "top").setStyles(this.parentElPadding); if (this.options.fullWindowMode) { $(document).getElement("html").setStyle("overflow", "hidden"); this.parentEl.setStyles({ height: "100%", width: "100%", position: "absolute" }); this.contentEl.setStyles({ height: "100%", width: "100%", position: "absolute" }) } this.scrollControlsYWrapper = new Element("div", { "class": this.options.scrollControlsYClass }).inject(this.parentEl, "bottom"); this.upBtn = new Element("div", { "class": this.options.upBtnClass }).inject(this.scrollControlsYWrapper, "bottom"); this.downBtn = new Element("div", { "class": this.options.downBtnClass }).inject(this.scrollControlsYWrapper, "bottom"); this.scrollBar = new Element("div", { "class": this.options.scrollBarClass }).inject(this.scrollControlsYWrapper, "bottom"); this.scrollHandle = new Element("div", { "class": this.options.scrollHandleClass }).inject(this.scrollBar, "inside"); this.scrollHandleTop = new Element("div", { "class": this.options.scrollHandleTopClass }).inject(this.scrollHandle, "inside"); this.scrollHandleBG = new Element("div", { "class": this.options.scrollHandleBGClass }).inject(this.scrollHandle, "inside"); this.scrollHandleMiddle = new Element("div", { "class": this.options.scrollHandleMiddleClass }).inject(this.scrollHandle, "inside"); this.scrollHandleBottom = new Element("div", { "class": this.options.scrollHandleBottomClass }).inject(this.scrollHandle, "inside"); this.coverUp = new Element("div").inject(this.scrollControlsYWrapper, "bottom"); this.fixIE6CSSbugs(); this.overHang = this.paddingEl.getSize().y - this.parentEl.getSize().y; this.setHandleHeight(); if (this.overHang <= 0) { this.greyOut(); return } this.initSlider(); this.parentEl.addEvents({ mousewheel: function(C) { C = new Event(C).stop(); if (C.wheel > 0) { this.scrollUp(true) } else { if (C.wheel < 0) { this.scrollDown(true) } } } .bind(this), keydown: function(C) { if (C.key === "up") { C = new Event(C).stop(); this.scrollUp(true) } else { if (C.key === "down" || C.key === "space") { C = new Event(C).stop(); this.scrollDown(true) } } } .bind(this), click: function(C) { this.hasFocus = true; this.hasFocusTimeout = (function() { $clear(this.hasFocusTimeout); this.hasFocus = true } .bind(this)).delay(50) } .bind(this) }); this.contentEl.addEvents({ scroll: function(C) { this.slider.set(this.contentEl.getScroll().y) } .bind(this) }); this.scrollHandle.addEvents({ mousedown: function(C) { this.scrollHandle.addClass(this.options.scrollHandleClass + "-Active").setStyle("opacity", this.options.handleActiveOpacity) } .bind(this) }); document.addEvents({ mouseup: function(C) { this.scrollHandle.removeClass(this.options.scrollHandleClass + "-Active").setStyle("opacity", this.options.handleOpacity); this.upBtn.removeClass(this.options.upBtnClass + "-Active"); this.downBtn.removeClass(this.options.downBtnClass + "-Active") } .bind(this), keydown: function(C) { if ((this.hasFocus || this.options.fullWindowMode) && (C.key === "down" || C.key === "space" || C.key === "up")) { this.parentEl.fireEvent("keydown", C) } } .bind(this), click: function(C) { this.hasFocus = false } .bind(this) }); window.addEvent("resize", function() { $clear(this.refreshTimeout); if (this.options.fullWindowMode) { this.refreshTimeout = (function() { $clear(this.refreshTimeout); if (this.viewPort.x != $(window).getSize().x || this.viewPort.y != $(window).getSize().y) { this.refresh(); this.viewPort.x = $(window).getSize().x; this.viewPort.y = $(window).getSize().y } } .bind(this)).delay(250) } } .bind(this)); this.upBtn.addEvents({ mousedown: function(C) { $clear(this.upInterval); $clear(this.downInterval); this.upInterval = this.scrollUp.periodical(10, this); this.upBtn.addClass(this.options.upBtnClass + "-Active") } .bind(this), mouseup: function(C) { $clear(this.upInterval); $clear(this.downInterval) } .bind(this), mouseout: function(C) { $clear(this.upInterval); $clear(this.downInterval) } .bind(this) }); this.downBtn.addEvents({ mousedown: function(C) { $clear(this.upInterval); $clear(this.downInterval); this.downInterval = this.scrollDown.periodical(10, this); this.downBtn.addClass(this.options.downBtnClass + "-Active") } .bind(this), mouseup: function(C) { $clear(this.upInterval); $clear(this.downInterval) } .bind(this), mouseout: function(C) { $clear(this.upInterval); $clear(this.downInterval) } .bind(this) });  try { $$('#scrollbox .container')[0].style.visibility = "visible"; } catch (ex) { } }, initSlider: function() { this.slider = new Slider(this.scrollBar, this.scrollHandle, { range: [0, Math.round(this.overHang)], mode: "vertical", onChange: function(A) { this.contentEl.scrollTo(0, A); this.webKitKludge(A) } .bind(this) }).set(0) }, webKitKludge: function(A) { if (!Browser.Engine.webkit) { return } if (this.step > A) { this.step = A; return } $clear(this.sliderTimeout); this.sliderTimeout = (function() { $clear(this.sliderTimeout); var B = (1 * this.paddingEl.getSize().y) / 100; if ((B + A) >= this.overHang) { if (this.paddingElTopMargin == null) { this.paddingElTopMargin = parseFloat(this.paddingEl.getStyle("margin-top")) } this.paddingEl.setStyle("margin-top", this.paddingElTopMargin - B); if (!this.scrollHandleTopMargin) { this.scrollHandleTopMargin = parseFloat(this.scrollHandle.getStyle("margin-top")) } this.scrollHandle.setStyle("margin-top", this.scrollHandleTopMargin + 2); this.contentEl.scrollTo(0, this.overHang); this.step = this.overHang } else { this.paddingEl.setStyle("margin-top", this.paddingElTopMargin); this.scrollHandle.setStyle("margin-top", this.scrollHandleTopMargin); this.contentEl.scrollTo(0, A); this.step = A } } .bind(this)).delay(10) }, scrollUp: function(A) { var B = this.contentEl.getScroll().y - 30; this.slider.set(B); if (this.contentEl.getScroll().y <= 0 && A) { document.window.scrollTo(0, document.window.getScroll().y - this.options.increment) } }, scrollDown: function(C) { var D = this.contentEl.getScroll().y + this.options.increment; this.slider.set(D); var A = (1 * this.paddingEl.getSize().y) / 100; var B = (this.paddingEl.getSize().y - this.parentEl.getSize().y) <= (this.contentEl.getScroll().y + A); if (B && C) { document.window.scrollTo(0, document.window.getScroll().y + this.options.increment) } }, fixIE6CSSbugs: function() { if (Browser.Engine.trident4) { this.parentEl.setStyle("height", this.parentEl.getStyle("height")); this.contentEl.setStyle("height", this.parentEl.getStyle("height")); var C = this.scrollBar.getStyle("top").toInt(); var A = this.scrollBar.getStyle("bottom").toInt(); var B = this.parentEl.getSize().y - this.borderHeight; this.scrollControlsYWrapper.setStyles({ height: B }); this.scrollBar.setStyles({ height: B - C - A }) } }, setHandleHeight: function() { var A = (100 - ((this.overHang * 100) / this.paddingEl.getSize().y)); this.handleHeight = ((A * this.parentEl.getSize().y) / 100) - (this.scrollHandleTop.getSize().y + this.scrollHandleBottom.getSize().y); if ((this.handleHeight + this.scrollHandleTop.getSize().y + this.scrollHandleBottom.getSize().y) >= this.scrollBar.getSize().y) { this.handleHeight -= (this.scrollHandleTop.getSize().y + this.scrollHandleBottom.getSize().y) * 2 } if (this.scrollHandle.getStyle("min-height") && this.handleHeight < parseFloat(this.scrollHandle.getStyle("min-height"))) { this.handleHeight = parseFloat(this.scrollHandle.getStyle("min-height")) + this.scrollHandleBottom.getSize().y + this.scrollHandleTop.getSize().y } this.scrollHandle.setStyles({ height: this.handleHeight }) }, greyOut: function() { try { $$('#scrollbox .container')[0].style.visibility = "visible"; } catch (ex) { } this.scrollHandle.setStyles({ display: "none" }); this.upBtn.setStyles({ opacity: this.options.disabledOpacity }); this.downBtn.setStyles({ opacity: this.options.disabledOpacity }); this.scrollBar.setStyles({ opacity: this.options.disabledOpacity }); this.coverUp.setStyles({ display: "block", position: "absolute", background: "white", opacity: 0.01, right: "0", top: "0", width: "100%", height: this.scrollControlsYWrapper.getSize().y }) }, unGrey: function() { this.scrollHandle.setStyles({ display: "block", height: "auto" }); this.upBtn.setStyles({ opacity: 1 }); this.downBtn.setStyles({ opacity: 1 }); this.scrollBar.setStyles({ opacity: 1 }); this.coverUp.setStyles({ display: "none", width: 0, height: 0 }); this.setHandleHeight() }, loadContent: function(A) { this.slider.set(0); this.paddingEl.empty().set("html", A); this.refresh() }, refresh: function() { var A = Math.round(((100 * this.step) / this.overHang)); if (this.options.fullWindowMode) { var B = $(window).getSize(); this.parentEl.setStyles({ width: "100%", height: "100%" }) } this.fixIE6CSSbugs(); this.overHang = this.paddingEl.getSize().y - this.parentEl.getSize().y; this.setHandleHeight(); if (this.overHang <= 0) { this.greyOut(); return } else { this.unGrey() } this.scrollHandle.removeEvents(); var C = Math.round((A * this.overHang) / 100); this.initSlider(); this.slider.set(C) } });