/* Script: Cufon.js */ var Cufon = (function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E0){E=" "+E}}else{if(B400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||JD){D=J}K.push(J)}if(ID){I=D}K.sort(function(M,L){return(E?(M>=I&&L>=I)?ML:(M<=I&&L<=I)?M>L:MO){O=K}if(I>N){N=I}if(Kcufoncanvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}cufoncanvas{position:absolute;text-align:left;}cufon{display:inline-block;position:relative;vertical-align:'+(h?"middle":"text-bottom")+";}cufon cufontext{position:absolute;left:-10000in;font-size:1px;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none;}}").replace(/;/g,"!important;"));function c(i,j){return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}function a(l,m){if(m==="0"){return 0}if(/px$/i.test(m)){return parseFloat(m)}var k=l.style.left,j=l.runtimeStyle.left;l.runtimeStyle.left=l.currentStyle.left;l.style.left=m.replace("%","em");var i=l.style.pixelLeft;l.style.left=k;l.runtimeStyle.left=j;return i}function f(l,k,j,n){var i="computed"+n,m=k[i];if(isNaN(m)){m=k.get(n);k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}return m}var g={};function d(p){var q=p.id;if(!g[q]){var n=p.stops,o=document.createElement("cvml:fill"),i=[];o.type="gradient";o.angle=180;o.focus="0";o.method="sigma";o.color=n[0][1];for(var m=1,l=n.length-1;m":{"d":"160,-131r0,-4r-124,-138r-20,19r108,119r0,3r-107,121r19,18","w":173},"~":{"d":"70,-131v42,0,92,47,119,3r17,15v-11,18,-28,34,-56,34v-41,0,-94,-49,-118,0r-19,-13v10,-20,28,-39,57,-39","w":218},"$":{"d":"97,-258v-43,0,-51,69,-14,84v5,3,9,6,14,8r0,-92xm112,-23v52,2,56,-77,16,-93v-5,-3,-11,-5,-16,-8r0,101xm28,-214v0,-43,29,-64,69,-68r0,-24r15,0r0,23v28,3,46,14,60,32r-17,22v-13,-13,-23,-25,-43,-28r0,98v36,17,75,32,75,85v0,48,-31,72,-75,77r0,29r-15,0r0,-30v-34,-2,-55,-17,-74,-38r22,-22v14,14,28,31,52,35r0,-109v-34,-15,-69,-33,-69,-82","k":{" ":74}},"\u00a3":{"d":"101,-121v6,45,-16,72,-35,95r110,0r0,26r-146,0v-1,-47,56,-60,40,-121r-44,0r0,-19r41,0v-7,-22,-17,-42,-17,-71v0,-64,76,-90,126,-57r-14,24v-32,-28,-99,-11,-82,48r17,56r58,0r0,19r-54,0","w":202},"\u00a5":{"d":"89,0r0,-71r-63,0r0,-19r63,0r0,-26r-63,0r0,-20r60,0r-78,-139r33,0r64,120r64,-120r32,0r-79,139r64,0r0,20r-67,0r0,26r67,0r0,19r-67,0r0,71r-30,0"},"\u00a2":{"d":"16,-107v0,-52,26,-85,78,-87r3,-23r16,2r-2,23v20,3,32,11,42,26r-20,18v-8,-10,-13,-16,-25,-20r-16,123v25,3,33,-11,44,-26r22,16v-13,23,-34,36,-69,35r-3,26r-16,-3r3,-25v-37,-10,-57,-40,-57,-85xm91,-170v-59,1,-55,105,-15,122","w":155},"\u00a4":{"d":"61,-42v26,28,92,27,118,-1r32,32r13,-11r-32,-34v27,-27,28,-90,2,-119r31,-32r-12,-12r-31,31v-27,-33,-97,-30,-124,0r-28,-31r-14,12r30,31v-28,28,-25,96,3,122r-32,32r12,12xm120,-186v39,0,65,28,65,68v0,41,-25,70,-65,70v-41,0,-65,-30,-65,-70v0,-40,26,-68,65,-68","w":240},"\u00a7":{"d":"101,-257v-45,0,-76,50,-30,65v49,16,110,18,115,74v2,29,-17,44,-36,55v18,10,30,25,30,52v0,76,-118,77,-165,45r17,-25v26,25,130,34,110,-33v-25,-46,-127,-8,-129,-89v0,-28,12,-46,31,-59v-17,-9,-28,-22,-29,-46v-3,-81,131,-79,165,-32r-17,23v-16,-14,-33,-30,-62,-30xm130,-72v29,-13,33,-68,-4,-76v-19,-9,-35,-9,-56,-15v-26,8,-39,65,-3,74v20,5,39,12,63,17","w":199},"&":{"d":"47,-80v-4,67,89,72,124,34r-85,-92v-18,14,-37,28,-39,58xm97,-169v20,-14,45,-23,45,-55v0,-22,-11,-36,-32,-37v-42,-3,-47,56,-22,79v3,4,6,9,9,13xm254,-120v-12,26,-28,49,-47,71r53,49r-47,0r-25,-27v-43,47,-172,47,-172,-44v0,-48,28,-67,57,-85v-15,-16,-29,-35,-31,-64v-5,-73,130,-89,129,-9v-1,44,-32,60,-61,77r80,86v12,-17,21,-36,30,-54r34,0","w":267,"k":{" ":74}},"\u00a1":{"d":"44,-193v12,1,20,9,20,21v0,12,-7,21,-20,21v-13,0,-20,-8,-20,-21v0,-13,8,-20,20,-21xm57,-119r4,204r-36,0r7,-204r25,0","w":86},"!":{"d":"41,3v-12,0,-20,-8,-20,-21v0,-13,7,-21,20,-21v13,0,19,9,20,21v-1,12,-8,21,-20,21xm28,-71r-4,-204r36,0r-7,204r-25,0","w":82,"k":{" ":74}},"?":{"d":"79,-283v79,-5,84,112,35,148v-21,16,-42,26,-37,68r-26,0v-10,-79,67,-68,67,-141v0,-53,-61,-62,-85,-32r-17,-19v15,-14,35,-22,63,-24xm64,-39v24,1,24,41,0,42v-12,-1,-19,-9,-20,-21v1,-12,8,-20,20,-21","w":171,"k":{" ":74}},"\u00bf":{"d":"110,-212v11,0,19,8,19,21v0,12,-7,20,-19,20v-13,0,-18,-9,-20,-20v1,-12,8,-21,20,-21xm95,73v-81,0,-86,-112,-36,-147v21,-15,42,-28,37,-68r26,0v10,79,-67,69,-67,141v0,53,60,62,86,32r17,18v-14,14,-34,24,-63,24","w":175},"@":{"d":"133,-50v0,49,70,30,93,7r0,-55v-41,6,-93,5,-93,48xm53,-107v0,113,59,197,180,173r0,23v-9,5,-23,6,-37,6v-136,1,-195,-119,-164,-254v17,-74,75,-124,165,-124v98,0,151,63,153,166v1,72,-28,120,-98,120v-14,0,-23,-10,-26,-25v-29,29,-124,43,-122,-22v2,-61,65,-65,122,-72r0,-24v-3,-50,-76,-31,-96,-7r-14,-19v32,-34,137,-46,137,27r0,98v0,14,3,23,16,23v46,0,52,-49,52,-100v0,-85,-41,-141,-124,-141v-91,0,-144,60,-144,152","w":374,"k":{" ":74}},"'":{"d":"58,-283r-7,73r-18,0r-7,-73r32,0","w":84,"k":{" ":74}},"\"":{"d":"112,-283r-7,73r-18,0r-7,-73r32,0xm57,-283r-7,73r-18,0r-7,-73r32,0","w":135,"k":{" ":74}},"-":{"d":"115,-139r-4,22r-92,0r4,-22r92,0","w":131,"k":{" ":74}},"\u00ad":{"d":"115,-139r-4,22r-92,0r4,-22r92,0","w":131},"\u2013":{"d":"0,-123r160,0r0,23r-160,0r0,-23","w":160},"\u2014":{"d":"0,-123r315,0r0,23r-315,0r0,-23","w":315},"\/":{"d":"13,40r177,-344r18,9r-177,344","w":217},"\\":{"d":"189,49r-177,-344r19,-9r177,343","w":218},",":{"d":"42,-35v44,3,28,70,2,79v-5,3,-10,6,-16,9r-8,-10v14,-9,33,-19,28,-44v-11,7,-27,0,-26,-15v1,-12,9,-17,20,-19","w":88,"k":{"\u201d":25," ":74}},".":{"d":"41,3v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21","w":79,"k":{"\u2019":25,"\u201d":25,"\u00e7":9,"c":9," ":74}},":":{"d":"50,-142v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21xm50,3v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21","w":89,"k":{" ":74}},";":{"d":"47,-35v44,3,28,70,2,79v-5,3,-10,6,-16,9r-8,-10v14,-9,33,-19,28,-44v-11,7,-27,0,-26,-15v1,-12,9,-17,20,-19xm50,-144v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21","w":89,"k":{" ":74}},"_":{"d":"-1,43r182,0r0,20r-182,0r0,-20","w":179},"=":{"d":"19,-119r182,0r0,22r-182,0r0,-22xm20,-176r181,0r0,22r-181,0r0,-22","w":220,"k":{" ":74}},"+":{"d":"120,-240r0,84r79,0r0,23r-79,0r0,85r-23,0r0,-85r-79,0r0,-23r79,0r0,-84r23,0","w":217,"k":{" ":74}},"\u00f7":{"d":"17,-127r161,0r0,27r-161,0r0,-27xm117,-57v0,23,-31,27,-37,8v-5,-14,3,-29,18,-29v11,0,19,8,19,21xm117,-169v2,23,-31,28,-37,8v-4,-14,2,-28,18,-28v13,0,18,8,19,20","w":195},"\u00d7":{"d":"18,-12r73,-86r-70,-83r17,-15r70,81r68,-80r19,14r-71,83r74,87r-19,16r-71,-86r-73,85","w":215},"\u00b1":{"d":"120,-244r0,84r79,0r0,23r-79,0r0,85r-23,0r0,-85r-79,0r0,-23r79,0r0,-84r23,0xm29,-29r160,0r0,23r-160,0r0,-23","w":217},"\u00ac":{"d":"15,-115r185,0r0,94r22,0r0,-118r-207,0r0,24","w":242},"^":{"d":"219,-133r-32,0v-25,-39,-44,-84,-72,-121r-71,121r-32,0r102,-162r5,0","w":229,"k":{" ":74}},"\u00b6":{"d":"19,-205v-1,-63,53,-74,117,-69r0,274r-21,0r0,-133v-60,4,-95,-17,-96,-72xm152,-274r0,274r20,0r0,-275","w":199},"\u2026":{"d":"139,3v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21xm237,3v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21xm42,3v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21","w":279},"\u00ab":{"d":"82,-18v-22,-27,-48,-49,-68,-78r69,-77r15,14r-50,64r49,64xm168,-18v-22,-27,-48,-49,-68,-78r68,-77r16,14r-51,64r49,64","w":214},"\u00bb":{"d":"48,-18r-15,-13r49,-65r-50,-63r15,-14v22,27,49,50,69,79xm138,-18r-14,-13r49,-65r-51,-63r15,-14v22,27,49,50,69,79","w":221},"\u201c":{"d":"104,-216v-44,0,-29,-71,-2,-79v5,-3,10,-6,16,-9r7,10v-13,10,-32,19,-27,44v10,-7,28,0,26,15v-1,11,-9,19,-20,19xm39,-216v-44,0,-29,-71,-2,-79v5,-3,10,-6,16,-9r7,10v-13,10,-32,19,-27,44v10,-7,28,0,26,15v-1,11,-9,19,-20,19","w":143},"\u201d":{"d":"100,-304v44,-1,28,70,2,78v-5,3,-10,7,-16,10r-8,-11v15,-8,33,-20,28,-44v-10,7,-28,1,-26,-14v2,-11,7,-20,20,-19xm33,-304v44,-1,28,70,2,78v-5,3,-10,7,-16,10r-8,-11v15,-8,33,-20,28,-44v-10,7,-28,1,-26,-14v2,-11,7,-20,20,-19","w":146,"k":{" ":74}},"\u2018":{"d":"39,-216v-44,0,-29,-71,-2,-79v5,-3,10,-6,16,-9r7,10v-13,10,-32,19,-27,44v10,-7,28,0,26,15v-1,11,-9,19,-20,19","w":71},"\u2019":{"d":"33,-304v44,-1,28,70,2,78v-5,3,-10,7,-16,10r-8,-11v15,-8,33,-20,28,-44v-10,7,-28,1,-26,-14v2,-11,7,-20,20,-19","w":71,"k":{" ":74}},"\u00b7":{"d":"41,-100v-10,0,-20,-10,-20,-21v0,-11,9,-21,20,-21v10,0,19,10,19,21v0,11,-9,21,-19,21","w":80},"\u00b0":{"d":"57,-282v-15,0,-24,11,-24,27v0,16,8,28,24,28v17,0,24,-12,24,-28v0,-16,-8,-27,-24,-27xm57,-212v-26,0,-40,-18,-43,-42v2,-25,17,-43,43,-43v26,0,43,17,43,43v0,26,-17,42,-43,42","w":114},"\u00b9":{"d":"51,-144r0,-102r-34,22r0,-29v20,-9,30,-28,63,-25r0,134r30,0r0,23r-92,0r0,-23r33,0","w":125},"\u00b2":{"d":"22,-255v33,-42,143,-22,113,46v-16,36,-67,34,-85,67r91,0r0,24r-125,0v-6,-71,87,-50,94,-110v5,-41,-60,-29,-72,-7","w":156},"\u00b3":{"d":"111,-236v-4,-30,-63,-23,-75,-5r-16,-20v27,-25,117,-27,120,21v2,24,-14,30,-33,36v22,5,40,14,40,41v0,57,-95,56,-129,32r13,-21v18,17,84,23,85,-13v0,-28,-29,-24,-56,-26r0,-20v25,0,48,-3,51,-25","w":157},"\u2122":{"d":"242,-117r-15,0r-45,-101r0,101r-28,0r0,-132r-53,0r0,132r-28,0r0,-132r-54,0r0,-26r165,0r51,115r51,-115r31,0r0,158r-28,0r0,-101","w":334},"\u00a9":{"d":"108,-145v-6,58,62,102,95,56r20,14v-12,20,-30,31,-61,31v-51,0,-79,-43,-83,-97v-6,-78,75,-123,133,-76r-15,20v-33,-35,-98,-5,-89,52xm158,-283v144,-8,181,203,70,269v-52,31,-141,14,-169,-23v-20,-26,-41,-56,-41,-102v0,-87,54,-139,140,-144xm158,-263v-73,0,-117,50,-117,124v0,74,43,124,117,124v73,0,116,-50,116,-124v0,-74,-44,-124,-116,-124","w":315},"\u00ae":{"d":"192,-180v0,-34,-31,-33,-66,-32r0,67v35,1,66,0,66,-35xm217,-178v-2,24,-14,43,-36,48r42,84r-28,0r-38,-80r-30,1r0,79r-25,0r0,-187v58,-1,117,-4,115,55xm158,-283v144,-8,181,203,70,269v-52,31,-141,14,-169,-23v-20,-26,-41,-56,-41,-102v0,-87,54,-139,140,-144xm158,-263v-73,0,-117,50,-117,124v0,74,43,124,117,124v73,0,116,-50,116,-124v0,-74,-44,-124,-116,-124","w":315},"\u00aa":{"d":"42,-158v0,41,58,22,73,4r0,-42v-34,5,-73,3,-73,38xm115,-213v12,-57,-58,-49,-78,-23r-12,-18v27,-27,114,-36,115,24r1,88v0,9,13,10,22,8r4,11v-14,12,-51,14,-51,-13v-24,26,-101,35,-101,-17v0,-51,53,-54,100,-60","w":172},"\u00ba":{"d":"44,-200v0,33,16,63,51,63v34,0,48,-31,48,-67v0,-35,-15,-60,-49,-60v-36,0,-50,29,-50,64xm168,-200v0,48,-26,82,-72,82v-53,0,-76,-33,-76,-85v0,-46,26,-80,75,-80v49,0,73,34,73,83","w":188},"\u00bd":{"d":"39,-4r226,-279r17,11r-227,279xm51,-144r0,-102r-34,22r0,-29v20,-9,30,-28,63,-25r0,134r30,0r0,23r-92,0r0,-23r33,0xm197,-137v33,-42,143,-22,113,46v-16,36,-67,34,-85,67r91,0r0,24r-125,0v-6,-71,87,-50,94,-110v5,-41,-60,-29,-72,-7","w":332},"\u00bc":{"d":"179,-63r45,0r0,-61xm224,-41r-75,0r0,-9r78,-104r26,0r0,91r28,0r0,22r-28,0r0,42r-29,0r0,-42xm36,-4r226,-279r17,10r-227,279xm51,-144r0,-102r-34,22r0,-29v20,-9,30,-28,63,-25r0,134r30,0r0,23r-92,0r0,-23r33,0","w":295},"\u00be":{"d":"209,-64r45,0r0,-61xm254,-41r-75,0r0,-9r78,-104r26,0r0,90r28,0r0,23r-28,0r0,41r-29,0r0,-41xm62,-4r226,-279r17,11r-227,279xm111,-236v-4,-30,-63,-23,-75,-5r-16,-20v27,-25,117,-27,120,21v2,24,-14,30,-33,36v22,5,40,14,40,41v0,57,-95,56,-129,32r13,-21v18,17,84,23,85,-13v0,-28,-29,-24,-56,-26r0,-20v25,0,48,-3,51,-25","w":323},"\u00a0":{"w":181}}}); /* Script: Core.js MooTools - My Object Oriented JavaScript Tools. License: MIT-style license. Copyright: Copyright (c) 2006-2008 [Valerio Proietti](http://mad4milk.net/). Code & Documentation: [The MooTools production team](http://mootools.net/developers/). Inspiration: - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php) - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php) */ var MooTools = { 'version': '1.2.1', 'build': '0d4845aab3d9a4fdee2f0d4a6dd59210e4b697cf' }; var Native = function(options){ options = options || {}; var name = options.name; var legacy = options.legacy; var protect = options.protect; var methods = options.implement; var generics = options.generics; var initialize = options.initialize; var afterImplement = options.afterImplement || function(){}; var object = initialize || legacy; generics = generics !== false; object.constructor = Native; object.$family = {name: 'native'}; if (legacy && initialize) object.prototype = legacy.prototype; object.prototype.constructor = object; if (name){ var family = name.toLowerCase(); object.prototype.$family = {name: family}; Native.typize(object, family); } var add = function(obj, name, method, force){ if (!protect || force || !obj.prototype[name]) obj.prototype[name] = method; if (generics) Native.genericize(obj, name, protect); afterImplement.call(obj, name, method); return obj; }; object.alias = function(a1, a2, a3){ if (typeof a1 == 'string'){ if ((a1 = this.prototype[a1])) return add(this, a2, a1, a3); } for (var a in a1) this.alias(a, a1[a], a2); return this; }; object.implement = function(a1, a2, a3){ if (typeof a1 == 'string') return add(this, a1, a2, a3); for (var p in a1) add(this, p, a1[p], a2); return this; }; if (methods) object.implement(methods); return object; }; Native.genericize = function(object, property, check){ if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){ var args = Array.prototype.slice.call(arguments); return object.prototype[property].apply(args.shift(), args); }; }; Native.implement = function(objects, properties){ for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties); }; Native.typize = function(object, family){ if (!object.type) object.type = function(item){ return ($type(item) === family); }; }; (function(){ var natives = {'Array': Array, 'Date': Date, 'Function': Function, 'Number': Number, 'RegExp': RegExp, 'String': String}; for (var n in natives) new Native({name: n, initialize: natives[n], protect: true}); var types = {'boolean': Boolean, 'native': Native, 'object': Object}; for (var t in types) Native.typize(types[t], t); var generics = { 'Array': ["concat", "indexOf", "join", "lastIndexOf", "pop", "push", "reverse", "shift", "slice", "sort", "splice", "toString", "unshift", "valueOf"], 'String': ["charAt", "charCodeAt", "concat", "indexOf", "lastIndexOf", "match", "replace", "search", "slice", "split", "substr", "substring", "toLowerCase", "toUpperCase", "valueOf"] }; for (var g in generics){ for (var i = generics[g].length; i--;) Native.genericize(window[g], generics[g][i], true); }; })(); var Hash = new Native({ name: 'Hash', initialize: function(object){ if ($type(object) == 'hash') object = $unlink(object.getClean()); for (var key in object) this[key] = object[key]; return this; } }); Hash.implement({ forEach: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this); } }, getClean: function(){ var clean = {}; for (var key in this){ if (this.hasOwnProperty(key)) clean[key] = this[key]; } return clean; }, getLength: function(){ var length = 0; for (var key in this){ if (this.hasOwnProperty(key)) length++; } return length; } }); Hash.alias('forEach', 'each'); Array.implement({ forEach: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this); } }); Array.alias('forEach', 'each'); function $A(iterable){ if (iterable.item){ var array = []; for (var i = 0, l = iterable.length; i < l; i++) array[i] = iterable[i]; return array; } return Array.prototype.slice.call(iterable); }; function $arguments(i){ return function(){ return arguments[i]; }; }; function $chk(obj){ return !!(obj || obj === 0); }; function $clear(timer){ clearTimeout(timer); clearInterval(timer); return null; }; function $defined(obj){ return (obj != undefined); }; function $each(iterable, fn, bind){ var type = $type(iterable); ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind); }; function $empty(){}; function $extend(original, extended){ for (var key in (extended || {})) original[key] = extended[key]; return original; }; function $H(object){ return new Hash(object); }; function $lambda(value){ return (typeof value == 'function') ? value : function(){ return value; }; }; function $merge(){ var mix = {}; for (var i = 0, l = arguments.length; i < l; i++){ var object = arguments[i]; if ($type(object) != 'object') continue; for (var key in object){ var op = object[key], mp = mix[key]; mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $merge(mp, op) : $unlink(op); } } return mix; }; function $pick(){ for (var i = 0, l = arguments.length; i < l; i++){ if (arguments[i] != undefined) return arguments[i]; } return null; }; function $random(min, max){ return Math.floor(Math.random() * (max - min + 1) + min); }; function $splat(obj){ var type = $type(obj); return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : []; }; var $time = Date.now || function(){ return +new Date; }; function $try(){ for (var i = 0, l = arguments.length; i < l; i++){ try { return arguments[i](); } catch(e){} } return null; }; function $type(obj){ if (obj == undefined) return false; if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name; if (obj.nodeName){ switch (obj.nodeType){ case 1: return 'element'; case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace'; } } else if (typeof obj.length == 'number'){ if (obj.callee) return 'arguments'; else if (obj.item) return 'collection'; } return typeof obj; }; function $unlink(object){ var unlinked; switch ($type(object)){ case 'object': unlinked = {}; for (var p in object) unlinked[p] = $unlink(object[p]); break; case 'hash': unlinked = new Hash(object); break; case 'array': unlinked = []; for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]); break; default: return object; } return unlinked; }; /* Script: Browser.js The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash. License: MIT-style license. */ var Browser = $merge({ Engine: {name: 'unknown', version: 0}, Platform: {name: (window.orientation != undefined) ? 'ipod' : (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()}, Features: {xpath: !!(document.evaluate), air: !!(window.runtime), query: !!(document.querySelector)}, Plugins: {}, Engines: { presto: function(){ return (!window.opera) ? false : ((arguments.callee.caller) ? 960 : ((document.getElementsByClassName) ? 950 : 925)); }, trident: function(){ return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? 5 : 4); }, webkit: function(){ return (navigator.taintEnabled) ? false : ((Browser.Features.xpath) ? ((Browser.Features.query) ? 525 : 420) : 419); }, gecko: function(){ return (document.getBoxObjectFor == undefined) ? false : ((document.getElementsByClassName) ? 19 : 18); } } }, Browser || {}); Browser.Platform[Browser.Platform.name] = true; Browser.detect = function(){ for (var engine in this.Engines){ var version = this.Engines[engine](); if (version){ this.Engine = {name: engine, version: version}; this.Engine[engine] = this.Engine[engine + version] = true; break; } } return {name: engine, version: version}; }; Browser.detect(); Browser.Request = function(){ return $try(function(){ return new XMLHttpRequest(); }, function(){ return new ActiveXObject('MSXML2.XMLHTTP'); }); }; Browser.Features.xhr = !!(Browser.Request()); Browser.Plugins.Flash = (function(){ var version = ($try(function(){ return navigator.plugins['Shockwave Flash'].description; }, function(){ return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version'); }) || '0 r0').match(/\d+/g); return {version: parseInt(version[0] || 0 + '.' + version[1] || 0), build: parseInt(version[2] || 0)}; })(); function $exec(text){ if (!text) return text; if (window.execScript){ window.execScript(text); } else { var script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script[(Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerText' : 'text'] = text; document.head.appendChild(script); document.head.removeChild(script); } return text; }; Native.UID = 1; var $uid = (Browser.Engine.trident) ? function(item){ return (item.uid || (item.uid = [Native.UID++]))[0]; } : function(item){ return item.uid || (item.uid = Native.UID++); }; var Window = new Native({ name: 'Window', legacy: (Browser.Engine.trident) ? null: window.Window, initialize: function(win){ $uid(win); if (!win.Element){ win.Element = $empty; if (Browser.Engine.webkit) win.document.createElement("iframe"); //fixes safari 2 win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {}; } win.document.window = win; return $extend(win, Window.Prototype); }, afterImplement: function(property, value){ window[property] = Window.Prototype[property] = value; } }); Window.Prototype = {$family: {name: 'window'}}; new Window(window); var Document = new Native({ name: 'Document', legacy: (Browser.Engine.trident) ? null: window.Document, initialize: function(doc){ $uid(doc); doc.head = doc.getElementsByTagName('head')[0]; doc.html = doc.getElementsByTagName('html')[0]; if (Browser.Engine.trident && Browser.Engine.version <= 4) $try(function(){ doc.execCommand("BackgroundImageCache", false, true); }); if (Browser.Engine.trident) doc.window.attachEvent('onunload', function() { doc.window.detachEvent('onunload', arguments.callee); doc.head = doc.html = doc.window = null; }); return $extend(doc, Document.Prototype); }, afterImplement: function(property, value){ document[property] = Document.Prototype[property] = value; } }); Document.Prototype = {$family: {name: 'document'}}; new Document(document); /* Script: Array.js Contains Array Prototypes like each, contains, and erase. License: MIT-style license. */ Array.implement({ every: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (!fn.call(bind, this[i], i, this)) return false; } return true; }, filter: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) results.push(this[i]); } return results; }, clean: function() { return this.filter($defined); }, indexOf: function(item, from){ var len = this.length; for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){ if (this[i] === item) return i; } return -1; }, map: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this); return results; }, some: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) return true; } return false; }, associate: function(keys){ var obj = {}, length = Math.min(this.length, keys.length); for (var i = 0; i < length; i++) obj[keys[i]] = this[i]; return obj; }, link: function(object){ var result = {}; for (var i = 0, l = this.length; i < l; i++){ for (var key in object){ if (object[key](this[i])){ result[key] = this[i]; delete object[key]; break; } } } return result; }, contains: function(item, from){ return this.indexOf(item, from) != -1; }, extend: function(array){ for (var i = 0, j = array.length; i < j; i++) this.push(array[i]); return this; }, getLast: function(){ return (this.length) ? this[this.length - 1] : null; }, getRandom: function(){ return (this.length) ? this[$random(0, this.length - 1)] : null; }, include: function(item){ if (!this.contains(item)) this.push(item); return this; }, combine: function(array){ for (var i = 0, l = array.length; i < l; i++) this.include(array[i]); return this; }, erase: function(item){ for (var i = this.length; i--; i){ if (this[i] === item) this.splice(i, 1); } return this; }, empty: function(){ this.length = 0; return this; }, flatten: function(){ var array = []; for (var i = 0, l = this.length; i < l; i++){ var type = $type(this[i]); if (!type) continue; array = array.concat((type == 'array' || type == 'collection' || type == 'arguments') ? Array.flatten(this[i]) : this[i]); } return array; }, hexToRgb: function(array){ if (this.length != 3) return null; var rgb = this.map(function(value){ if (value.length == 1) value += value; return value.toInt(16); }); return (array) ? rgb : 'rgb(' + rgb + ')'; }, rgbToHex: function(array){ if (this.length < 3) return null; if (this.length == 4 && this[3] == 0 && !array) return 'transparent'; var hex = []; for (var i = 0; i < 3; i++){ var bit = (this[i] - 0).toString(16); hex.push((bit.length == 1) ? '0' + bit : bit); } return (array) ? hex : '#' + hex.join(''); } }); /* Script: Function.js Contains Function Prototypes like create, bind, pass, and delay. License: MIT-style license. */ Function.implement({ extend: function(properties){ for (var property in properties) this[property] = properties[property]; return this; }, create: function(options){ var self = this; options = options || {}; return function(event){ var args = options.arguments; args = (args != undefined) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0); if (options.event) args = [event || window.event].extend(args); var returns = function(){ return self.apply(options.bind || null, args); }; if (options.delay) return setTimeout(returns, options.delay); if (options.periodical) return setInterval(returns, options.periodical); if (options.attempt) return $try(returns); return returns(); }; }, run: function(args, bind){ return this.apply(bind, $splat(args)); }, pass: function(args, bind){ return this.create({bind: bind, arguments: args}); }, bind: function(bind, args){ return this.create({bind: bind, arguments: args}); }, bindWithEvent: function(bind, args){ return this.create({bind: bind, arguments: args, event: true}); }, attempt: function(args, bind){ return this.create({bind: bind, arguments: args, attempt: true})(); }, delay: function(delay, bind, args){ return this.create({bind: bind, arguments: args, delay: delay})(); }, periodical: function(periodical, bind, args){ return this.create({bind: bind, arguments: args, periodical: periodical})(); } }); /* Script: Number.js Contains Number Prototypes like limit, round, times, and ceil. License: MIT-style license. */ Number.implement({ limit: function(min, max){ return Math.min(max, Math.max(min, this)); }, round: function(precision){ precision = Math.pow(10, precision || 0); return Math.round(this * precision) / precision; }, times: function(fn, bind){ for (var i = 0; i < this; i++) fn.call(bind, i, this); }, toFloat: function(){ return parseFloat(this); }, toInt: function(base){ return parseInt(this, base || 10); } }); Number.alias('times', 'each'); (function(math){ var methods = {}; math.each(function(name){ if (!Number[name]) methods[name] = function(){ return Math[name].apply(null, [this].concat($A(arguments))); }; }); Number.implement(methods); })(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']); /* Script: String.js Contains String Prototypes like camelCase, capitalize, test, and toInt. License: MIT-style license. */ String.implement({ test: function(regex, params){ return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this); }, contains: function(string, separator){ return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1; }, trim: function(){ return this.replace(/^\s+|\s+$/g, ''); }, clean: function(){ return this.replace(/\s+/g, ' ').trim(); }, camelCase: function(){ return this.replace(/-\D/g, function(match){ return match.charAt(1).toUpperCase(); }); }, hyphenate: function(){ return this.replace(/[A-Z]/g, function(match){ return ('-' + match.charAt(0).toLowerCase()); }); }, capitalize: function(){ return this.replace(/\b[a-z]/g, function(match){ return match.toUpperCase(); }); }, escapeRegExp: function(){ return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1'); }, toInt: function(base){ return parseInt(this, base || 10); }, toFloat: function(){ return parseFloat(this); }, hexToRgb: function(array){ var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); return (hex) ? hex.slice(1).hexToRgb(array) : null; }, rgbToHex: function(array){ var rgb = this.match(/\d{1,3}/g); return (rgb) ? rgb.rgbToHex(array) : null; }, stripScripts: function(option){ var scripts = ''; var text = this.replace(/]*>([\s\S]*?)<\/script>/gi, function(){ scripts += arguments[1] + '\n'; return ''; }); if (option === true) $exec(scripts); else if ($type(option) == 'function') option(scripts, text); return text; }, substitute: function(object, regexp){ return this.replace(regexp || (/\\?\{([^{}]+)\}/g), function(match, name){ if (match.charAt(0) == '\\') return match.slice(1); return (object[name] != undefined) ? object[name] : ''; }); } }); /* Script: Hash.js Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects. License: MIT-style license. */ Hash.implement({ has: Object.prototype.hasOwnProperty, keyOf: function(value){ for (var key in this){ if (this.hasOwnProperty(key) && this[key] === value) return key; } return null; }, hasValue: function(value){ return (Hash.keyOf(this, value) !== null); }, extend: function(properties){ Hash.each(properties, function(value, key){ Hash.set(this, key, value); }, this); return this; }, combine: function(properties){ Hash.each(properties, function(value, key){ Hash.include(this, key, value); }, this); return this; }, erase: function(key){ if (this.hasOwnProperty(key)) delete this[key]; return this; }, get: function(key){ return (this.hasOwnProperty(key)) ? this[key] : null; }, set: function(key, value){ if (!this[key] || this.hasOwnProperty(key)) this[key] = value; return this; }, empty: function(){ Hash.each(this, function(value, key){ delete this[key]; }, this); return this; }, include: function(key, value){ var k = this[key]; if (k == undefined) this[key] = value; return this; }, map: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ results.set(key, fn.call(bind, value, key, this)); }, this); return results; }, filter: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ if (fn.call(bind, value, key, this)) results.set(key, value); }, this); return results; }, every: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false; } return true; }, some: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true; } return false; }, getKeys: function(){ var keys = []; Hash.each(this, function(value, key){ keys.push(key); }); return keys; }, getValues: function(){ var values = []; Hash.each(this, function(value){ values.push(value); }); return values; }, toQueryString: function(base){ var queryString = []; Hash.each(this, function(value, key){ if (base) key = base + '[' + key + ']'; var result; switch ($type(value)){ case 'object': result = Hash.toQueryString(value, key); break; case 'array': var qs = {}; value.each(function(val, i){ qs[i] = val; }); result = Hash.toQueryString(qs, key); break; default: result = key + '=' + encodeURIComponent(value); } if (value != undefined) queryString.push(result); }); return queryString.join('&'); } }); Hash.alias({keyOf: 'indexOf', hasValue: 'contains'}); /* Script: Event.js Contains the Event Native, to make the event object completely crossbrowser. License: MIT-style license. */ var Event = new Native({ name: 'Event', initialize: function(event, win){ win = win || window; var doc = win.document; event = event || win.event; if (event.$extended) return event; this.$extended = true; var type = event.type; var target = event.target || event.srcElement; while (target && target.nodeType == 3) target = target.parentNode; if (type.test(/key/)){ var code = event.which || event.keyCode; var key = Event.Keys.keyOf(code); if (type == 'keydown'){ var fKey = code - 111; if (fKey > 0 && fKey < 13) key = 'f' + fKey; } key = key || String.fromCharCode(code).toLowerCase(); } else if (type.match(/(click|mouse|menu)/i)){ doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; var page = { x: event.pageX || event.clientX + doc.scrollLeft, y: event.pageY || event.clientY + doc.scrollTop }; var client = { x: (event.pageX) ? event.pageX - win.pageXOffset : event.clientX, y: (event.pageY) ? event.pageY - win.pageYOffset : event.clientY }; if (type.match(/DOMMouseScroll|mousewheel/)){ var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3; } var rightClick = (event.which == 3) || (event.button == 2); var related = null; if (type.match(/over|out/)){ switch (type){ case 'mouseover': related = event.relatedTarget || event.fromElement; break; case 'mouseout': related = event.relatedTarget || event.toElement; } if (!(function(){ while (related && related.nodeType == 3) related = related.parentNode; return true; }).create({attempt: Browser.Engine.gecko})()) related = false; } } return $extend(this, { event: event, type: type, page: page, client: client, rightClick: rightClick, wheel: wheel, relatedTarget: related, target: target, code: code, key: key, shift: event.shiftKey, control: event.ctrlKey, alt: event.altKey, meta: event.metaKey }); } }); Event.Keys = new Hash({ 'enter': 13, 'up': 38, 'down': 40, 'left': 37, 'right': 39, 'esc': 27, 'space': 32, 'backspace': 8, 'tab': 9, 'delete': 46 }); Event.implement({ stop: function(){ return this.stopPropagation().preventDefault(); }, stopPropagation: function(){ if (this.event.stopPropagation) this.event.stopPropagation(); else this.event.cancelBubble = true; return this; }, preventDefault: function(){ if (this.event.preventDefault) this.event.preventDefault(); else this.event.returnValue = false; return this; } }); /* Script: Class.js Contains the Class Function for easily creating, extending, and implementing reusable Classes. License: MIT-style license. */ var Class = new Native({ name: 'Class', initialize: function(properties){ properties = properties || {}; var klass = function(){ for (var key in this){ if ($type(this[key]) != 'function') this[key] = $unlink(this[key]); } this.constructor = klass; if (Class.prototyping) return this; var instance = (this.initialize) ? this.initialize.apply(this, arguments) : this; if (this.options && this.options.initialize) this.options.initialize.call(this); return instance; }; for (var mutator in Class.Mutators){ if (!properties[mutator]) continue; properties = Class.Mutators[mutator](properties, properties[mutator]); delete properties[mutator]; } $extend(klass, this); klass.constructor = Class; klass.prototype = properties; return klass; } }); Class.Mutators = { Extends: function(self, klass){ Class.prototyping = klass.prototype; var subclass = new klass; delete subclass.parent; subclass = Class.inherit(subclass, self); delete Class.prototyping; return subclass; }, Implements: function(self, klasses){ $splat(klasses).each(function(klass){ Class.prototying = klass; $extend(self, ($type(klass) == 'class') ? new klass : klass); delete Class.prototyping; }); return self; } }; Class.extend({ inherit: function(object, properties){ var caller = arguments.callee.caller; for (var key in properties){ var override = properties[key]; var previous = object[key]; var type = $type(override); if (previous && type == 'function'){ if (override != previous){ if (caller){ override.__parent = previous; object[key] = override; } else { Class.override(object, key, override); } } } else if(type == 'object'){ object[key] = $merge(previous, override); } else { object[key] = override; } } if (caller) object.parent = function(){ return arguments.callee.caller.__parent.apply(this, arguments); }; return object; }, override: function(object, name, method){ var parent = Class.prototyping; if (parent && object[name] != parent[name]) parent = null; var override = function(){ var previous = this.parent; this.parent = parent ? parent[name] : object[name]; var value = method.apply(this, arguments); this.parent = previous; return value; }; object[name] = override; } }); Class.implement({ implement: function(){ var proto = this.prototype; $each(arguments, function(properties){ Class.inherit(proto, properties); }); return this; } }); /* Script: Class.Extras.js Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks. License: MIT-style license. */ var Chain = new Class({ $chain: [], chain: function(){ this.$chain.extend(Array.flatten(arguments)); return this; }, callChain: function(){ return (this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false; }, clearChain: function(){ this.$chain.empty(); return this; } }); var Events = new Class({ $events: {}, addEvent: function(type, fn, internal){ type = Events.removeOn(type); if (fn != $empty){ this.$events[type] = this.$events[type] || []; this.$events[type].include(fn); if (internal) fn.internal = true; } return this; }, addEvents: function(events){ for (var type in events) this.addEvent(type, events[type]); return this; }, fireEvent: function(type, args, delay){ type = Events.removeOn(type); if (!this.$events || !this.$events[type]) return this; this.$events[type].each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, removeEvent: function(type, fn){ type = Events.removeOn(type); if (!this.$events[type]) return this; if (!fn.internal) this.$events[type].erase(fn); return this; }, removeEvents: function(events){ if ($type(events) == 'object'){ for (var type in events) this.removeEvent(type, events[type]); return this; } if (events) events = Events.removeOn(events); for (var type in this.$events){ if (events && events != type) continue; var fns = this.$events[type]; for (var i = fns.length; i--; i) this.removeEvent(type, fns[i]); } return this; } }); Events.removeOn = function(string){ return string.replace(/^on([A-Z])/, function(full, first) { return first.toLowerCase(); }); }; var Options = new Class({ setOptions: function(){ this.options = $merge.run([this.options].extend(arguments)); if (!this.addEvent) return this; for (var option in this.options){ if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; this.addEvent(option, this.options[option]); delete this.options[option]; } return this; } }); /* Script: Element.js One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements. License: MIT-style license. */ var Element = new Native({ name: 'Element', legacy: window.Element, initialize: function(tag, props){ var konstructor = Element.Constructors.get(tag); if (konstructor) return konstructor(props); if (typeof tag == 'string') return document.newElement(tag, props); return $(tag).set(props); }, afterImplement: function(key, value){ Element.Prototype[key] = value; if (Array[key]) return; Elements.implement(key, function(){ var items = [], elements = true; for (var i = 0, j = this.length; i < j; i++){ var returns = this[i][key].apply(this[i], arguments); items.push(returns); if (elements) elements = ($type(returns) == 'element'); } return (elements) ? new Elements(items) : items; }); } }); Element.Prototype = {$family: {name: 'element'}}; Element.Constructors = new Hash; var IFrame = new Native({ name: 'IFrame', generics: false, initialize: function(){ var params = Array.link(arguments, {properties: Object.type, iframe: $defined}); var props = params.properties || {}; var iframe = $(params.iframe) || false; var onload = props.onload || $empty; delete props.onload; props.id = props.name = $pick(props.id, props.name, iframe.id, iframe.name, 'IFrame_' + $time()); iframe = new Element(iframe || 'iframe', props); var onFrameLoad = function(){ var host = $try(function(){ return iframe.contentWindow.location.host; }); if (host && host == window.location.host){ var win = new Window(iframe.contentWindow); new Document(iframe.contentWindow.document); $extend(win.Element.prototype, Element.Prototype); } onload.call(iframe.contentWindow, iframe.contentWindow.document); }; (window.frames[props.id]) ? onFrameLoad() : iframe.addListener('load', onFrameLoad); return iframe; } }); var Elements = new Native({ initialize: function(elements, options){ options = $extend({ddup: true, cash: true}, options); elements = elements || []; if (options.ddup || options.cash){ var uniques = {}, returned = []; for (var i = 0, l = elements.length; i < l; i++){ var el = $.element(elements[i], !options.cash); if (options.ddup){ if (uniques[el.uid]) continue; uniques[el.uid] = true; } returned.push(el); } elements = returned; } return (options.cash) ? $extend(elements, this) : elements; } }); Elements.implement({ filter: function(filter, bind){ if (!filter) return this; return new Elements(Array.filter(this, (typeof filter == 'string') ? function(item){ return item.match(filter); } : filter, bind)); } }); Document.implement({ newElement: function(tag, props){ if (Browser.Engine.trident && props){ ['name', 'type', 'checked'].each(function(attribute){ if (!props[attribute]) return; tag += ' ' + attribute + '="' + props[attribute] + '"'; if (attribute != 'checked') delete props[attribute]; }); tag = '<' + tag + '>'; } return $.element(this.createElement(tag)).set(props); }, newTextNode: function(text){ return this.createTextNode(text); }, getDocument: function(){ return this; }, getWindow: function(){ return this.window; } }); Window.implement({ $: function(el, nocash){ if (el && el.$family && el.uid) return el; var type = $type(el); return ($[type]) ? $[type](el, nocash, this.document) : null; }, $$: function(selector){ if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector); var elements = []; var args = Array.flatten(arguments); for (var i = 0, l = args.length; i < l; i++){ var item = args[i]; switch ($type(item)){ case 'element': elements.push(item); break; case 'string': elements.extend(this.document.getElements(item, true)); } } return new Elements(elements); }, getDocument: function(){ return this.document; }, getWindow: function(){ return this; } }); $.string = function(id, nocash, doc){ id = doc.getElementById(id); return (id) ? $.element(id, nocash) : null; }; $.element = function(el, nocash){ $uid(el); if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){ var proto = Element.Prototype; for (var p in proto) el[p] = proto[p]; }; return el; }; $.object = function(obj, nocash, doc){ if (obj.toElement) return $.element(obj.toElement(doc), nocash); return null; }; $.textnode = $.whitespace = $.window = $.document = $arguments(0); Native.implement([Element, Document], { getElement: function(selector, nocash){ return $(this.getElements(selector, true)[0] || null, nocash); }, getElements: function(tags, nocash){ tags = tags.split(','); var elements = []; var ddup = (tags.length > 1); tags.each(function(tag){ var partial = this.getElementsByTagName(tag.trim()); (ddup) ? elements.extend(partial) : elements = partial; }, this); return new Elements(elements, {ddup: ddup, cash: !nocash}); } }); (function(){ var collected = {}, storage = {}; var props = {input: 'checked', option: 'selected', textarea: (Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerHTML' : 'value'}; var get = function(uid){ return (storage[uid] || (storage[uid] = {})); }; var clean = function(item, retain){ if (!item) return; var uid = item.uid; if (Browser.Engine.trident){ if (item.clearAttributes){ var clone = retain && item.cloneNode(false); item.clearAttributes(); if (clone) item.mergeAttributes(clone); } else if (item.removeEvents){ item.removeEvents(); } if ((/object/i).test(item.tagName)){ for (var p in item){ if (typeof item[p] == 'function') item[p] = $empty; } Element.dispose(item); } } if (!uid) return; collected[uid] = storage[uid] = null; }; var purge = function(){ Hash.each(collected, clean); if (Browser.Engine.trident) $A(document.getElementsByTagName('object')).each(clean); if (window.CollectGarbage) CollectGarbage(); collected = storage = null; }; var walk = function(element, walk, start, match, all, nocash){ var el = element[start || walk]; var elements = []; while (el){ if (el.nodeType == 1 && (!match || Element.match(el, match))){ if (!all) return $(el, nocash); elements.push(el); } el = el[walk]; } return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : null; }; var attributes = { 'html': 'innerHTML', 'class': 'className', 'for': 'htmlFor', 'text': (Browser.Engine.trident || (Browser.Engine.webkit && Browser.Engine.version < 420)) ? 'innerText' : 'textContent' }; var bools = ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer']; var camels = ['value', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap']; Hash.extend(attributes, bools.associate(bools)); Hash.extend(attributes, camels.associate(camels.map(String.toLowerCase))); var inserters = { before: function(context, element){ if (element.parentNode) element.parentNode.insertBefore(context, element); }, after: function(context, element){ if (!element.parentNode) return; var next = element.nextSibling; (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context); }, bottom: function(context, element){ element.appendChild(context); }, top: function(context, element){ var first = element.firstChild; (first) ? element.insertBefore(context, first) : element.appendChild(context); } }; inserters.inside = inserters.bottom; Hash.each(inserters, function(inserter, where){ where = where.capitalize(); Element.implement('inject' + where, function(el){ inserter(this, $(el, true)); return this; }); Element.implement('grab' + where, function(el){ inserter($(el, true), this); return this; }); }); Element.implement({ set: function(prop, value){ switch ($type(prop)){ case 'object': for (var p in prop) this.set(p, prop[p]); break; case 'string': var property = Element.Properties.get(prop); (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value); } return this; }, get: function(prop){ var property = Element.Properties.get(prop); return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop); }, erase: function(prop){ var property = Element.Properties.get(prop); (property && property.erase) ? property.erase.apply(this) : this.removeProperty(prop); return this; }, setProperty: function(attribute, value){ var key = attributes[attribute]; if (value == undefined) return this.removeProperty(attribute); if (key && bools[attribute]) value = !!value; (key) ? this[key] = value : this.setAttribute(attribute, '' + value); return this; }, setProperties: function(attributes){ for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]); return this; }, getProperty: function(attribute){ var key = attributes[attribute]; var value = (key) ? this[key] : this.getAttribute(attribute, 2); return (bools[attribute]) ? !!value : (key) ? value : value || null; }, getProperties: function(){ var args = $A(arguments); return args.map(this.getProperty, this).associate(args); }, removeProperty: function(attribute){ var key = attributes[attribute]; (key) ? this[key] = (key && bools[attribute]) ? false : '' : this.removeAttribute(attribute); return this; }, removeProperties: function(){ Array.each(arguments, this.removeProperty, this); return this; }, hasClass: function(className){ return this.className.contains(className, ' '); }, addClass: function(className){ if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean(); return this; }, removeClass: function(className){ this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1'); return this; }, toggleClass: function(className){ return this.hasClass(className) ? this.removeClass(className) : this.addClass(className); }, adopt: function(){ Array.flatten(arguments).each(function(element){ element = $(element, true); if (element) this.appendChild(element); }, this); return this; }, appendText: function(text, where){ return this.grab(this.getDocument().newTextNode(text), where); }, grab: function(el, where){ inserters[where || 'bottom']($(el, true), this); return this; }, inject: function(el, where){ inserters[where || 'bottom'](this, $(el, true)); return this; }, replaces: function(el){ el = $(el, true); el.parentNode.replaceChild(this, el); return this; }, wraps: function(el, where){ el = $(el, true); return this.replaces(el).grab(el, where); }, getPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, false, nocash); }, getAllPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, true, nocash); }, getNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, false, nocash); }, getAllNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, true, nocash); }, getFirst: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, false, nocash); }, getLast: function(match, nocash){ return walk(this, 'previousSibling', 'lastChild', match, false, nocash); }, getParent: function(match, nocash){ return walk(this, 'parentNode', null, match, false, nocash); }, getParents: function(match, nocash){ return walk(this, 'parentNode', null, match, true, nocash); }, getChildren: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, true, nocash); }, getWindow: function(){ return this.ownerDocument.window; }, getDocument: function(){ return this.ownerDocument; }, getElementById: function(id, nocash){ var el = this.ownerDocument.getElementById(id); if (!el) return null; for (var parent = el.parentNode; parent != this; parent = parent.parentNode){ if (!parent) return null; } return $.element(el, nocash); }, getSelected: function(){ return new Elements($A(this.options).filter(function(option){ return option.selected; })); }, getComputedStyle: function(property){ if (this.currentStyle) return this.currentStyle[property.camelCase()]; var computed = this.getDocument().defaultView.getComputedStyle(this, null); return (computed) ? computed.getPropertyValue([property.hyphenate()]) : null; }, toQueryString: function(){ var queryString = []; this.getElements('input, select, textarea', true).each(function(el){ if (!el.name || el.disabled) return; var value = (el.tagName.toLowerCase() == 'select') ? Element.getSelected(el).map(function(opt){ return opt.value; }) : ((el.type == 'radio' || el.type == 'checkbox') && !el.checked) ? null : el.value; $splat(value).each(function(val){ if (typeof val != 'undefined') queryString.push(el.name + '=' + encodeURIComponent(val)); }); }); return queryString.join('&'); }, clone: function(contents, keepid){ contents = contents !== false; var clone = this.cloneNode(contents); var clean = function(node, element){ if (!keepid) node.removeAttribute('id'); if (Browser.Engine.trident){ node.clearAttributes(); node.mergeAttributes(element); node.removeAttribute('uid'); if (node.options){ var no = node.options, eo = element.options; for (var j = no.length; j--;) no[j].selected = eo[j].selected; } } var prop = props[element.tagName.toLowerCase()]; if (prop && element[prop]) node[prop] = element[prop]; }; if (contents){ var ce = clone.getElementsByTagName('*'), te = this.getElementsByTagName('*'); for (var i = ce.length; i--;) clean(ce[i], te[i]); } clean(clone, this); return $(clone); }, destroy: function(){ Element.empty(this); Element.dispose(this); clean(this, true); return null; }, empty: function(){ $A(this.childNodes).each(function(node){ Element.destroy(node); }); return this; }, dispose: function(){ return (this.parentNode) ? this.parentNode.removeChild(this) : this; }, hasChild: function(el){ el = $(el, true); if (!el) return false; if (Browser.Engine.webkit && Browser.Engine.version < 420) return $A(this.getElementsByTagName(el.tagName)).contains(el); return (this.contains) ? (this != el && this.contains(el)) : !!(this.compareDocumentPosition(el) & 16); }, match: function(tag){ return (!tag || (tag == this) || (Element.get(this, 'tag') == tag)); } }); Native.implement([Element, Window, Document], { addListener: function(type, fn){ if (type == 'unload'){ var old = fn, self = this; fn = function(){ self.removeListener('unload', fn); old(); }; } else { collected[this.uid] = this; } if (this.addEventListener) this.addEventListener(type, fn, false); else this.attachEvent('on' + type, fn); return this; }, removeListener: function(type, fn){ if (this.removeEventListener) this.removeEventListener(type, fn, false); else this.detachEvent('on' + type, fn); return this; }, retrieve: function(property, dflt){ var storage = get(this.uid), prop = storage[property]; if (dflt != undefined && prop == undefined) prop = storage[property] = dflt; return $pick(prop); }, store: function(property, value){ var storage = get(this.uid); storage[property] = value; return this; }, eliminate: function(property){ var storage = get(this.uid); delete storage[property]; return this; } }); window.addListener('unload', purge); })(); Element.Properties = new Hash; Element.Properties.style = { set: function(style){ this.style.cssText = style; }, get: function(){ return this.style.cssText; }, erase: function(){ this.style.cssText = ''; } }; Element.Properties.tag = { get: function(){ return this.tagName.toLowerCase(); } }; Element.Properties.html = (function(){ var wrapper = document.createElement('div'); var translations = { table: [1, '', '
'], select: [1, ''], tbody: [2, '', '
'], tr: [3, '', '
'] }; translations.thead = translations.tfoot = translations.tbody; var html = { set: function(){ var html = Array.flatten(arguments).join(''); var wrap = Browser.Engine.trident && translations[this.get('tag')]; if (wrap){ var first = wrapper; first.innerHTML = wrap[1] + html + wrap[2]; for (var i = wrap[0]; i--;) first = first.firstChild; this.empty().adopt(first.childNodes); } else { this.innerHTML = html; } } }; html.erase = html.set; return html; })(); if (Browser.Engine.webkit && Browser.Engine.version < 420) Element.Properties.text = { get: function(){ if (this.innerText) return this.innerText; var temp = this.ownerDocument.newElement('div', {html: this.innerHTML}).inject(this.ownerDocument.body); var text = temp.innerText; temp.destroy(); return text; } }; /* Script: Element.Event.js Contains Element methods for dealing with events, and custom Events. License: MIT-style license. */ Element.Properties.events = {set: function(events){ this.addEvents(events); }}; Native.implement([Element, Window, Document], { addEvent: function(type, fn){ var events = this.retrieve('events', {}); events[type] = events[type] || {'keys': [], 'values': []}; if (events[type].keys.contains(fn)) return this; events[type].keys.push(fn); var realType = type, custom = Element.Events.get(type), condition = fn, self = this; if (custom){ if (custom.onAdd) custom.onAdd.call(this, fn); if (custom.condition){ condition = function(event){ if (custom.condition.call(this, event)) return fn.call(this, event); return true; }; } realType = custom.base || realType; } var defn = function(){ return fn.call(self); }; var nativeEvent = Element.NativeEvents[realType]; if (nativeEvent){ if (nativeEvent == 2){ defn = function(event){ event = new Event(event, self.getWindow()); if (condition.call(self, event) === false) event.stop(); }; } this.addListener(realType, defn); } events[type].values.push(defn); return this; }, removeEvent: function(type, fn){ var events = this.retrieve('events'); if (!events || !events[type]) return this; var pos = events[type].keys.indexOf(fn); if (pos == -1) return this; events[type].keys.splice(pos, 1); var value = events[type].values.splice(pos, 1)[0]; var custom = Element.Events.get(type); if (custom){ if (custom.onRemove) custom.onRemove.call(this, fn); type = custom.base || type; } return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this; }, addEvents: function(events){ for (var event in events) this.addEvent(event, events[event]); return this; }, removeEvents: function(events){ if ($type(events) == 'object'){ for (var type in events) this.removeEvent(type, events[type]); return this; } var attached = this.retrieve('events'); if (!attached) return this; if (!events){ for (var type in attached) this.removeEvents(type); this.eliminate('events'); } else if (attached[events]){ while (attached[events].keys[0]) this.removeEvent(events, attached[events].keys[0]); attached[events] = null; } return this; }, fireEvent: function(type, args, delay){ var events = this.retrieve('events'); if (!events || !events[type]) return this; events[type].keys.each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, cloneEvents: function(from, type){ from = $(from); var fevents = from.retrieve('events'); if (!fevents) return this; if (!type){ for (var evType in fevents) this.cloneEvents(from, evType); } else if (fevents[type]){ fevents[type].keys.each(function(fn){ this.addEvent(type, fn); }, this); } return this; } }); Element.NativeEvents = { click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons mousewheel: 2, DOMMouseScroll: 2, //mouse wheel mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement keydown: 2, keypress: 2, keyup: 2, //keyboard focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window error: 1, abort: 1, scroll: 1 //misc }; (function(){ var $check = function(event){ var related = event.relatedTarget; if (related == undefined) return true; if (related === false) return false; return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related)); }; Element.Events = new Hash({ mouseenter: { base: 'mouseover', condition: $check }, mouseleave: { base: 'mouseout', condition: $check }, mousewheel: { base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel' } }); })(); /* Script: Element.Style.js Contains methods for interacting with the styles of Elements in a fashionable way. License: MIT-style license. */ Element.Properties.styles = {set: function(styles){ this.setStyles(styles); }}; Element.Properties.opacity = { set: function(opacity, novisibility){ if (!novisibility){ if (opacity == 0){ if (this.style.visibility != 'hidden') this.style.visibility = 'hidden'; } else { if (this.style.visibility != 'visible') this.style.visibility = 'visible'; } } if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1; if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')'; this.style.opacity = opacity; this.store('opacity', opacity); }, get: function(){ return this.retrieve('opacity', 1); } }; Element.implement({ setOpacity: function(value){ return this.set('opacity', value, true); }, getOpacity: function(){ return this.get('opacity'); }, setStyle: function(property, value){ switch (property){ case 'opacity': return this.set('opacity', parseFloat(value)); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); if ($type(value) != 'string'){ var map = (Element.Styles.get(property) || '@').split(' '); value = $splat(value).map(function(val, i){ if (!map[i]) return ''; return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val; }).join(' '); } else if (value == String(Number(value))){ value = Math.round(value); } this.style[property] = value; return this; }, getStyle: function(property){ switch (property){ case 'opacity': return this.get('opacity'); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); var result = this.style[property]; if (!$chk(result)){ result = []; for (var style in Element.ShortStyles){ if (property != style) continue; for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s)); return result.join(' '); } result = this.getComputedStyle(property); } if (result){ result = String(result); var color = result.match(/rgba?\([\d\s,]+\)/); if (color) result = result.replace(color[0], color[0].rgbToHex()); } if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result)))){ if (property.test(/^(height|width)$/)){ var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0; values.each(function(value){ size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt(); }, this); return this['offset' + property.capitalize()] - size + 'px'; } if ((Browser.Engine.presto) && String(result).test('px')) return result; if (property.test(/(border(.+)Width|margin|padding)/)) return '0px'; } return result; }, setStyles: function(styles){ for (var style in styles) this.setStyle(style, styles[style]); return this; }, getStyles: function(){ var result = {}; Array.each(arguments, function(key){ result[key] = this.getStyle(key); }, this); return result; } }); Element.Styles = new Hash({ left: '@px', top: '@px', bottom: '@px', right: '@px', width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@px', backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)', fontSize: '@px', letterSpacing: '@px', lineHeight: '@px', clip: 'rect(@px @px @px @px)', margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)', borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)', zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@' }); Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}}; ['Top', 'Right', 'Bottom', 'Left'].each(function(direction){ var Short = Element.ShortStyles; var All = Element.Styles; ['margin', 'padding'].each(function(style){ var sd = style + direction; Short[style][sd] = All[sd] = '@px'; }); var bd = 'border' + direction; Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)'; var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color'; Short[bd] = {}; Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px'; Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@'; Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)'; }); /* Script: Element.Dimensions.js Contains methods to work with size, scroll, or positioning of Elements and the window object. License: MIT-style license. Credits: - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html). - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html). */ (function(){ Element.implement({ scrollTo: function(x, y){ if (isBody(this)){ this.getWindow().scrollTo(x, y); } else { this.scrollLeft = x; this.scrollTop = y; } return this; }, getSize: function(){ if (isBody(this)) return this.getWindow().getSize(); return {x: this.offsetWidth, y: this.offsetHeight}; }, getScrollSize: function(){ if (isBody(this)) return this.getWindow().getScrollSize(); return {x: this.scrollWidth, y: this.scrollHeight}; }, getScroll: function(){ if (isBody(this)) return this.getWindow().getScroll(); return {x: this.scrollLeft, y: this.scrollTop}; }, getScrolls: function(){ var element = this, position = {x: 0, y: 0}; while (element && !isBody(element)){ position.x += element.scrollLeft; position.y += element.scrollTop; element = element.parentNode; } return position; }, getOffsetParent: function(){ var element = this; if (isBody(element)) return null; if (!Browser.Engine.trident) return element.offsetParent; while ((element = element.parentNode) && !isBody(element)){ if (styleString(element, 'position') != 'static') return element; } return null; }, getOffsets: function(){ if (Browser.Engine.trident){ var bound = this.getBoundingClientRect(), html = this.getDocument().documentElement; return { x: bound.left + html.scrollLeft - html.clientLeft, y: bound.top + html.scrollTop - html.clientTop }; } var element = this, position = {x: 0, y: 0}; if (isBody(this)) return position; while (element && !isBody(element)){ position.x += element.offsetLeft; position.y += element.offsetTop; if (Browser.Engine.gecko){ if (!borderBox(element)){ position.x += leftBorder(element); position.y += topBorder(element); } var parent = element.parentNode; if (parent && styleString(parent, 'overflow') != 'visible'){ position.x += leftBorder(parent); position.y += topBorder(parent); } } else if (element != this && Browser.Engine.webkit){ position.x += leftBorder(element); position.y += topBorder(element); } element = element.offsetParent; } if (Browser.Engine.gecko && !borderBox(this)){ position.x -= leftBorder(this); position.y -= topBorder(this); } return position; }, getPosition: function(relative){ if (isBody(this)) return {x: 0, y: 0}; var offset = this.getOffsets(), scroll = this.getScrolls(); var position = {x: offset.x - scroll.x, y: offset.y - scroll.y}; var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0}; return {x: position.x - relativePosition.x, y: position.y - relativePosition.y}; }, getCoordinates: function(element){ if (isBody(this)) return this.getWindow().getCoordinates(); var position = this.getPosition(element), size = this.getSize(); var obj = {left: position.x, top: position.y, width: size.x, height: size.y}; obj.right = obj.left + obj.width; obj.bottom = obj.top + obj.height; return obj; }, computePosition: function(obj){ return {left: obj.x - styleNumber(this, 'margin-left'), top: obj.y - styleNumber(this, 'margin-top')}; }, position: function(obj){ return this.setStyles(this.computePosition(obj)); } }); Native.implement([Document, Window], { getSize: function(){ var win = this.getWindow(); if (Browser.Engine.presto || Browser.Engine.webkit) return {x: win.innerWidth, y: win.innerHeight}; var doc = getCompatElement(this); return {x: doc.clientWidth, y: doc.clientHeight}; }, getScroll: function(){ var win = this.getWindow(); var doc = getCompatElement(this); return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop}; }, getScrollSize: function(){ var doc = getCompatElement(this); var min = this.getSize(); return {x: Math.max(doc.scrollWidth, min.x), y: Math.max(doc.scrollHeight, min.y)}; }, getPosition: function(){ return {x: 0, y: 0}; }, getCoordinates: function(){ var size = this.getSize(); return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x}; } }); // private methods var styleString = Element.getComputedStyle; function styleNumber(element, style){ return styleString(element, style).toInt() || 0; }; function borderBox(element){ return styleString(element, '-moz-box-sizing') == 'border-box'; }; function topBorder(element){ return styleNumber(element, 'border-top-width'); }; function leftBorder(element){ return styleNumber(element, 'border-left-width'); }; function isBody(element){ return (/^(?:body|html)$/i).test(element.tagName); }; function getCompatElement(element){ var doc = element.getDocument(); return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; }; })(); //aliases Native.implement([Window, Document, Element], { getHeight: function(){ return this.getSize().y; }, getWidth: function(){ return this.getSize().x; }, getScrollTop: function(){ return this.getScroll().y; }, getScrollLeft: function(){ return this.getScroll().x; }, getScrollHeight: function(){ return this.getScrollSize().y; }, getScrollWidth: function(){ return this.getScrollSize().x; }, getTop: function(){ return this.getPosition().y; }, getLeft: function(){ return this.getPosition().x; } }); /* Script: Selectors.js Adds advanced CSS Querying capabilities for targeting elements. Also includes pseudoselectors support. License: MIT-style license. */ Native.implement([Document, Element], { getElements: function(expression, nocash){ expression = expression.split(','); var items, local = {}; for (var i = 0, l = expression.length; i < l; i++){ var selector = expression[i], elements = Selectors.Utils.search(this, selector, local); if (i != 0 && elements.item) elements = $A(elements); items = (i == 0) ? elements : (items.item) ? $A(items).concat(elements) : items.concat(elements); } return new Elements(items, {ddup: (expression.length > 1), cash: !nocash}); } }); Element.implement({ match: function(selector){ if (!selector || (selector == this)) return true; var tagid = Selectors.Utils.parseTagAndID(selector); var tag = tagid[0], id = tagid[1]; if (!Selectors.Filters.byID(this, id) || !Selectors.Filters.byTag(this, tag)) return false; var parsed = Selectors.Utils.parseSelector(selector); return (parsed) ? Selectors.Utils.filter(this, parsed, {}) : true; } }); var Selectors = {Cache: {nth: {}, parsed: {}}}; Selectors.RegExps = { id: (/#([\w-]+)/), tag: (/^(\w+|\*)/), quick: (/^(\w+|\*)$/), splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g), combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g) }; Selectors.Utils = { chk: function(item, uniques){ if (!uniques) return true; var uid = $uid(item); if (!uniques[uid]) return uniques[uid] = true; return false; }, parseNthArgument: function(argument){ if (Selectors.Cache.nth[argument]) return Selectors.Cache.nth[argument]; var parsed = argument.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/); if (!parsed) return false; var inta = parseInt(parsed[1]); var a = (inta || inta === 0) ? inta : 1; var special = parsed[2] || false; var b = parseInt(parsed[3]) || 0; if (a != 0){ b--; while (b < 1) b += a; while (b >= a) b -= a; } else { a = b; special = 'index'; } switch (special){ case 'n': parsed = {a: a, b: b, special: 'n'}; break; case 'odd': parsed = {a: 2, b: 0, special: 'n'}; break; case 'even': parsed = {a: 2, b: 1, special: 'n'}; break; case 'first': parsed = {a: 0, special: 'index'}; break; case 'last': parsed = {special: 'last-child'}; break; case 'only': parsed = {special: 'only-child'}; break; default: parsed = {a: (a - 1), special: 'index'}; } return Selectors.Cache.nth[argument] = parsed; }, parseSelector: function(selector){ if (Selectors.Cache.parsed[selector]) return Selectors.Cache.parsed[selector]; var m, parsed = {classes: [], pseudos: [], attributes: []}; while ((m = Selectors.RegExps.combined.exec(selector))){ var cn = m[1], an = m[2], ao = m[3], av = m[5], pn = m[6], pa = m[7]; if (cn){ parsed.classes.push(cn); } else if (pn){ var parser = Selectors.Pseudo.get(pn); if (parser) parsed.pseudos.push({parser: parser, argument: pa}); else parsed.attributes.push({name: pn, operator: '=', value: pa}); } else if (an){ parsed.attributes.push({name: an, operator: ao, value: av}); } } if (!parsed.classes.length) delete parsed.classes; if (!parsed.attributes.length) delete parsed.attributes; if (!parsed.pseudos.length) delete parsed.pseudos; if (!parsed.classes && !parsed.attributes && !parsed.pseudos) parsed = null; return Selectors.Cache.parsed[selector] = parsed; }, parseTagAndID: function(selector){ var tag = selector.match(Selectors.RegExps.tag); var id = selector.match(Selectors.RegExps.id); return [(tag) ? tag[1] : '*', (id) ? id[1] : false]; }, filter: function(item, parsed, local){ var i; if (parsed.classes){ for (i = parsed.classes.length; i--; i){ var cn = parsed.classes[i]; if (!Selectors.Filters.byClass(item, cn)) return false; } } if (parsed.attributes){ for (i = parsed.attributes.length; i--; i){ var att = parsed.attributes[i]; if (!Selectors.Filters.byAttribute(item, att.name, att.operator, att.value)) return false; } } if (parsed.pseudos){ for (i = parsed.pseudos.length; i--; i){ var psd = parsed.pseudos[i]; if (!Selectors.Filters.byPseudo(item, psd.parser, psd.argument, local)) return false; } } return true; }, getByTagAndID: function(ctx, tag, id){ if (id){ var item = (ctx.getElementById) ? ctx.getElementById(id, true) : Element.getElementById(ctx, id, true); return (item && Selectors.Filters.byTag(item, tag)) ? [item] : []; } else { return ctx.getElementsByTagName(tag); } }, search: function(self, expression, local){ var splitters = []; var selectors = expression.trim().replace(Selectors.RegExps.splitter, function(m0, m1, m2){ splitters.push(m1); return ':)' + m2; }).split(':)'); var items, filtered, item; for (var i = 0, l = selectors.length; i < l; i++){ var selector = selectors[i]; if (i == 0 && Selectors.RegExps.quick.test(selector)){ items = self.getElementsByTagName(selector); continue; } var splitter = splitters[i - 1]; var tagid = Selectors.Utils.parseTagAndID(selector); var tag = tagid[0], id = tagid[1]; if (i == 0){ items = Selectors.Utils.getByTagAndID(self, tag, id); } else { var uniques = {}, found = []; for (var j = 0, k = items.length; j < k; j++) found = Selectors.Getters[splitter](found, items[j], tag, id, uniques); items = found; } var parsed = Selectors.Utils.parseSelector(selector); if (parsed){ filtered = []; for (var m = 0, n = items.length; m < n; m++){ item = items[m]; if (Selectors.Utils.filter(item, parsed, local)) filtered.push(item); } items = filtered; } } return items; } }; Selectors.Getters = { ' ': function(found, self, tag, id, uniques){ var items = Selectors.Utils.getByTagAndID(self, tag, id); for (var i = 0, l = items.length; i < l; i++){ var item = items[i]; if (Selectors.Utils.chk(item, uniques)) found.push(item); } return found; }, '>': function(found, self, tag, id, uniques){ var children = Selectors.Utils.getByTagAndID(self, tag, id); for (var i = 0, l = children.length; i < l; i++){ var child = children[i]; if (child.parentNode == self && Selectors.Utils.chk(child, uniques)) found.push(child); } return found; }, '+': function(found, self, tag, id, uniques){ while ((self = self.nextSibling)){ if (self.nodeType == 1){ if (Selectors.Utils.chk(self, uniques) && Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self); break; } } return found; }, '~': function(found, self, tag, id, uniques){ while ((self = self.nextSibling)){ if (self.nodeType == 1){ if (!Selectors.Utils.chk(self, uniques)) break; if (Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self); } } return found; } }; Selectors.Filters = { byTag: function(self, tag){ return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag)); }, byID: function(self, id){ return (!id || (self.id && self.id == id)); }, byClass: function(self, klass){ return (self.className && self.className.contains(klass, ' ')); }, byPseudo: function(self, parser, argument, local){ return parser.call(self, argument, local); }, byAttribute: function(self, name, operator, value){ var result = Element.prototype.getProperty.call(self, name); if (!result) return (operator == '!='); if (!operator || value == undefined) return true; switch (operator){ case '=': return (result == value); case '*=': return (result.contains(value)); case '^=': return (result.substr(0, value.length) == value); case '$=': return (result.substr(result.length - value.length) == value); case '!=': return (result != value); case '~=': return result.contains(value, ' '); case '|=': return result.contains(value, '-'); } return false; } }; Selectors.Pseudo = new Hash({ // w3c pseudo selectors checked: function(){ return this.checked; }, empty: function(){ return !(this.innerText || this.textContent || '').length; }, not: function(selector){ return !Element.match(this, selector); }, contains: function(text){ return (this.innerText || this.textContent || '').contains(text); }, 'first-child': function(){ return Selectors.Pseudo.index.call(this, 0); }, 'last-child': function(){ var element = this; while ((element = element.nextSibling)){ if (element.nodeType == 1) return false; } return true; }, 'only-child': function(){ var prev = this; while ((prev = prev.previousSibling)){ if (prev.nodeType == 1) return false; } var next = this; while ((next = next.nextSibling)){ if (next.nodeType == 1) return false; } return true; }, 'nth-child': function(argument, local){ argument = (argument == undefined) ? 'n' : argument; var parsed = Selectors.Utils.parseNthArgument(argument); if (parsed.special != 'n') return Selectors.Pseudo[parsed.special].call(this, parsed.a, local); var count = 0; local.positions = local.positions || {}; var uid = $uid(this); if (!local.positions[uid]){ var self = this; while ((self = self.previousSibling)){ if (self.nodeType != 1) continue; count ++; var position = local.positions[$uid(self)]; if (position != undefined){ count = position + count; break; } } local.positions[uid] = count; } return (local.positions[uid] % parsed.a == parsed.b); }, // custom pseudo selectors index: function(index){ var element = this, count = 0; while ((element = element.previousSibling)){ if (element.nodeType == 1 && ++count > index) return false; } return (count == index); }, even: function(argument, local){ return Selectors.Pseudo['nth-child'].call(this, '2n+1', local); }, odd: function(argument, local){ return Selectors.Pseudo['nth-child'].call(this, '2n', local); } }); /* Script: Domready.js Contains the domready custom event. License: MIT-style license. */ Element.Events.domready = { onAdd: function(fn){ if (Browser.loaded) fn.call(this); } }; (function(){ var domready = function(){ if (Browser.loaded) return; Browser.loaded = true; window.fireEvent('domready'); document.fireEvent('domready'); }; if (Browser.Engine.trident){ var temp = document.createElement('div'); (function(){ ($try(function(){ temp.doScroll('left'); return $(temp).inject(document.body).set('html', 'temp').dispose(); })) ? domready() : arguments.callee.delay(50); })(); } else if (Browser.Engine.webkit && Browser.Engine.version < 525){ (function(){ (['loaded', 'complete'].contains(document.readyState)) ? domready() : arguments.callee.delay(50); })(); } else { window.addEvent('load', domready); document.addEvent('DOMContentLoaded', domready); } })(); /* Script: JSON.js JSON encoder and decoder. License: MIT-style license. See Also: */ var JSON = new Hash({ $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'}, $replaceChars: function(chr){ return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16); }, encode: function(obj){ switch ($type(obj)){ case 'string': return '"' + obj.replace(/[\x00-\x1f\\"]/g, JSON.$replaceChars) + '"'; case 'array': return '[' + String(obj.map(JSON.encode).filter($defined)) + ']'; case 'object': case 'hash': var string = []; Hash.each(obj, function(value, key){ var json = JSON.encode(value); if (json) string.push(JSON.encode(key) + ':' + json); }); return '{' + string + '}'; case 'number': case 'boolean': return String(obj); case false: return 'null'; } return null; }, decode: function(string, secure){ if ($type(string) != 'string' || !string.length) return null; if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null; return eval('(' + string + ')'); } }); Native.implement([Hash, Array, String, Number], { toJSON: function(){ return JSON.encode(this); } }); /* Script: Cookie.js Class for creating, loading, and saving browser Cookies. License: MIT-style license. Credits: Based on the functions by Peter-Paul Koch (http://quirksmode.org). */ var Cookie = new Class({ Implements: Options, options: { path: false, domain: false, duration: false, secure: false, document: document }, initialize: function(key, options){ this.key = key; this.setOptions(options); }, write: function(value){ value = encodeURIComponent(value); if (this.options.domain) value += '; domain=' + this.options.domain; if (this.options.path) value += '; path=' + this.options.path; if (this.options.duration){ var date = new Date(); date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000); value += '; expires=' + date.toGMTString(); } if (this.options.secure) value += '; secure'; this.options.document.cookie = this.key + '=' + value; return this; }, read: function(){ var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)'); return (value) ? decodeURIComponent(value[1]) : null; }, dispose: function(){ new Cookie(this.key, $merge(this.options, {duration: -1})).write(''); return this; } }); Cookie.write = function(key, value, options){ return new Cookie(key, options).write(value); }; Cookie.read = function(key){ return new Cookie(key).read(); }; Cookie.dispose = function(key, options){ return new Cookie(key, options).dispose(); }; /* Script: Swiff.js Wrapper for embedding SWF movies. Supports (and fixes) External Interface Communication. License: MIT-style license. Credits: Flash detection & Internet Explorer + Flash Player 9 fix inspired by SWFObject. */ var Swiff = new Class({ Implements: [Options], options: { id: null, height: 1, width: 1, container: null, properties: {}, params: { quality: 'high', allowScriptAccess: 'always', wMode: 'transparent', swLiveConnect: true }, callBacks: {}, vars: {} }, toElement: function(){ return this.object; }, initialize: function(path, options){ this.instance = 'Swiff_' + $time(); this.setOptions(options); options = this.options; var id = this.id = options.id || this.instance; var container = $(options.container); Swiff.CallBacks[this.instance] = {}; var params = options.params, vars = options.vars, callBacks = options.callBacks; var properties = $extend({height: options.height, width: options.width}, options.properties); var self = this; for (var callBack in callBacks){ Swiff.CallBacks[this.instance][callBack] = (function(option){ return function(){ return option.apply(self.object, arguments); }; })(callBacks[callBack]); vars[callBack] = 'Swiff.CallBacks.' + this.instance + '.' + callBack; } params.flashVars = Hash.toQueryString(vars); if (Browser.Engine.trident){ properties.classid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'; params.movie = path; } else { properties.type = 'application/x-shockwave-flash'; properties.data = path; } var build = ''; } build += ''; this.object = ((container) ? container.empty() : new Element('div')).set('html', build).firstChild; }, replaces: function(element){ element = $(element, true); element.parentNode.replaceChild(this.toElement(), element); return this; }, inject: function(element){ $(element, true).appendChild(this.toElement()); return this; }, remote: function(){ return Swiff.remote.apply(Swiff, [this.toElement()].extend(arguments)); } }); Swiff.CallBacks = {}; Swiff.remote = function(obj, fn){ var rs = obj.CallFunction('' + __flash__argumentsToXML(arguments, 2) + ''); return eval(rs); }; /* Script: Fx.js Contains the basic animation logic to be extended by all other Fx Classes. License: MIT-style license. */ var Fx = new Class({ Implements: [Chain, Events, Options], options: { /* onStart: $empty, onCancel: $empty, onComplete: $empty, */ fps: 50, unit: false, duration: 500, link: 'ignore' }, initialize: function(options){ this.subject = this.subject || this; this.setOptions(options); this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt(); var wait = this.options.wait; if (wait === false) this.options.link = 'cancel'; }, getTransition: function(){ return function(p){ return -(Math.cos(Math.PI * p) - 1) / 2; }; }, step: function(){ var time = $time(); if (time < this.time + this.options.duration){ var delta = this.transition((time - this.time) / this.options.duration); this.set(this.compute(this.from, this.to, delta)); } else { this.set(this.compute(this.from, this.to, 1)); this.complete(); } }, set: function(now){ return now; }, compute: function(from, to, delta){ return Fx.compute(from, to, delta); }, check: function(caller){ if (!this.timer) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false; } return false; }, start: function(from, to){ if (!this.check(arguments.callee, from, to)) return this; this.from = from; this.to = to; this.time = 0; this.transition = this.getTransition(); this.startTimer(); this.onStart(); return this; }, complete: function(){ if (this.stopTimer()) this.onComplete(); return this; }, cancel: function(){ if (this.stopTimer()) this.onCancel(); return this; }, onStart: function(){ this.fireEvent('start', this.subject); }, onComplete: function(){ this.fireEvent('complete', this.subject); if (!this.callChain()) this.fireEvent('chainComplete', this.subject); }, onCancel: function(){ this.fireEvent('cancel', this.subject).clearChain(); }, pause: function(){ this.stopTimer(); return this; }, resume: function(){ this.startTimer(); return this; }, stopTimer: function(){ if (!this.timer) return false; this.time = $time() - this.time; this.timer = $clear(this.timer); return true; }, startTimer: function(){ if (this.timer) return false; this.time = $time() - this.time; this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this); return true; } }); Fx.compute = function(from, to, delta){ return (to - from) * delta + from; }; Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000}; /* Script: Fx.CSS.js Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements. License: MIT-style license. */ Fx.CSS = new Class({ Extends: Fx, //prepares the base from/to object prepare: function(element, property, values){ values = $splat(values); var values1 = values[1]; if (!$chk(values1)){ values[1] = values[0]; values[0] = element.getStyle(property); } var parsed = values.map(this.parse); return {from: parsed[0], to: parsed[1]}; }, //parses a value into an array parse: function(value){ value = $lambda(value)(); value = (typeof value == 'string') ? value.split(' ') : $splat(value); return value.map(function(val){ val = String(val); var found = false; Fx.CSS.Parsers.each(function(parser, key){ if (found) return; var parsed = parser.parse(val); if ($chk(parsed)) found = {value: parsed, parser: parser}; }); found = found || {value: val, parser: Fx.CSS.Parsers.String}; return found; }); }, //computes by a from and to prepared objects, using their parsers. compute: function(from, to, delta){ var computed = []; (Math.min(from.length, to.length)).times(function(i){ computed.push({value: from[i].parser.compute(from[i].value, to[i].value, delta), parser: from[i].parser}); }); computed.$family = {name: 'fx:css:value'}; return computed; }, //serves the value as settable serve: function(value, unit){ if ($type(value) != 'fx:css:value') value = this.parse(value); var returned = []; value.each(function(bit){ returned = returned.concat(bit.parser.serve(bit.value, unit)); }); return returned; }, //renders the change to an element render: function(element, property, value, unit){ element.setStyle(property, this.serve(value, unit)); }, //searches inside the page css to find the values for a selector search: function(selector){ if (Fx.CSS.Cache[selector]) return Fx.CSS.Cache[selector]; var to = {}; Array.each(document.styleSheets, function(sheet, j){ var href = sheet.href; if (href && href.contains('://') && !href.contains(document.domain)) return; var rules = sheet.rules || sheet.cssRules; Array.each(rules, function(rule, i){ if (!rule.style) return; var selectorText = (rule.selectorText) ? rule.selectorText.replace(/^\w+/, function(m){ return m.toLowerCase(); }) : null; if (!selectorText || !selectorText.test('^' + selector + '$')) return; Element.Styles.each(function(value, style){ if (!rule.style[style] || Element.ShortStyles[style]) return; value = String(rule.style[style]); to[style] = (value.test(/^rgb/)) ? value.rgbToHex() : value; }); }); }); return Fx.CSS.Cache[selector] = to; } }); Fx.CSS.Cache = {}; Fx.CSS.Parsers = new Hash({ Color: { parse: function(value){ if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true); return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false; }, compute: function(from, to, delta){ return from.map(function(value, i){ return Math.round(Fx.compute(from[i], to[i], delta)); }); }, serve: function(value){ return value.map(Number); } }, Number: { parse: parseFloat, compute: Fx.compute, serve: function(value, unit){ return (unit) ? value + unit : value; } }, String: { parse: $lambda(false), compute: $arguments(1), serve: $arguments(0) } }); /* Script: Fx.Tween.js Formerly Fx.Style, effect to transition any CSS property for an element. License: MIT-style license. */ Fx.Tween = new Class({ Extends: Fx.CSS, initialize: function(element, options){ this.element = this.subject = $(element); this.parent(options); }, set: function(property, now){ if (arguments.length == 1){ now = property; property = this.property || this.options.property; } this.render(this.element, property, now, this.options.unit); return this; }, start: function(property, from, to){ if (!this.check(arguments.callee, property, from, to)) return this; var args = Array.flatten(arguments); this.property = this.options.property || args.shift(); var parsed = this.prepare(this.element, this.property, args); return this.parent(parsed.from, parsed.to); } }); Element.Properties.tween = { set: function(options){ var tween = this.retrieve('tween'); if (tween) tween.cancel(); return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options)); }, get: function(options){ if (options || !this.retrieve('tween')){ if (options || !this.retrieve('tween:options')) this.set('tween', options); this.store('tween', new Fx.Tween(this, this.retrieve('tween:options'))); } return this.retrieve('tween'); } }; Element.implement({ tween: function(property, from, to){ this.get('tween').start(arguments); return this; }, fade: function(how){ var fade = this.get('tween'), o = 'opacity', toggle; how = $pick(how, 'toggle'); switch (how){ case 'in': fade.start(o, 1); break; case 'out': fade.start(o, 0); break; case 'show': fade.set(o, 1); break; case 'hide': fade.set(o, 0); break; case 'toggle': var flag = this.retrieve('fade:flag', this.get('opacity') == 1); fade.start(o, (flag) ? 0 : 1); this.store('fade:flag', !flag); toggle = true; break; default: fade.start(o, arguments); } if (!toggle) this.eliminate('fade:flag'); return this; }, highlight: function(start, end){ if (!end){ end = this.retrieve('highlight:original', this.getStyle('background-color')); end = (end == 'transparent') ? '#fff' : end; } var tween = this.get('tween'); tween.start('background-color', start || '#ffff88', end).chain(function(){ this.setStyle('background-color', this.retrieve('highlight:original')); tween.callChain(); }.bind(this)); return this; } }); /* Script: Fx.Morph.js Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules. License: MIT-style license. */ Fx.Morph = new Class({ Extends: Fx.CSS, initialize: function(element, options){ this.element = this.subject = $(element); this.parent(options); }, set: function(now){ if (typeof now == 'string') now = this.search(now); for (var p in now) this.render(this.element, p, now[p], this.options.unit); return this; }, compute: function(from, to, delta){ var now = {}; for (var p in from) now[p] = this.parent(from[p], to[p], delta); return now; }, start: function(properties){ if (!this.check(arguments.callee, properties)) return this; if (typeof properties == 'string') properties = this.search(properties); var from = {}, to = {}; for (var p in properties){ var parsed = this.prepare(this.element, p, properties[p]); from[p] = parsed.from; to[p] = parsed.to; } return this.parent(from, to); } }); Element.Properties.morph = { set: function(options){ var morph = this.retrieve('morph'); if (morph) morph.cancel(); return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options)); }, get: function(options){ if (options || !this.retrieve('morph')){ if (options || !this.retrieve('morph:options')) this.set('morph', options); this.store('morph', new Fx.Morph(this, this.retrieve('morph:options'))); } return this.retrieve('morph'); } }; Element.implement({ morph: function(props){ this.get('morph').start(props); return this; } }); /* Script: Fx.Transitions.js Contains a set of advanced transitions to be used with any of the Fx Classes. License: MIT-style license. Credits: Easing Equations by Robert Penner, , modified and optimized to be used with MooTools. */ Fx.implement({ getTransition: function(){ var trans = this.options.transition || Fx.Transitions.Sine.easeInOut; if (typeof trans == 'string'){ var data = trans.split(':'); trans = Fx.Transitions; trans = trans[data[0]] || trans[data[0].capitalize()]; if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')]; } return trans; } }); Fx.Transition = function(transition, params){ params = $splat(params); return $extend(transition, { easeIn: function(pos){ return transition(pos, params); }, easeOut: function(pos){ return 1 - transition(1 - pos, params); }, easeInOut: function(pos){ return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2; } }); }; Fx.Transitions = new Hash({ linear: $arguments(0) }); Fx.Transitions.extend = function(transitions){ for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); }; Fx.Transitions.extend({ Pow: function(p, x){ return Math.pow(p, x[0] || 6); }, Expo: function(p){ return Math.pow(2, 8 * (p - 1)); }, Circ: function(p){ return 1 - Math.sin(Math.acos(p)); }, Sine: function(p){ return 1 - Math.sin((1 - p) * Math.PI / 2); }, Back: function(p, x){ x = x[0] || 1.618; return Math.pow(p, 2) * ((x + 1) * p - x); }, Bounce: function(p){ var value; for (var a = 0, b = 1; 1; a += b, b /= 2){ if (p >= (7 - 4 * a) / 11){ value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); break; } } return value; }, Elastic: function(p, x){ return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); } }); ['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){ Fx.Transitions[transition] = new Fx.Transition(function(p){ return Math.pow(p, [i + 2]); }); }); /* Script: Request.js Powerful all purpose Request Class. Uses XMLHTTPRequest. License: MIT-style license. */ var Request = new Class({ Implements: [Chain, Events, Options], options: {/* onRequest: $empty, onComplete: $empty, onCancel: $empty, onSuccess: $empty, onFailure: $empty, onException: $empty,*/ url: '', data: '', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }, async: true, format: false, method: 'post', link: 'ignore', isSuccess: null, emulation: true, urlEncoded: true, encoding: 'utf-8', evalScripts: false, evalResponse: false }, initialize: function(options){ this.xhr = new Browser.Request(); this.setOptions(options); this.options.isSuccess = this.options.isSuccess || this.isSuccess; this.headers = new Hash(this.options.headers); }, onStateChange: function(){ if (this.xhr.readyState != 4 || !this.running) return; this.running = false; this.status = 0; $try(function(){ this.status = this.xhr.status; }.bind(this)); if (this.options.isSuccess.call(this, this.status)){ this.response = {text: this.xhr.responseText, xml: this.xhr.responseXML}; this.success(this.response.text, this.response.xml); } else { this.response = {text: null, xml: null}; this.failure(); } this.xhr.onreadystatechange = $empty; }, isSuccess: function(){ return ((this.status >= 200) && (this.status < 300)); }, processScripts: function(text){ if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text); return text.stripScripts(this.options.evalScripts); }, success: function(text, xml){ this.onSuccess(this.processScripts(text), xml); }, onSuccess: function(){ this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain(); }, failure: function(){ this.onFailure(); }, onFailure: function(){ this.fireEvent('complete').fireEvent('failure', this.xhr); }, setHeader: function(name, value){ this.headers.set(name, value); return this; }, getHeader: function(name){ return $try(function(){ return this.xhr.getResponseHeader(name); }.bind(this)); }, check: function(caller){ if (!this.running) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false; } return false; }, send: function(options){ if (!this.check(arguments.callee, options)) return this; this.running = true; var type = $type(options); if (type == 'string' || type == 'element') options = {data: options}; var old = this.options; options = $extend({data: old.data, url: old.url, method: old.method}, options); var data = options.data, url = options.url, method = options.method; switch ($type(data)){ case 'element': data = $(data).toQueryString(); break; case 'object': case 'hash': data = Hash.toQueryString(data); } if (this.options.format){ var format = 'format=' + this.options.format; data = (data) ? format + '&' + data : format; } if (this.options.emulation && ['put', 'delete'].contains(method)){ var _method = '_method=' + method; data = (data) ? _method + '&' + data : _method; method = 'post'; } if (this.options.urlEncoded && method == 'post'){ var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : ''; this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding); } if (data && method == 'get'){ url = url + (url.contains('?') ? '&' : '?') + data; data = null; } this.xhr.open(method.toUpperCase(), url, this.options.async); this.xhr.onreadystatechange = this.onStateChange.bind(this); this.headers.each(function(value, key){ try { this.xhr.setRequestHeader(key, value); } catch (e){ this.fireEvent('exception', [key, value]); } }, this); this.fireEvent('request'); this.xhr.send(data); if (!this.options.async) this.onStateChange(); return this; }, cancel: function(){ if (!this.running) return this; this.running = false; this.xhr.abort(); this.xhr.onreadystatechange = $empty; this.xhr = new Browser.Request(); this.fireEvent('cancel'); return this; } }); (function(){ var methods = {}; ['get', 'post', 'put', 'delete', 'GET', 'POST', 'PUT', 'DELETE'].each(function(method){ methods[method] = function(){ var params = Array.link(arguments, {url: String.type, data: $defined}); return this.send($extend(params, {method: method.toLowerCase()})); }; }); Request.implement(methods); })(); Element.Properties.send = { set: function(options){ var send = this.retrieve('send'); if (send) send.cancel(); return this.eliminate('send').store('send:options', $extend({ data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action') }, options)); }, get: function(options){ if (options || !this.retrieve('send')){ if (options || !this.retrieve('send:options')) this.set('send', options); this.store('send', new Request(this.retrieve('send:options'))); } return this.retrieve('send'); } }; Element.implement({ send: function(url){ var sender = this.get('send'); sender.send({data: this, url: url || sender.options.url}); return this; } }); /* Script: Request.HTML.js Extends the basic Request Class with additional methods for interacting with HTML responses. License: MIT-style license. */ Request.HTML = new Class({ Extends: Request, options: { update: false, evalScripts: true, filter: false }, processHTML: function(text){ var match = text.match(/]*>([\s\S]*?)<\/body>/i); text = (match) ? match[1] : text; var container = new Element('div'); return $try(function(){ var root = '' + text + '', doc; if (Browser.Engine.trident){ doc = new ActiveXObject('Microsoft.XMLDOM'); doc.async = false; doc.loadXML(root); } else { doc = new DOMParser().parseFromString(root, 'text/xml'); } root = doc.getElementsByTagName('root')[0]; for (var i = 0, k = root.childNodes.length; i < k; i++){ var child = Element.clone(root.childNodes[i], true, true); if (child) container.grab(child); } return container; }) || container.set('html', text); }, success: function(text){ var options = this.options, response = this.response; response.html = text.stripScripts(function(script){ response.javascript = script; }); var temp = this.processHTML(response.html); response.tree = temp.childNodes; response.elements = temp.getElements('*'); if (options.filter) response.tree = response.elements.filter(options.filter); if (options.update) $(options.update).empty().set('html', response.html); if (options.evalScripts) $exec(response.javascript); this.onSuccess(response.tree, response.elements, response.html, response.javascript); } }); Element.Properties.load = { set: function(options){ var load = this.retrieve('load'); if (load) load.cancel(); return this.eliminate('load').store('load:options', $extend({data: this, link: 'cancel', update: this, method: 'get'}, options)); }, get: function(options){ if (options || ! this.retrieve('load')){ if (options || !this.retrieve('load:options')) this.set('load', options); this.store('load', new Request.HTML(this.retrieve('load:options'))); } return this.retrieve('load'); } }; Element.implement({ load: function(){ this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type})); return this; } }); /* Script: Request.JSON.js Extends the basic Request Class with additional methods for sending and receiving JSON data. License: MIT-style license. */ Request.JSON = new Class({ Extends: Request, options: { secure: true }, initialize: function(options){ this.parent(options); this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'}); }, success: function(text){ this.response.json = JSON.decode(text, this.options.secure); this.onSuccess(this.response.json, text); } }); //MooTools More, . Copyright (c) 2006-2008 Valerio Proietti, , MIT Style License. /* Script: Fx.Slide.js Effect to slide an element in and out of view. License: MIT-style license. */ Fx.Slide = new Class({ Extends: Fx, options: { mode: 'vertical' }, initialize: function(element, options){ this.addEvent('complete', function(){ this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0); if (this.open && Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper); }, true); this.element = this.subject = $(element); this.parent(options); var wrapper = this.element.retrieve('wrapper'); this.wrapper = wrapper || new Element('div', { styles: $extend(this.element.getStyles('margin', 'position'), {'overflow': 'hidden'}) }).wraps(this.element); this.element.store('wrapper', this.wrapper).setStyle('margin', 0); this.now = []; this.open = true; }, vertical: function(){ this.margin = 'margin-top'; this.layout = 'height'; this.offset = this.element.offsetHeight; }, horizontal: function(){ this.margin = 'margin-left'; this.layout = 'width'; this.offset = this.element.offsetWidth; }, set: function(now){ this.element.setStyle(this.margin, now[0]); this.wrapper.setStyle(this.layout, now[1]); return this; }, compute: function(from, to, delta){ var now = []; var x = 2; x.times(function(i){ now[i] = Fx.compute(from[i], to[i], delta); }); return now; }, start: function(how, mode){ if (!this.check(arguments.callee, how, mode)) return this; this[mode || this.options.mode](); var margin = this.element.getStyle(this.margin).toInt(); var layout = this.wrapper.getStyle(this.layout).toInt(); var caseIn = [[margin, layout], [0, this.offset]]; var caseOut = [[margin, layout], [-this.offset, 0]]; var start; switch (how){ case 'in': start = caseIn; break; case 'out': start = caseOut; break; case 'toggle': start = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut; } return this.parent(start[0], start[1]); }, slideIn: function(mode){ return this.start('in', mode); }, slideOut: function(mode){ return this.start('out', mode); }, hide: function(mode){ this[mode || this.options.mode](); this.open = false; return this.set([-this.offset, 0]); }, show: function(mode){ this[mode || this.options.mode](); this.open = true; return this.set([0, this.offset]); }, toggle: function(mode){ return this.start('toggle', mode); } }); Element.Properties.slide = { set: function(options){ var slide = this.retrieve('slide'); if (slide) slide.cancel(); return this.eliminate('slide').store('slide:options', $extend({link: 'cancel'}, options)); }, get: function(options){ if (options || !this.retrieve('slide')){ if (options || !this.retrieve('slide:options')) this.set('slide', options); this.store('slide', new Fx.Slide(this, this.retrieve('slide:options'))); } return this.retrieve('slide'); } }; Element.implement({ slide: function(how, mode){ how = how || 'toggle'; var slide = this.get('slide'), toggle; switch (how){ case 'hide': slide.hide(mode); break; case 'show': slide.show(mode); break; case 'toggle': var flag = this.retrieve('slide:flag', slide.open); slide[(flag) ? 'slideOut' : 'slideIn'](mode); this.store('slide:flag', !flag); toggle = true; break; default: slide.start(how, mode); } if (!toggle) this.eliminate('slide:flag'); return this; } }); /* Script: Fx.Scroll.js Effect to smoothly scroll any element, including the window. License: MIT-style license. */ Fx.Scroll = new Class({ Extends: Fx, options: { offset: {'x': 0, 'y': 0}, wheelStops: true }, initialize: function(element, options){ this.element = this.subject = $(element); this.parent(options); var cancel = this.cancel.bind(this, false); if ($type(this.element) != 'element') this.element = $(this.element.getDocument().body); var stopper = this.element; if (this.options.wheelStops){ this.addEvent('start', function(){ stopper.addEvent('mousewheel', cancel); }, true); this.addEvent('complete', function(){ stopper.removeEvent('mousewheel', cancel); }, true); } }, set: function(){ var now = Array.flatten(arguments); this.element.scrollTo(now[0], now[1]); }, compute: function(from, to, delta){ var now = []; var x = 2; x.times(function(i){ now.push(Fx.compute(from[i], to[i], delta)); }); return now; }, start: function(x, y){ if (!this.check(arguments.callee, x, y)) return this; var offsetSize = this.element.getSize(), scrollSize = this.element.getScrollSize(); var scroll = this.element.getScroll(), values = {x: x, y: y}; for (var z in values){ var max = scrollSize[z] - offsetSize[z]; if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max; else values[z] = scroll[z]; values[z] += this.options.offset[z]; } return this.parent([scroll.x, scroll.y], [values.x, values.y]); }, toTop: function(){ return this.start(false, 0); }, toLeft: function(){ return this.start(0, false); }, toRight: function(){ return this.start('right', false); }, toBottom: function(){ return this.start(false, 'bottom'); }, toElement: function(el){ var position = $(el).getPosition(this.element); return this.start(position.x, position.y); } }); /* Script: Fx.Elements.js Effect to change any number of CSS properties of any number of Elements. License: MIT-style license. */ Fx.Elements = new Class({ Extends: Fx.CSS, initialize: function(elements, options){ this.elements = this.subject = $$(elements); this.parent(options); }, compute: function(from, to, delta){ var now = {}; for (var i in from){ var iFrom = from[i], iTo = to[i], iNow = now[i] = {}; for (var p in iFrom) iNow[p] = this.parent(iFrom[p], iTo[p], delta); } return now; }, set: function(now){ for (var i in now){ var iNow = now[i]; for (var p in iNow) this.render(this.elements[i], p, iNow[p], this.options.unit); } return this; }, start: function(obj){ if (!this.check(arguments.callee, obj)) return this; var from = {}, to = {}; for (var i in obj){ var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}; for (var p in iProps){ var parsed = this.prepare(this.elements[i], p, iProps[p]); iFrom[p] = parsed.from; iTo[p] = parsed.to; } } return this.parent(from, to); } }); /* Script: Drag.js The base Drag Class. Can be used to drag and resize Elements using mouse events. License: MIT-style license. */ var Drag = new Class({ Implements: [Events, Options], options: {/* onBeforeStart: $empty, onStart: $empty, onDrag: $empty, onCancel: $empty, onComplete: $empty,*/ snap: 6, unit: 'px', grid: false, style: true, limit: false, handle: false, invert: false, preventDefault: false, modifiers: {x: 'left', y: 'top'} }, initialize: function(){ var params = Array.link(arguments, {'options': Object.type, 'element': $defined}); this.element = $(params.element); this.document = this.element.getDocument(); this.setOptions(params.options || {}); var htype = $type(this.options.handle); this.handles = (htype == 'array' || htype == 'collection') ? $$(this.options.handle) : $(this.options.handle) || this.element; this.mouse = {'now': {}, 'pos': {}}; this.value = {'start': {}, 'now': {}}; this.selection = (Browser.Engine.trident) ? 'selectstart' : 'mousedown'; this.bound = { start: this.start.bind(this), check: this.check.bind(this), drag: this.drag.bind(this), stop: this.stop.bind(this), cancel: this.cancel.bind(this), eventStop: $lambda(false) }; this.attach(); }, attach: function(){ this.handles.addEvent('mousedown', this.bound.start); return this; }, detach: function(){ this.handles.removeEvent('mousedown', this.bound.start); return this; }, start: function(event){ if (this.options.preventDefault) event.preventDefault(); this.fireEvent('beforeStart', this.element); this.mouse.start = event.page; var limit = this.options.limit; this.limit = {'x': [], 'y': []}; for (var z in this.options.modifiers){ if (!this.options.modifiers[z]) continue; if (this.options.style) this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt(); else this.value.now[z] = this.element[this.options.modifiers[z]]; if (this.options.invert) this.value.now[z] *= -1; this.mouse.pos[z] = event.page[z] - this.value.now[z]; if (limit && limit[z]){ for (var i = 2; i--; i){ if ($chk(limit[z][i])) this.limit[z][i] = $lambda(limit[z][i])(); } } } if ($type(this.options.grid) == 'number') this.options.grid = {'x': this.options.grid, 'y': this.options.grid}; this.document.addEvents({mousemove: this.bound.check, mouseup: this.bound.cancel}); this.document.addEvent(this.selection, this.bound.eventStop); }, check: function(event){ if (this.options.preventDefault) event.preventDefault(); var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); if (distance > this.options.snap){ this.cancel(); this.document.addEvents({ mousemove: this.bound.drag, mouseup: this.bound.stop }); this.fireEvent('start', this.element).fireEvent('snap', this.element); } }, drag: function(event){ if (this.options.preventDefault) event.preventDefault(); this.mouse.now = event.page; for (var z in this.options.modifiers){ if (!this.options.modifiers[z]) continue; this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z]; if (this.options.invert) this.value.now[z] *= -1; if (this.options.limit && this.limit[z]){ if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])){ this.value.now[z] = this.limit[z][1]; } else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])){ this.value.now[z] = this.limit[z][0]; } } if (this.options.grid[z]) this.value.now[z] -= (this.value.now[z] % this.options.grid[z]); if (this.options.style) this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit); else this.element[this.options.modifiers[z]] = this.value.now[z]; } this.fireEvent('drag', this.element); }, cancel: function(event){ this.document.removeEvent('mousemove', this.bound.check); this.document.removeEvent('mouseup', this.bound.cancel); if (event){ this.document.removeEvent(this.selection, this.bound.eventStop); this.fireEvent('cancel', this.element); } }, stop: function(event){ this.document.removeEvent(this.selection, this.bound.eventStop); this.document.removeEvent('mousemove', this.bound.drag); this.document.removeEvent('mouseup', this.bound.stop); if (event) this.fireEvent('complete', this.element); } }); Element.implement({ makeResizable: function(options){ return new Drag(this, $merge({modifiers: {'x': 'width', 'y': 'height'}}, options)); } }); /* Script: Drag.Move.js A Drag extension that provides support for the constraining of draggables to containers and droppables. License: MIT-style license. */ Drag.Move = new Class({ Extends: Drag, options: { droppables: [], container: false }, initialize: function(element, options){ this.parent(element, options); this.droppables = $$(this.options.droppables); this.container = $(this.options.container); if (this.container && $type(this.container) != 'element') this.container = $(this.container.getDocument().body); element = this.element; var current = element.getStyle('position'); var position = (current != 'static') ? current : 'absolute'; if (element.getStyle('left') == 'auto' || element.getStyle('top') == 'auto') element.position(element.getPosition(element.offsetParent)); element.setStyle('position', position); this.addEvent('start', function(){ this.checkDroppables(); }, true); }, start: function(event){ if (this.container){ var el = this.element, cont = this.container, ccoo = cont.getCoordinates(el.offsetParent), cps = {}, ems = {}; ['top', 'right', 'bottom', 'left'].each(function(pad){ cps[pad] = cont.getStyle('padding-' + pad).toInt(); ems[pad] = el.getStyle('margin-' + pad).toInt(); }, this); var width = el.offsetWidth + ems.left + ems.right, height = el.offsetHeight + ems.top + ems.bottom; var x = [ccoo.left + cps.left, ccoo.right - cps.right - width]; var y = [ccoo.top + cps.top, ccoo.bottom - cps.bottom - height]; this.options.limit = {x: x, y: y}; } this.parent(event); }, checkAgainst: function(el){ el = el.getCoordinates(); var now = this.mouse.now; return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top); }, checkDroppables: function(){ var overed = this.droppables.filter(this.checkAgainst, this).getLast(); if (this.overed != overed){ if (this.overed) this.fireEvent('leave', [this.element, this.overed]); if (overed){ this.overed = overed; this.fireEvent('enter', [this.element, overed]); } else { this.overed = null; } } }, drag: function(event){ this.parent(event); if (this.droppables.length) this.checkDroppables(); }, stop: function(event){ this.checkDroppables(); this.fireEvent('drop', [this.element, this.overed]); this.overed = null; return this.parent(event); } }); Element.implement({ makeDraggable: function(options){ return new Drag.Move(this, options); } }); /* Script: Hash.Cookie.js Class for creating, reading, and deleting Cookies in JSON format. License: MIT-style license. */ Hash.Cookie = new Class({ Extends: Cookie, options: { autoSave: true }, initialize: function(name, options){ this.parent(name, options); this.load(); }, save: function(){ var value = JSON.encode(this.hash); if (!value || value.length > 4096) return false; //cookie would be truncated! if (value == '{}') this.dispose(); else this.write(value); return true; }, load: function(){ this.hash = new Hash(JSON.decode(this.read(), true)); return this; } }); Hash.Cookie.implement((function(){ var methods = {}; Hash.each(Hash.prototype, function(method, name){ methods[name] = function(){ var value = method.apply(this.hash, arguments); if (this.options.autoSave) this.save(); return value; }; }); return methods; })()); /* Script: Color.js Class for creating and manipulating colors in JavaScript. Supports HSB -> RGB Conversions and vice versa. License: MIT-style license. */ var Color = new Native({ initialize: function(color, type){ if (arguments.length >= 3){ type = "rgb"; color = Array.slice(arguments, 0, 3); } else if (typeof color == 'string'){ if (color.match(/rgb/)) color = color.rgbToHex().hexToRgb(true); else if (color.match(/hsb/)) color = color.hsbToRgb(); else color = color.hexToRgb(true); } type = type || 'rgb'; switch (type){ case 'hsb': var old = color; color = color.hsbToRgb(); color.hsb = old; break; case 'hex': color = color.hexToRgb(true); break; } color.rgb = color.slice(0, 3); color.hsb = color.hsb || color.rgbToHsb(); color.hex = color.rgbToHex(); return $extend(color, this); } }); Color.implement({ mix: function(){ var colors = Array.slice(arguments); var alpha = ($type(colors.getLast()) == 'number') ? colors.pop() : 50; var rgb = this.slice(); colors.each(function(color){ color = new Color(color); for (var i = 0; i < 3; i++) rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha)); }); return new Color(rgb, 'rgb'); }, invert: function(){ return new Color(this.map(function(value){ return 255 - value; })); }, setHue: function(value){ return new Color([value, this.hsb[1], this.hsb[2]], 'hsb'); }, setSaturation: function(percent){ return new Color([this.hsb[0], percent, this.hsb[2]], 'hsb'); }, setBrightness: function(percent){ return new Color([this.hsb[0], this.hsb[1], percent], 'hsb'); } }); function $RGB(r, g, b){ return new Color([r, g, b], 'rgb'); }; function $HSB(h, s, b){ return new Color([h, s, b], 'hsb'); }; function $HEX(hex){ return new Color(hex, 'hex'); }; Array.implement({ rgbToHsb: function(){ var red = this[0], green = this[1], blue = this[2]; var hue, saturation, brightness; var max = Math.max(red, green, blue), min = Math.min(red, green, blue); var delta = max - min; brightness = max / 255; saturation = (max != 0) ? delta / max : 0; if (saturation == 0){ hue = 0; } else { var rr = (max - red) / delta; var gr = (max - green) / delta; var br = (max - blue) / delta; if (red == max) hue = br - gr; else if (green == max) hue = 2 + rr - br; else hue = 4 + gr - rr; hue /= 6; if (hue < 0) hue++; } return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)]; }, hsbToRgb: function(){ var br = Math.round(this[2] / 100 * 255); if (this[1] == 0){ return [br, br, br]; } else { var hue = this[0] % 360; var f = hue % 60; var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255); var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255); var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255); switch (Math.floor(hue / 60)){ case 0: return [br, t, p]; case 1: return [q, br, p]; case 2: return [p, br, t]; case 3: return [p, q, br]; case 4: return [t, p, br]; case 5: return [br, p, q]; } } return false; } }); String.implement({ rgbToHsb: function(){ var rgb = this.match(/\d{1,3}/g); return (rgb) ? hsb.rgbToHsb() : null; }, hsbToRgb: function(){ var hsb = this.match(/\d{1,3}/g); return (hsb) ? hsb.hsbToRgb() : null; } }); /* Script: Group.js Class for monitoring collections of events License: MIT-style license. */ var Group = new Class({ initialize: function(){ this.instances = Array.flatten(arguments); this.events = {}; this.checker = {}; }, addEvent: function(type, fn){ this.checker[type] = this.checker[type] || {}; this.events[type] = this.events[type] || []; if (this.events[type].contains(fn)) return false; else this.events[type].push(fn); this.instances.each(function(instance, i){ instance.addEvent(type, this.check.bind(this, [type, instance, i])); }, this); return this; }, check: function(type, instance, i){ this.checker[type][i] = true; var every = this.instances.every(function(current, j){ return this.checker[type][j] || false; }, this); if (!every) return; this.checker[type] = {}; this.events[type].each(function(event){ event.call(this, this.instances, instance); }, this); } }); /* Script: Assets.js Provides methods to dynamically load JavaScript, CSS, and Image files into the document. License: MIT-style license. */ var Asset = new Hash({ javascript: function(source, properties){ properties = $extend({ onload: $empty, document: document, check: $lambda(true) }, properties); var script = new Element('script', {'src': source, 'type': 'text/javascript'}); var load = properties.onload.bind(script), check = properties.check, doc = properties.document; delete properties.onload; delete properties.check; delete properties.document; script.addEvents({ load: load, readystatechange: function(){ if (['loaded', 'complete'].contains(this.readyState)) load(); } }).setProperties(properties); if (Browser.Engine.webkit419) var checker = (function(){ if (!$try(check)) return; $clear(checker); load(); }).periodical(50); return script.inject(doc.head); }, css: function(source, properties){ return new Element('link', $merge({ 'rel': 'stylesheet', 'media': 'screen', 'type': 'text/css', 'href': source }, properties)).inject(document.head); }, image: function(source, properties){ properties = $merge({ 'onload': $empty, 'onabort': $empty, 'onerror': $empty }, properties); var image = new Image(); var element = $(image) || new Element('img'); ['load', 'abort', 'error'].each(function(name){ var type = 'on' + name; var event = properties[type]; delete properties[type]; image[type] = function(){ if (!image) return; if (!element.parentNode){ element.width = image.width; element.height = image.height; } image = image.onload = image.onabort = image.onerror = null; event.delay(1, element, element); element.fireEvent(name, element, 1); }; }); image.src = element.src = source; if (image && image.complete) image.onload.delay(1); return element.setProperties(properties); }, images: function(sources, options){ options = $merge({ onComplete: $empty, onProgress: $empty }, options); if (!sources.push) sources = [sources]; var images = []; var counter = 0; sources.each(function(source){ var img = new Asset.image(source, { 'onload': function(){ options.onProgress.call(this, counter, sources.indexOf(source)); counter++; if (counter == sources.length) options.onComplete(); } }); images.push(img); }); return new Elements(images); } }); /* Script: Sortables.js Class for creating a drag and drop sorting interface for lists of items. License: MIT-style license. */ var Sortables = new Class({ Implements: [Events, Options], options: {/* onSort: $empty, onStart: $empty, onComplete: $empty,*/ snap: 4, opacity: 1, clone: false, revert: false, handle: false, constrain: false }, initialize: function(lists, options){ this.setOptions(options); this.elements = []; this.lists = []; this.idle = true; this.addLists($$($(lists) || lists)); if (!this.options.clone) this.options.revert = false; if (this.options.revert) this.effect = new Fx.Morph(null, $merge({duration: 250, link: 'cancel'}, this.options.revert)); }, attach: function(){ this.addLists(this.lists); return this; }, detach: function(){ this.lists = this.removeLists(this.lists); return this; }, addItems: function(){ Array.flatten(arguments).each(function(element){ this.elements.push(element); var start = element.retrieve('sortables:start', this.start.bindWithEvent(this, element)); (this.options.handle ? element.getElement(this.options.handle) || element : element).addEvent('mousedown', start); }, this); return this; }, addLists: function(){ Array.flatten(arguments).each(function(list){ this.lists.push(list); this.addItems(list.getChildren()); }, this); return this; }, removeItems: function(){ var elements = []; Array.flatten(arguments).each(function(element){ elements.push(element); this.elements.erase(element); var start = element.retrieve('sortables:start'); (this.options.handle ? element.getElement(this.options.handle) || element : element).removeEvent('mousedown', start); }, this); return $$(elements); }, removeLists: function(){ var lists = []; Array.flatten(arguments).each(function(list){ lists.push(list); this.lists.erase(list); this.removeItems(list.getChildren()); }, this); return $$(lists); }, getClone: function(event, element){ if (!this.options.clone) return new Element('div').inject(document.body); if ($type(this.options.clone) == 'function') return this.options.clone.call(this, event, element, this.list); return element.clone(true).setStyles({ 'margin': '0px', 'position': 'absolute', 'visibility': 'hidden', 'width': element.getStyle('width') }).inject(this.list).position(element.getPosition(element.getOffsetParent())); }, getDroppables: function(){ var droppables = this.list.getChildren(); if (!this.options.constrain) droppables = this.lists.concat(droppables).erase(this.list); return droppables.erase(this.clone).erase(this.element); }, insert: function(dragging, element){ var where = 'inside'; if (this.lists.contains(element)){ this.list = element; this.drag.droppables = this.getDroppables(); } else { where = this.element.getAllPrevious().contains(element) ? 'before' : 'after'; } this.element.inject(element, where); this.fireEvent('sort', [this.element, this.clone]); }, start: function(event, element){ if (!this.idle) return; this.idle = false; this.element = element; this.opacity = element.get('opacity'); this.list = element.getParent(); this.clone = this.getClone(event, element); this.drag = new Drag.Move(this.clone, { snap: this.options.snap, container: this.options.constrain && this.element.getParent(), droppables: this.getDroppables(), onSnap: function(){ event.stop(); this.clone.setStyle('visibility', 'visible'); this.element.set('opacity', this.options.opacity || 0); this.fireEvent('start', [this.element, this.clone]); }.bind(this), onEnter: this.insert.bind(this), onCancel: this.reset.bind(this), onComplete: this.end.bind(this) }); this.clone.inject(this.element, 'before'); this.drag.start(event); }, end: function(){ this.drag.detach(); this.element.set('opacity', this.opacity); if (this.effect){ var dim = this.element.getStyles('width', 'height'); var pos = this.clone.computePosition(this.element.getPosition(this.clone.offsetParent)); this.effect.element = this.clone; this.effect.start({ top: pos.top, left: pos.left, width: dim.width, height: dim.height, opacity: 0.25 }).chain(this.reset.bind(this)); } else { this.reset(); } }, reset: function(){ this.idle = true; this.clone.destroy(); this.fireEvent('complete', this.element); }, serialize: function(){ var params = Array.link(arguments, {modifier: Function.type, index: $defined}); var serial = this.lists.map(function(list){ return list.getChildren().map(params.modifier || function(element){ return element.get('id'); }, this); }, this); var index = params.index; if (this.lists.length == 1) index = 0; return $chk(index) && index >= 0 && index < this.lists.length ? serial[index] : serial; } }); /* Script: Tips.js Class for creating nice tips that follow the mouse cursor when hovering an element. License: MIT-style license. */ var Tips = new Class({ Implements: [Events, Options], options: { onShow: function(tip){ tip.setStyle('visibility', 'visible'); }, onHide: function(tip){ tip.setStyle('visibility', 'hidden'); }, showDelay: 100, hideDelay: 100, className: null, offsets: {x: 16, y: 16}, fixed: false }, initialize: function(){ var params = Array.link(arguments, {options: Object.type, elements: $defined}); this.setOptions(params.options || null); this.tip = new Element('div').inject(document.body); if (this.options.className) this.tip.addClass(this.options.className); var top = new Element('div', {'class': 'tip-top'}).inject(this.tip); this.container = new Element('div', {'class': 'tip'}).inject(this.tip); var bottom = new Element('div', {'class': 'tip-bottom'}).inject(this.tip); this.tip.setStyles({position: 'absolute', top: 0, left: 0, visibility: 'hidden'}); if (params.elements) this.attach(params.elements); }, attach: function(elements){ $$(elements).each(function(element){ var title = element.retrieve('tip:title', element.get('title')); var text = element.retrieve('tip:text', element.get('rel') || element.get('href')); var enter = element.retrieve('tip:enter', this.elementEnter.bindWithEvent(this, element)); var leave = element.retrieve('tip:leave', this.elementLeave.bindWithEvent(this, element)); element.addEvents({mouseenter: enter, mouseleave: leave}); if (!this.options.fixed){ var move = element.retrieve('tip:move', this.elementMove.bindWithEvent(this, element)); element.addEvent('mousemove', move); } element.store('tip:native', element.get('title')); element.erase('title'); }, this); return this; }, detach: function(elements){ $$(elements).each(function(element){ element.removeEvent('mouseenter', element.retrieve('tip:enter') || $empty); element.removeEvent('mouseleave', element.retrieve('tip:leave') || $empty); element.removeEvent('mousemove', element.retrieve('tip:move') || $empty); element.eliminate('tip:enter').eliminate('tip:leave').eliminate('tip:move'); var original = element.retrieve('tip:native'); if (original) element.set('title', original); }); return this; }, elementEnter: function(event, element){ $A(this.container.childNodes).each(Element.dispose); var title = element.retrieve('tip:title'); if (title){ this.titleElement = new Element('div', {'class': 'tip-title'}).inject(this.container); this.fill(this.titleElement, title); } var text = element.retrieve('tip:text'); if (text){ this.textElement = new Element('div', {'class': 'tip-text'}).inject(this.container); this.fill(this.textElement, text); } this.timer = $clear(this.timer); this.timer = this.show.delay(this.options.showDelay, this); this.position((!this.options.fixed) ? event : {page: element.getPosition()}); }, elementLeave: function(event){ $clear(this.timer); this.timer = this.hide.delay(this.options.hideDelay, this); }, elementMove: function(event){ this.position(event); }, position: function(event){ var size = window.getSize(), scroll = window.getScroll(); var tip = {x: this.tip.offsetWidth, y: this.tip.offsetHeight}; var props = {x: 'left', y: 'top'}; for (var z in props){ var pos = event.page[z] + this.options.offsets[z]; if ((pos + tip[z] - scroll[z]) > size[z]) pos = event.page[z] - this.options.offsets[z] - tip[z]; this.tip.setStyle(props[z], pos); } }, fill: function(element, contents){ (typeof contents == 'string') ? element.set('html', contents) : element.adopt(contents); }, show: function(){ this.fireEvent('show', this.tip); }, hide: function(){ this.fireEvent('hide', this.tip); } }); /* Script: SmoothScroll.js Class for creating a smooth scrolling effect to all internal links on the page. License: MIT-style license. */ var SmoothScroll = new Class({ Extends: Fx.Scroll, initialize: function(options, context){ context = context || document; var doc = context.getDocument(), win = context.getWindow(); this.parent(doc, options); this.links = (this.options.links) ? $$(this.options.links) : $$(doc.links); var location = win.location.href.match(/^[^#]*/)[0] + '#'; this.links.each(function(link){ if (link.href.indexOf(location) != 0) return; var anchor = link.href.substr(location.length); if (anchor && $(anchor)) this.useLink(link, anchor); }, this); if (!Browser.Engine.webkit419) this.addEvent('complete', function(){ win.location.hash = this.anchor; }, true); }, useLink: function(link, anchor){ link.addEvent('click', function(event){ this.anchor = anchor; this.toElement(anchor); event.stop(); }.bind(this)); } }); /* Script: Scroller.js Class which scrolls the contents of any Element (including the window) when the mouse reaches the Element's boundaries. License: MIT-style license. */ var Scroller = new Class({ Implements: [Events, Options], options: { area: 20, velocity: 1, onChange: function(x, y){ this.element.scrollTo(x, y); } }, initialize: function(element, options){ this.setOptions(options); this.element = $(element); this.listener = ($type(this.element) != 'element') ? $(this.element.getDocument().body) : this.element; this.timer = null; this.coord = this.getCoords.bind(this); }, start: function(){ this.listener.addEvent('mousemove', this.coord); }, stop: function(){ this.listener.removeEvent('mousemove', this.coord); this.timer = $clear(this.timer); }, getCoords: function(event){ this.page = (this.listener.get('tag') == 'body') ? event.client : event.page; if (!this.timer) this.timer = this.scroll.periodical(50, this); }, scroll: function(){ var size = this.element.getSize(), scroll = this.element.getScroll(), pos = this.element.getPosition(), change = {'x': 0, 'y': 0}; for (var z in this.page){ if (this.page[z] < (this.options.area + pos[z]) && scroll[z] != 0) change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity; else if (this.page[z] + this.options.area > (size[z] + pos[z]) && size[z] + size[z] != scroll[z]) change[z] = (this.page[z] - size[z] + this.options.area - pos[z]) * this.options.velocity; } if (change.y || change.x) this.fireEvent('change', [scroll.x + change.x, scroll.y + change.y]); } }); /* Script: Accordion.js An Fx.Elements extension which allows you to easily create accordion type controls. License: MIT-style license. */ var Accordion = new Class({ Extends: Fx.Elements, options: {/* onActive: $empty, onBackground: $empty,*/ display: 0, show: false, height: true, width: false, opacity: true, fixedHeight: false, fixedWidth: false, wait: false, alwaysHide: false }, initialize: function(){ var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined}); this.parent(params.elements, params.options); this.togglers = $$(params.togglers); this.container = $(params.container); this.previous = -1; if (this.options.alwaysHide) this.options.wait = true; if ($chk(this.options.show)){ this.options.display = false; this.previous = this.options.show; } if (this.options.start){ this.options.display = false; this.options.show = false; } this.effects = {}; if (this.options.opacity) this.effects.opacity = 'fullOpacity'; if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth'; if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight'; for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]); this.elements.each(function(el, i){ if (this.options.show === i){ this.fireEvent('active', [this.togglers[i], el]); } else { for (var fx in this.effects) el.setStyle(fx, 0); } }, this); if ($chk(this.options.display)) this.display(this.options.display); }, addSection: function(toggler, element, pos){ toggler = $(toggler); element = $(element); var test = this.togglers.contains(toggler); var len = this.togglers.length; this.togglers.include(toggler); this.elements.include(element); if (len && (!test || pos)){ pos = $pick(pos, len - 1); toggler.inject(this.togglers[pos], 'before'); element.inject(toggler, 'after'); } else if (this.container && !test){ toggler.inject(this.container); element.inject(this.container); } var idx = this.togglers.indexOf(toggler); toggler.addEvent('click', this.display.bind(this, idx)); if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'}); if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'}); element.fullOpacity = 1; if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth; if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight; element.setStyle('overflow', 'hidden'); if (!test){ for (var fx in this.effects) element.setStyle(fx, 0); } return this; }, display: function(index){ index = ($type(index) == 'element') ? this.elements.indexOf(index) : index; if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this; this.previous = index; var obj = {}; this.elements.each(function(el, i){ obj[i] = {}; var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0)); this.fireEvent(hide ? 'background' : 'active', [this.togglers[i], el]); for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]]; }, this); return this.start(obj); } }); /* Class: Slider Creates a slider with two elements: a knob and a container. Returns the values. Note: The Slider requires an XHTML doctype. Arguments: element - the knob container knob - the handle options - see Options below maxknob - an optional maximum slider handle Options: start - the minimum value for your slider. end - the maximum value for your slider. mode - either 'horizontal' or 'vertical'. defaults to horizontal. offset - relative offset for knob position. default to 0. knobheight - positions the max slider knob snap - whether the slider will slide in steps numsteps - number of slide steps Events: onChange - a function to fire when the value changes. onComplete - a function to fire when you're done dragging. onTick - optionally, you can alter the onTick behavior, for example displaying an effect of the knob moving to the desired position. Passes as parameter the new position. */ var Slider = new Class({ options: { onChange: Class.empty, onComplete: Class.empty, onTick: function(pos){ this.moveKnob.setStyle(this.p, pos); }, start: 0, end: 100, offset: 0, knobheight: 20, knobwidth: 14, mode: 'horizontal', clip_w:0, clip_l:0, isinit:true, snap: false, range: false, numsteps:null }, initialize: function(el, knob, bkg, options, maxknob) { this.setOptions(options); this.element = $(el); this.knob = $(knob); this.previousChange = this.previousEnd = this.step = -1; //this.bkg = $(bkg); if(this.options.steps==null){ this.options.steps = this.options.end - this.options.start; } if(maxknob!=null) this.maxknob = $(maxknob); //else // this.element.addEvent('mousedown', this.clickedElement.bindWithEvent(this)); var mod, offset; switch(this.options.mode){ case 'horizontal': this.z = 'x'; this.p = 'left'; mod = {'x': 'left', 'y': false}; offset = 'offsetWidth'; break; case 'vertical': this.z = 'y'; this.p = 'top'; mod = {'x': false, 'y': 'top'}; offset = 'offsetHeight'; } this.max = this.element[offset] - this.knob[offset] + (this.options.offset * 2); this.half = this.knob[offset]/2; this.full = this.element[offset] - this.knob[offset] + (this.options.offset * 2); this.min = $chk(this.options.range[0]) ? this.options.range[0] : 0; this.getPos = this.element['get' + this.p.capitalize()].bind(this.element); this.knob.setStyle('position', 'relative').setStyle(this.p, - this.options.offset); this.range = this.max - this.min; this.steps = this.options.steps || this.full; this.stepSize = Math.abs(this.range) / this.steps; this.stepWidth = this.stepSize * this.full / Math.abs(this.range) ; if (maxknob != null) { this.maxPreviousChange = -1; this.maxPreviousEnd = -1; this.maxstep = this.options.end; this.maxknob.setStyle('position', 'relative').setStyle(this.p, + this.max - this.options.offset).setStyle('bottom', this.options.knobheight); } var lim = {}; //status = this.z lim[this.z] = [- this.options.offset, this.max - this.options.offset]; //lim[this.z] = [100, this.max - this.options.offset]; this.drag = new Drag(this.knob, { limit: lim, modifiers: mod, snap: 0, onStart: function(){ this.draggedKnob(); }.bind(this), onDrag: function(){ this.draggedKnob(); }.bind(this), onComplete: function(){ this.draggedKnob(); this.end(); }.bind(this) }); if (maxknob != null) { this.maxdrag = new Drag(this.maxknob, { limit: lim, modifiers: mod, snap: 0, onStart: function(){ this.draggedKnob(1); }.bind(this), onDrag: function(){ this.draggedKnob(1); }.bind(this), onComplete: function(){ this.draggedKnob(1); this.end(); }.bind(this) }); } if (this.options.snap) { //this.drag.options.grid = Math.ceil(this.stepWidth); this.drag.options.grid = (this.full)/this.options.numsteps ; this.drag.options.limit[this.z][1] = this.full; //this.drag.options.grid = this.drag.options.grid - (this.knob[offset]/this.options.numsteps); status = "GRID - " + this.drag.options.grid + " , full = " + this.full// DEBUG } if (this.options.initialize) this.options.initialize.call(this); }, setMin: function(stepMin){ this.step = stepMin.limit(this.options.start, this.options.end); this.checkStep(); this.end(); this.moveKnob = this.knob; //this.bkg.style.clip = "rect(0px "+ (parseInt(this.toPosition(this.step)) +3) + "px 10px 0px)"; //status =this.bkg.style.clip + " vl= " + parseInt(this.toPosition(this.step)) ; //Debug this.fireEvent('onTick', this.toPosition(this.step)); return this; }, setMax: function(stepMax){ this.maxstep = stepMax.limit(this.options.start, this.options.end); this.checkStep(1); this.end(); this.moveKnob = this.maxknob; var w= Math.abs(this.toPosition(this.step)- this.toPosition(this.maxstep)) + 3 ; var r = parseInt(this.clip_l + w); //this.bkg.style.clip = "rect(0px "+ r + "px 10px "+ this.clip_l + "px)"; this.fireEvent('onTick', this.toPosition(this.maxstep)); // For Init Only if(this.options.isinit){ var lim = {}; var mi,mx; mi = - this.options.offset; mx= parseInt(this.maxknob.getStyle('left')) - this.options.offset-4 ; lim[this.z] = [mi, mx]; this.drag.options.limit = lim; this.options.isinit = false; } return this; }, clickedElement: function(event){ var position = event.page[this.z] - this.getPos() - this.half; position = position.limit(-this.options.offset, this.max -this.options.offset); this.step = this.toStep(position); //this.moveKnob = this.knob; //this.bkg.style.clip = "rect(0px "+ (parseInt(this.toPosition(this.step)) +3) + "px 10px 0px)" //status =this.bkg.style.clip; //Debug this.checkStep(); this.end(); this.fireEvent('onTick', position); }, draggedKnob: function(mx){ var lim = {}; var mi,mx; if(mx==null) { var pos = this.drag.value.now[this.z]; if (pos != 0) { //pos += this.half; } this.step = this.toStep(pos); this.checkStep(); } else { this.maxstep = this.toStep(this.maxdrag.value.now[this.z]); this.checkStep(1); } }, checkStep: function(mx){ var lim = {}; var mi,mx; var limm = {}; if(mx==null) {if (this.previousChange != this.step){this.previousChange = this.step;}} else {if (this.maxPreviousChange != this.maxstep){this.maxPreviousChange = this.maxstep;}} if (this.maxknob!=null) { mi = - this.options.offset; mx= parseInt(this.maxknob.getStyle('left')) - this.options.offset - 10; lim[this.z] = [mi, mx]; this.drag.options.limit = lim; mi = parseInt(this.knob.getStyle('left')) - this.options.offset + 10; mx= this.max - this.options.offset; limm[this.z] = [mi, mx]; this.maxdrag.options.limit = limm; if (this.step < this.maxstep){ this.fireEvent('onChange', { minpos: this.step, maxpos: this.maxstep }); } else{ this.fireEvent('onChange', { minpos: this.maxstep, maxpos: this.step }); } this.clip_l = parseInt(this.knob.getStyle('left')) + 10; //var w = Math.abs(parseInt(this.knob.getStyle('left')) - parseInt(this.maxknob.getStyle('left'))) + 3; var w = Math.abs(parseInt(this.knob.getStyle('left')) - parseInt(this.maxknob.getStyle('left'))); //if(w > 3) w = w+3; var r = parseInt(this.clip_l + w); //this.bkg.style.clip = "rect(0px "+ r + "px 10px "+ this.clip_l + "px)" //status =this.bkg.style.clip + " w= " + w //Debug } else { this.fireEvent('onChange', this.step); //this.bkg.style.clip = "rect(0px "+ (parseInt(this.drag.value.now[this.z]) +3) + "px 10px 0px)" } }, end: function(){ if (this.previousEnd !== this.step || (this.maxknob != null && this.maxPreviousEnd != this.maxstep)) { this.previousEnd = this.step; if (this.maxknob != null) { this.maxPreviousEnd = this.maxstep; if (this.step < this.maxstep) { this.fireEvent('onComplete', { minpos: this.step + '', maxpos: this.maxstep + '' }); } else { this.fireEvent('onComplete', { minpos: this.maxstep + '', maxpos: this.step + '' }); } } else{ this.fireEvent('onComplete', this.step + ''); } } }, toStep: function(position){ return Math.round((position + this.options.offset) / this.max * this.options.steps) + this.options.start; }, toPosition: function(step){ return (this.max * step / this.options.steps) - (this.max * this.options.start / this.options.steps) - this.options.offset; } }); Slider.implement(new Events); Slider.implement(new Options); /** * Autocompleter * * http://digitarald.de/project/autocompleter/ * * @version 1.1.2 * * @license MIT-style license * @author Harald Kirschner * @copyright Author */ var Autocompleter = new Class({ Implements: [Options, Events], options: {/* onOver: $empty, onSelect: $empty, onSelection: $empty, onShow: $empty, onHide: $empty, onBlur: $empty, onFocus: $empty,*/ minLength: 3, markQuery: true, width: 'inherit', maxChoices: 10, injectChoice: null, customChoices: null, emptyChoices: null, visibleChoices: true, className: 'autocompleter-choices', zIndex: 42, delay: 400, observerOptions: {}, fxOptions: {}, autoSubmit: true, overflow: false, overflowMargin: 25, selectFirst: false, filter: null, filterCase: false, filterSubset: false, forceSelect: false, selectMode: true, choicesMatch: null, multiple: false, separator: ', ', separatorSplit: /\s*[,;]\s*/, autoTrim: false, allowDupes: false, setAlwaysNewPosition : false, cache: true, relative: false }, initialize: function(element, options) { this.element = $(element); this.setOptions(options); this.build(); this.observer = new Observer(this.element, this.prefetch.bind(this), $merge({ 'delay': this.options.delay }, this.options.observerOptions)); this.queryValue = null; if (this.options.filter) this.filter = this.options.filter.bind(this); var mode = this.options.selectMode; this.typeAhead = (mode == 'type-ahead'); this.selectMode = (mode === true) ? 'selection' : mode; this.cached = []; }, /** * build - Initialize DOM * * Builds the html structure for choices and appends the events to the element. * Override this function to modify the html generation. */ build: function() { if ($(this.options.customChoices)) { this.choices = this.options.customChoices; } else { this.choices = new Element('ul', { 'class': this.options.className, 'styles': { 'zIndex': this.options.zIndex } }).inject(document.body); this.relative = false; if (this.options.relative) { this.choices.inject(this.element, 'after'); this.relative = this.element.getOffsetParent(); } this.fix = new OverlayFix(this.choices); } if (!this.options.separator.test(this.options.separatorSplit)) { this.options.separatorSplit = this.options.separator; } this.fx = (!this.options.fxOptions) ? null : new Fx.Tween(this.choices, $merge({ 'property': 'opacity', 'link': 'cancel', 'duration': 200 }, this.options.fxOptions)).addEvent('onStart', Chain.prototype.clearChain).set(0); this.element.setProperty('autocomplete', 'off') .addEvent((Browser.Engine.trident || Browser.Engine.webkit) ? 'keydown' : 'keypress', this.onCommand.bind(this)) .addEvent('click', this.onCommand.bind(this, [false])) .addEvent('focus', this.toggleFocus.create({bind: this, arguments: true, delay: 100})) .addEvent('blur', this.toggleFocus.create({bind: this, arguments: false, delay: 100})); }, destroy: function() { if (this.fix) this.fix.destroy(); this.choices = this.selected = this.choices.destroy(); }, toggleFocus: function(state) { this.focussed = state; if (!state) this.hideChoices(true); this.fireEvent((state) ? 'onFocus' : 'onBlur', [this.element]); }, onCommand: function(e) { if (!e && this.focussed) return this.prefetch(); if (e && e.key && !e.shift) { switch (e.key) { case 'enter': if (this.element.value != this.opted) return true; if (this.selected && this.visible) { this.choiceSelect(this.selected); return !!(this.options.autoSubmit); } break; case 'up': case 'down': if (!this.prefetch() && this.queryValue !== null) { var up = (e.key == 'up'); this.choiceOver((this.selected || this.choices)[ (this.selected) ? ((up) ? 'getPrevious' : 'getNext') : ((up) ? 'getLast' : 'getFirst') ](this.options.choicesMatch), true); } return false; case 'esc': case 'tab': this.hideChoices(true); break; } } return true; }, setSelection: function(finish) { var input = this.selected.inputValue, value = input; var start = this.queryValue.length, end = input.length; if (input.substr(0, start).toLowerCase() != this.queryValue.toLowerCase()) start = 0; if (this.options.multiple) { var split = this.options.separatorSplit; value = this.element.value; start += this.queryIndex; end += this.queryIndex; var old = value.substr(this.queryIndex).split(split, 1)[0]; value = value.substr(0, this.queryIndex) + input + value.substr(this.queryIndex + old.length); if (finish) { var tokens = value.split(this.options.separatorSplit).filter(function(entry) { return this.test(entry); }, /[^\s,]+/); if (!this.options.allowDupes) tokens = [].combine(tokens); var sep = this.options.separator; value = tokens.join(sep) + sep; end = value.length; } } this.observer.setValue(value); this.opted = value; if (finish || this.selectMode == 'pick') start = end; this.element.selectRange(start, end); this.fireEvent('onSelection', [this.element, this.selected, value, input]); }, showChoices: function() { var match = this.options.choicesMatch, first = this.choices.getFirst(match); this.selected = this.selectedValue = null; if (this.fix) { var pos = this.element.getCoordinates(this.relative), width = this.options.width || 'auto'; this.choices.setStyles({ 'left' : pos.left, 'top' : pos.top, 'width': (width === true || width == 'inherit') ? pos.width : width }); } if (!first) return; if (!this.visible) { this.visible = true; this.choices.setStyle('display', ''); if (this.fx) this.fx.start(1); this.fireEvent('onShow', [this.element, this.choices]); } if (this.options.selectFirst || this.typeAhead || first.inputValue == this.queryValue) this.choiceOver(first, this.typeAhead); var items = this.choices.getChildren(match), max = this.options.maxChoices; var styles = {'overflowY': 'hidden', 'height': ''}; this.overflown = false; if (items.length > max) { var item = items[max - 1]; styles.overflowY = 'scroll'; styles.height = item.getCoordinates(this.choices).bottom; this.overflown = true; }; this.choices.setStyles(styles); this.fix.show(); if (this.options.visibleChoices) { var scroll = document.getScroll(), size = document.getSize(), coords = this.choices.getCoordinates(); if (coords.right > scroll.x + size.x) scroll.x = coords.right - size.x; if (coords.bottom > scroll.y + size.y) scroll.y = coords.bottom - size.y; window.scrollTo(Math.min(scroll.x, coords.left), Math.min(scroll.y, coords.top)); } }, hideChoices: function(clear) { if (clear) { var value = this.element.value; if (this.options.forceSelect) value = this.opted; if (this.options.autoTrim) { value = value.split(this.options.separatorSplit).filter($arguments(0)).join(this.options.separator); } this.observer.setValue(value); } if (!this.visible) return; this.visible = false; if (this.selected) this.selected.removeClass('autocompleter-selected'); this.observer.clear(); var hide = function(){ this.choices.setStyle('display', 'none'); this.fix.hide(); }.bind(this); if (this.fx) this.fx.start(0).chain(hide); else hide(); this.fireEvent('onHide', [this.element, this.choices]); }, prefetch: function() { var value = this.element.value, query = value; if (this.options.multiple) { var split = this.options.separatorSplit; var values = value.split(split); var index = this.element.getSelectedRange().start; var toIndex = value.substr(0, index).split(split); var last = toIndex.length - 1; index -= toIndex[last].length; query = values[last]; } if (query.length < this.options.minLength) { this.hideChoices(); } else { if (query === this.queryValue || (this.visible && query == this.selectedValue)) { if (this.visible) return false; this.showChoices(); } else { this.queryValue = query; this.queryIndex = index; if (!this.fetchCached()) this.query(); } } return true; }, fetchCached: function() { return false; if (!this.options.cache || !this.cached || !this.cached.length || this.cached.length >= this.options.maxChoices || this.queryValue) return false; this.update(this.filter(this.cached)); return true; }, update: function(tokens) { this.choices.empty(); this.cached = tokens; var type = tokens && $type(tokens); if (!type || (type == 'array' && !tokens.length) || (type == 'hash' && !tokens.getLength())) { (this.options.emptyChoices || this.hideChoices).call(this); } else { if (this.options.maxChoices < tokens.length && !this.options.overflow) tokens.length = this.options.maxChoices; var col = 1; var classes = ['row1', 'row2']; tokens.each(this.options.injectChoice || function(token){ col++; var choice = new Element('li', {'class': classes[col % 2]}); //var count = new Element('span', {'html': token.count + ' Ergebnisse'}).setStyle('float', 'right').injectInside(choice); var word = new Element('span', {'html': this.markQueryValue(token)}).injectInside(choice); choice.inputValue = token; this.addChoiceEvents(choice).inject(this.choices); }, this); this.showChoices(); } }, choiceOver: function(choice, selection) { if (!choice || choice == this.selected) return; if (this.selected) this.selected.removeClass('autocompleter-selected'); this.selected = choice.addClass('autocompleter-selected'); this.fireEvent('onSelect', [this.element, this.selected, selection]); if (!this.selectMode) this.opted = this.element.value; if (!selection) return; this.selectedValue = this.selected.inputValue; if (this.overflown) { var coords = this.selected.getCoordinates(this.choices), margin = this.options.overflowMargin, top = this.choices.scrollTop, height = this.choices.offsetHeight, bottom = top + height; if (coords.top - margin < top && top) this.choices.scrollTop = Math.max(coords.top - margin, 0); else if (coords.bottom + margin > bottom) this.choices.scrollTop = Math.min(coords.bottom - height + margin, bottom); } if (this.selectMode) this.setSelection(); }, choiceSelect: function(choice) { if (choice) this.choiceOver(choice); this.setSelection(true); this.queryValue = false; this.hideChoices(); }, filter: function(tokens) { return (tokens || this.tokens).filter(function(token) { return this.test(token); }, new RegExp(((this.options.filterSubset) ? '' : '^') + this.queryValue.escapeRegExp(), (this.options.filterCase) ? '' : 'i')); }, /** * markQueryValue * * Marks the queried word in the given string with * * Call this i.e. from your custom parseChoices, same for addChoiceEvents * * @param {String} Text * @return {String} Text */ markQueryValue: function(str) { return (!this.options.markQuery || !this.queryValue) ? str : str.replace(new RegExp('(' + ((this.options.filterSubset) ? '' : '^') + this.queryValue.escapeRegExp() + ')', (this.options.filterCase) ? '' : 'i'), '$1'); }, /** * addChoiceEvents * * Appends the needed event handlers for a choice-entry to the given element. * * @param {Element} Choice entry * @return {Element} Choice entry */ addChoiceEvents: function(el) { return el.addEvents({ 'mouseover': this.choiceOver.bind(this, [el]), 'click': function() { this.choiceSelect.bind(this, [el]); if ($defined($('search'))) { $('search').getElements('input')[0].set('value', el.get('text')); $('search').getElements('form')[0].submit(); } else { $('mt-search-input').set('value', el.get('text')); $('mt-sss').submit(); } }.bind(this) }); } }); var OverlayFix = new Class({ initialize: function(el) { if (Browser.Engine.trident) { this.element = $(el); this.relative = this.element.getOffsetParent(); this.fix = new Element('iframe', { 'frameborder': '0', 'scrolling': 'no', 'src': 'javascript:false;', 'styles': { 'position': 'absolute', 'border': 'none', 'display': 'none', 'filter': 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)' } }).inject(this.element, 'after'); } }, show: function() { if (this.fix) { var coords = this.element.getCoordinates(this.relative); delete coords.right; delete coords.bottom; this.fix.setStyles($extend(coords, { 'display': '', 'zIndex': (this.element.getStyle('zIndex') || 1) - 1 })); } return this; }, hide: function() { if (this.fix) this.fix.setStyle('display', 'none'); return this; }, destroy: function() { if (this.fix) this.fix = this.fix.destroy(); } }); Element.implement({ getSelectedRange: function() { if (!Browser.Engine.trident) return {start: this.selectionStart, end: this.selectionEnd}; var pos = {start: 0, end: 0}; var range = this.getDocument().selection.createRange(); if (!range || range.parentElement() != this) return pos; var dup = range.duplicate(); if (this.type == 'text') { pos.start = 0 - dup.moveStart('character', -100000); pos.end = pos.start + range.text.length; } else { var value = this.value; var offset = value.length - value.match(/[\n\r]*$/)[0].length; dup.moveToElementText(this); dup.setEndPoint('StartToEnd', range); pos.end = offset - dup.text.length; dup.setEndPoint('StartToStart', range); pos.start = offset - dup.text.length; } return pos; }, selectRange: function(start, end) { if (Browser.Engine.trident) { var diff = this.value.substr(start, end - start).replace(/\r/g, '').length; start = this.value.substr(0, start).replace(/\r/g, '').length; var range = this.createTextRange(); range.collapse(true); range.moveEnd('character', start + diff); range.moveStart('character', start); range.select(); } else { this.focus(); this.setSelectionRange(start, end); } return this; } }); /* compatibility */ Autocompleter.Base = Autocompleter; /** * Autocompleter.Local * * http://digitarald.de/project/autocompleter/ * * @version 1.1.2 * * @license MIT-style license * @author Harald Kirschner * @copyright Author */ Autocompleter.Local = new Class({ Extends: Autocompleter, options: { minLength: 0, delay: 200 }, initialize: function(element, tokens, options) { this.parent(element, options); this.tokens = tokens; }, query: function() { this.update(this.filter()); } }); /** * Autocompleter.Request * * http://digitarald.de/project/autocompleter/ * * @version 1.1.2 * * @license MIT-style license * @author Harald Kirschner * @copyright Author */ Autocompleter.Request = new Class({ Extends: Autocompleter, options: {/* indicator: null, indicatorClass: null, onRequest: $empty, onComplete: $empty,*/ postData: {}, ajaxOptions: {}, postVar: 'value' }, query: function(){ var data = $unlink(this.options.postData) || {}; data[this.options.postVar] = this.queryValue; var indicator = $(this.options.indicator); if (indicator) indicator.setStyle('display', ''); var cls = this.options.indicatorClass; if (cls) this.element.addClass(cls); this.fireEvent('onRequest', [this.element, this.request, data, this.queryValue]); this.request.send({'data': data}); }, /** * queryResponse - abstract * * Inherated classes have to extend this function and use this.parent() */ queryResponse: function() { var indicator = $(this.options.indicator); if (indicator) indicator.setStyle('display', 'none'); var cls = this.options.indicatorClass; if (cls) this.element.removeClass(cls); return this.fireEvent('onComplete', [this.element, this.request]); } }); Autocompleter.Request.JSON = new Class({ Extends: Autocompleter.Request, initialize: function(el, url, options) { this.parent(el, options); this.request = new Request.JSON($merge({ 'url': url, 'link': 'cancel' }, this.options.ajaxOptions)).addEvent('onComplete', this.queryResponse.bind(this)); }, queryResponse: function(response) { this.parent(); this.update(response); } }); Autocompleter.Request.HTML = new Class({ Extends: Autocompleter.Request, initialize: function(el, url, options) { this.parent(el, options); this.request = new Request.HTML($merge({ 'url': url, 'link': 'cancel', 'update': this.choices }, this.options.ajaxOptions)).addEvent('onComplete', this.queryResponse.bind(this)); }, queryResponse: function(tree, elements) { this.parent(); if (!elements || !elements.length) { this.hideChoices(); } else { this.choices.getChildren(this.options.choicesMatch).each(this.options.injectChoice || function(choice) { var value = choice.innerHTML; choice.inputValue = value; this.addChoiceEvents(choice.set('html', this.markQueryValue(value))); }, this); this.showChoices(); } } }); /* compatibility */ Autocompleter.Ajax = { Base: Autocompleter.Request, Json: Autocompleter.Request.JSON, Xhtml: Autocompleter.Request.HTML }; /** * Observer - Observe formelements for changes * * - Additional code from clientside.cnet.com * * @version 1.1 * * @license MIT-style license * @author Harald Kirschner * @copyright Author */ var Observer = new Class({ Implements: [Options, Events], options: { periodical: false, delay: 1000 }, initialize: function(el, onFired, options){ this.element = $(el) || $$(el); this.addEvent('onFired', onFired); this.setOptions(options); this.bound = this.changed.bind(this); this.resume(); }, changed: function() { var value = this.element.get('value'); if ($equals(this.value, value)) return; this.clear(); this.value = value; this.timeout = this.onFired.delay(this.options.delay, this); }, setValue: function(value) { this.value = value; this.element.set('value', value); return this.clear(); }, onFired: function() { this.fireEvent('onFired', [this.value, this.element]); }, clear: function() { $clear(this.timeout || null); return this; }, pause: function(){ if (this.timer) $clear(this.timer); else this.element.removeEvent('keyup', this.bound); return this.clear(); }, resume: function(){ this.value = this.element.get('value'); if (this.options.periodical) this.timer = this.changed.periodical(this.options.periodical, this); else this.element.addEvent('keyup', this.bound); return this; } }); var $equals = function(obj1, obj2) { return (obj1 == obj2 || JSON.encode(obj1) == JSON.encode(obj2)); }; /*************************************************************************************************** *** END OF CORE.JS ****************************************************************************************************/ var Metapreis = new Class({ options: { loaded : false, stdSearchInput : 'Produktname eingeben ...', priceScaleUrl : WEBHOST + 'service/pricerange/query/', priceClickUrl : WEBHOST + 'service/inrange/query/', sortUrl : WEBHOST + 'produkte/', twitterUrl : WEBHOST + 'service/twitter/query/', cacheDir : null, scaleSize : 101, layerSize : 20, replaceImageSize : '150x170', bigImageSize : 'full', query : null, searchBox : null, isRequest : false, page : 1, sortOption : '', boxSize : 170, productsPerPage : 25, priceRange : false, from : 0, to : 0, deliv : '', mouse : {'x' : 0, 'y' : 0 }, shippingCostLayer: 640, type : 'search', maxPages : 0, imageBoxSize : 165, LAYER_SIZE_Y : 269, LAYER_SIZE_X : 594, usedLayerId : false, ISimageSize : 130, slider : null, firstLock : true, lastRange : {}, lastAction : '' }, initialize: function(param) { if (!$defined($('mt-dynamic-search')) || $('mt-dynamic-search').getElements('.mt-article-box').length == 0) { return; } var mp = this; mp.options.type = (location.href.toLowerCase().indexOf('bildersuche') != '-1') ? 'imagesearch' : 'search'; if (mp.options.type == 'imagesearch') { $('mt-dynamic-is').setStyle('display', 'none'); } // get the query string if (location.href.split('/').length > 0) { location.href.split('/').each(function(str, index) { if (str.toLowerCase() == 'produkte' || str.toLowerCase() == 'bildersuche') { mp.options.query = location.href.split('/')[(index+1)]; } }); } if (mp.options.type == 'search') { $('mt-dynamic-search').setStyles({ 'overflow' : 'hidden', 'height' : $('mt-dynamic-search').getStyle('height'), 'width' : $('mt-dynamic-search').getStyle('width') }); } else { mp.options.sortOption = 'score-asc'; } if ($('mt-dynamic-search').getElements('.mt-article-box').length > 1) { if ($defined($('mt-sort-options'))) { $('mt-sort-options').setStyle('display', 'block'); } } this.options.searchBox = $('mt-dynamic-search'); //this.options.productsPerPage = $('mt-end-products').get('html').toInt(); if ($defined($('mt-all-products'))) { this.initLazyload(); } this.initSearchInput('mt-search-input'); this.initSortOptions('mt-sort-options'); this.loadPriceScale('mt-price-scale', this.options.query); this.initCache(); this.loadTweets('query-tweets'); this.initMousePosition(); this.initAdsense(); if (this.options.type == 'imagesearch' && $defined($('mt-dynamic-is'))) { this.initImageSearch('mt-dynamic-is'); } this.initLinks(); }, initLinks : function() { $$('.mt-arrow').each(function(elem) { elem.getElements('a').addEvents({ 'mouseover' : function(e) { if (this.getElement('.sc-arrow') != null) { this.getElement('.sc-arrow').removeClass('sc-arrow').addClass('ac-arrow'); } }, 'mouseout' : function(e) { if (this.getElement('.ac-arrow') != null) { this.getElement('.ac-arrow').addClass('sc-arrow').removeClass('ac-arrow'); } } }); }); }, initSlider : function(min, max) { var slider = $('mt-price-slider'); var mp = this; var small = false; $('mt-price-slider-wrapper').setStyle('display', 'block'); if (this.options.slider != null) { slider = $('mt-price-slider').clone(); slider.injectAfter($('mt-price-slider')); $('mt-price-slider').destroy(); slider.set('id', 'mt-price-slider'); mp.options.firstLock = true; } var search = new RegExp(','); min = String(min); max = String(max); if (min.indexOf('.') != '-1' && min.indexOf(',') != '-1') { min = min.replace(/\./, ''); } if (max.indexOf('.') != '-1' && max.indexOf(',') != '-1') { max = max.replace(/\./, ''); } min = parseFloat(String(min).replace(search, '.')); max = parseFloat(String(max).replace(search, '.')); if (max < 10) { min = String(min).replace(/\./, ''); max = String(max).replace(/\./, ''); while (min.length < 3) { min += '0'; } while (max.length < 3) { max += '0'; } max = max.match(/[1-9]+[0]{0,}/g); if (max == null) { max = 0; } else { max = parseInt(max[0]); } min = min.match(/[1-9]+[0]{0,}/g); if (min == null) { min = 0; } else { min = parseInt(min[0]); } small = true; } else { min = Math.floor(min); max = Math.ceil(max); } this.options.slider = new Slider(slider, slider.getElement('.mt-knob-max'), null, { start : min, end : max, wheel : true, offset: 0, snap : false, onChange: function(pos) { if (small) { pos.minpos = String(pos.minpos); pos.maxpos = String(pos.maxpos); while (pos.minpos.length < 3) { pos.minpos = '0' + pos.minpos; } while (pos.maxpos.length < 3) { pos.maxpos = '0' + pos.maxpos; } $('mt-min-price').set('html', String(pos.minpos).substring(0, 1) + ',' + String(pos.minpos).substring(1, 3) + ' €'); $('mt-max-price').set('html', String(pos.maxpos).substring(0, 1) + ',' + String(pos.maxpos).substring(1, 3) + ' €'); } else { $('mt-min-price').set('html', String(pos.minpos) + ',00 €'); $('mt-max-price').set('html', String(pos.maxpos) + ',00 €'); } }, onComplete: function(pos) { if (small) { while (pos.minpos.length < 3) { pos.minpos = '0' + pos.minpos; } while (pos.maxpos.length < 3) { pos.maxpos = '0' + pos.maxpos; } pos.minpos = String(pos.minpos).substring(0, 1) + '.' + String(pos.minpos).substring(1, 3); pos.maxpos = String(pos.maxpos).substring(0, 1) + '.' + String(pos.maxpos).substring(1, 3); $('mt-min-price').set('html', String(pos.minpos).replace(/\./, ',') + ' €'); $('mt-max-price').set('html', String(pos.maxpos).replace(/\./, ',') + ' €'); } else { $('mt-min-price').set('html', String(pos.minpos) + ',00 €'); $('mt-max-price').set('html', String(pos.maxpos) + ',00 €'); } if (!mp.options.firstLock) { mp.options.from = parseFloat(pos.minpos); mp.options.to = parseFloat(pos.maxpos); mp.setNewFilter('range'); } else { mp.options.firstLock = false; } } }, slider.getElement('.mt-knob-min')).setMin( min ).setMax( max ); }, initImageSearch : function(tableId) { if (!$defined($(tableId))) { return; } var mp = this; this._sortBoxes(tableId); if ($('mt-image-search-cache').getElements('.mt-article-box').length > 0 && $('mt-dynamic-is').getElements('.mt-article-box').length == 0) { $('article-loader-button').fireEvent('click'); } if ($(tableId).getStyle('width') != 'auto') { $(tableId).setStyle('display', 'block'); } window.addEvent('resize', function(e) { mp._sortBoxes(tableId); }); window.addEvent('keydown', function(e) { //27 for ESC if (e.code == 27 && $('img-layer').getStyle('display') == 'block') { mp.closeImgLayer(); } }); }, _sortBoxes : function(tableId) { var boxesPerLine = Math.floor(window.getWidth() / this.options.imageBoxSize); var boxes = $(tableId).getElements('.mt-article-box').length + $('mt-image-search-cache').getElements('.mt-article-box').length; var pointer = 0; var usedLines = Math.floor(boxes / boxesPerLine); var puffer = ((navigator.appName == 'Opera')) ? 70 : 0 ; if ($(tableId).getElements('.is-image-box-wrapper').length != boxesPerLine || $(tableId).getElements('.is-image-box-wrapper').length < boxes) { var line = 0; for (var i = 0; i < boxes; i++) { if (line == usedLines && $('more-products-button').getStyle('display') == 'block') { $('image-' + i).getParent('td').inject($('mt-image-search-cache').getElement('tr'), 'bottom'); continue; } if (!$defined($(tableId).getElements('tr')[line])) { new Element('tr').inject($(tableId), 'bottom'); } if ($('image-' + i).getElement('img').getStyle('margin-top').toInt() == 0) { var img = $('image-' + i).getElement('img'); img.setStyle('margin-top', (img.getParent('div').getStyle('height').toInt() - this.options.ISimageSize) / 2 + puffer); } $('image-' + i).getParent('td').inject($(tableId).getElements('tr')[line], 'bottom'); if ((i + 1) % boxesPerLine == 0) { line++; } } $('mt-dynamic-is').erase('style'); if (line == 0) { $('mt-dynamic-is').setStyles({ 'display' : '', 'width' : 'auto', 'margin' : '0px auto' }); } } }, imageClickLayer : function(el) { var el = $(el); var mp = this; var imageId = el.getParent('.mt-article-box').get('id').match(/\d+/); /* */ if (mp.options.usedLayerId !== false && mp.options.usedLayerId == imageId) { return false; } if ($defined($('img-layer-body')) && $('img-layer-body').getElements('div').length > 0) { mp.closeImgLayer(); } mp.options.usedLayerId = imageId; var imgLayer = mp.initImgLayer(); $$('.img-layer-infos')[imageId].getElement('.dynamic-info-layer').injectInside($('img-layer-body')).removeClass('img-layer-infos'); $('img-layer-body').getElements('.tool-tip').set('id','tip-layer'); $('img-layer-body').getElements('.show-shipping').set('title','layer'); imgLayer.getElement('.image').getElement('img').setStyles({ 'margin-top' : imgLayer.getElement('.image').getElement('img').getParent().getStyle('height').toInt()/2 - this.options.ISimageSize/2, 'display' : '' }); }, initAdsense : function() { if (!$defined($('mt-google-adsense')) || this.options.searchBox.getElements('.mt-article-box').length == 0) { return false; } window.addEvent('load', function() { $('mt-hidden-div').getElement('div').injectInside($('mt-google-adsense')); $('mt-google-adsense').setStyle('display', 'block'); }); }, initMousePosition: function() { var mp = this; document.addEvent('mousemove', function(e) { mp.options.mouse['x'] = e.page.x; mp.options.mouse['y'] = e.page.y; }); }, initLayer: function(e) { var styles = { 'top' : mp.options.mouse.y, 'left' : mp.options.mouse.x + mp.options.layerSize, 'display' : 'block' }; if ($defined($('mt-layer'))) { return $('mt-layer').setStyles(styles); } else { return new Element('div', { 'id' : 'mt-layer', 'style' : 'padding:5px;position:absolute;z-index:6;width:150px;height:150px;border:1px solid #FF6530;background-color:#ffffff;' }).setStyles(styles).injectInside(document.body); } }, initImgLayer : function() { var LAYER_TOP = parseInt(parseInt(window.getHeight())) / 2 + parseInt(window.getScroll().y) - this.options.LAYER_SIZE_Y/2 + 'px'; var LAYER_LEFT = parseInt(parseInt(window.getWidth())) / 2 + parseInt(window.getScroll().x) - this.options.LAYER_SIZE_X/2 + 'px'; if ($$('.mt-preview-image-visible').length > 0) { $$('.mt-preview-image-visible')[0].destroy(); } var mp = this; if ($defined($('img-layer'))) { return $('img-layer').setStyles({ 'display' : 'block', 'width' : mp.options.LAYER_SIZE_X + 'px', 'height' : mp.options.LAYER_SIZE_Y + 'px', 'z-index' : 6, 'position' : 'absolute', 'top' : LAYER_TOP, 'left' : LAYER_LEFT }); } var img_layer = new Element('div',{ 'id' : 'img-layer' }).setStyles({ 'display' : 'block', 'width' : mp.options.LAYER_SIZE_X + 'px', 'height' : mp.options.LAYER_SIZE_Y + 'px', 'z-index' : 6, 'position' : 'absolute', 'top' : LAYER_TOP, 'left' : LAYER_LEFT }).injectInside(document.body); new Element('div',{ 'id' : 'img-layer-body' }).injectInside(img_layer); window.onresize = function() { img_layer.morph({ left : parseInt(parseInt(window.getWidth()))/2 + parseInt(window.getScroll().x) - mp.options.LAYER_SIZE_X/2 + 'px', top : parseInt(parseInt(window.getHeight()))/2 + parseInt(window.getScroll().y) - mp.options.LAYER_SIZE_Y/2 + 'px' }); } window.onscroll = function () { img_layer.morph({ left : parseInt(parseInt(window.getWidth()))/2 + parseInt(window.getScroll().x) - mp.options.LAYER_SIZE_X/2 + 'px', top : parseInt(parseInt(window.getHeight()))/2 + parseInt(window.getScroll().y) - mp.options.LAYER_SIZE_Y/2 + 'px' }); } return img_layer; }, closeImgLayer : function() { $('img-layer').setStyles({ 'display' : 'none', 'width' : '0px', 'height' : '0px', 'left' : '0px', 'top' : '0px' }); $('img-layer-body').getElement('.dynamic-info-layer').injectInside($$('.img-layer-infos')[mp.options.usedLayerId]); mp.options.usedLayerId = false; $('img-layer-body').set('html',''); if ($$('.mt-preview-image-visible').length > 0) { $$('.mt-preview-image-visible')[0].destroy(); } }, initCache: function() { this.options.cacheDir = new Element('div', { 'id' : 'mt-cache', 'style' : 'display:none;' }).injectInside(document.body); new Element('div', { 'id' : 'mt-img-cache', 'style' : 'display:none;' }).injectInside(document.body); if (this.options.type == 'imagesearch') { new Element('div', { 'id' : 'mt-image-search-cache', 'style' : 'display:none;', 'html' : '
' }).injectInside(document.body); } }, initLazyload: function() { var mp = this; mp.options.maxPages = Math.ceil(new Number($('mt-all-products').get('text')) / PER_PAGE); if (!$defined($('article-loader-button'))) { return; } if (mp.options.page >= mp.options.maxPages) { $('article-loader-button').getParent('div').setStyle('display', 'none'); } $('article-loader-button').addEvent('click', function(e) { if (mp.options.loaded) { return; } this.blur(); $('article-loader-label').setStyle('display', 'none'); $('article-loader-image').setStyle('display', 'inline'); mp.options.loaded = true; mp.options.page += 1; if (mp.options.from == 0 && mp.options.to == 0) { var reqUrl = mp.options.priceClickUrl + String(mp.options.query) + '/page/' + mp.options.page + '/sort/' + mp.options.sortOption + '/'; } else { var reqUrl = mp.options.priceClickUrl + String(mp.options.query) + '/from/' + mp.options.from + '/to/' + mp.options.to + '/page/' + + mp.options.page + '/sort/' + mp.options.sortOption; } if (mp.options.deliv != '') { reqUrl += '/deliv/' + mp.options.deliv + '/'; } var postData = { 'type' : mp.options.type } new Request.JSON({ url : reqUrl, method : 'post', data : postData, onRequest : function(rsp) { }, onComplete : function(rsp) { $('article-loader-label').setStyle('display', 'inline'); $('article-loader-image').setStyle('display', 'none'); if (mp.options.page >= mp.options.maxPages) { $('article-loader-button').getParent('div').setStyle('display', 'none'); } if (rsp.count == 0) { mp.options.loaded = true; return; } if (mp.options.type == 'search') { mp.packBoxesIntoSearchBox(rsp.html); } else { mp.packBoxesIntoImageSearchBox(rsp.html); } return true; } }).send(); }); }, packBoxesIntoSearchBox: function(rsp) { mp.options.cacheDir.set('html', rsp); if (mp.options.type == 'search') { if (mp.options.cacheDir.getElements('.mt-article-box').length > 1) { $('mt-sort-options').setStyle('display', 'block'); } else { $('mt-sort-options').setStyle('display', 'none'); } } var newSize = 0; mp.options.cacheDir.getElements('.mt-article-box').each(function(elem) { elem.getElements('.mt-long-text').setStyle('visibility', 'hidden'); if (mp.options.type == 'search') { elem.inject(mp.options.searchBox, 'bottom'); newSize += mp.options.boxSize; return; } elem.inject(mp.options.searchBox.getElement('.mt-imagessearch-clear'), 'before'); }); if (mp.options.type == 'search') { new Fx.Morph(mp.options.searchBox, { duration : 1000, wait : false, onComplete: function() { mp.options.searchBox.getElements('.mt-long-text').setStyle('visibility', 'visible'); }}).start({ 'height' : (mp.options.searchBox.getStyle('height').toInt() + newSize) }); } mp.options.cacheDir.empty(); mp.options.loaded = false; }, packBoxesIntoImageSearchBox: function(rsp) { var boxes = $$('.mt-article-box').length; mp.options.cacheDir.set('html', rsp); mp.options.loaded = false; if (mp.options.cacheDir.getElements('.mt-article-box').length == 0) { mp.options.cacheDir.set('html', ''); $('more-products-button').setStyle('display', 'none'); this._sortBoxes('mt-dynamic-is'); return false; } mp.options.cacheDir.getElements('.mt-article-box').each(function(elem, index) { elem.set('id', 'image-' + parseInt(boxes + index)); var td = new Element('td'); elem.inject(td, 'bottom'); td.inject($('mt-image-search-cache').getElement('tr'), 'bottom'); }); this._sortBoxes('mt-dynamic-is'); this.initLinks(); Cufon.replace('h2.headline'); $$('.mt-is-info-icon').setStyle('display', 'block'); return true; }, initSearchInput: function(searchId) { if (!$defined($(searchId))) { return; } $(searchId).addEvents({ 'blur' : function() { if (this.value == '') { this.value = mp.options.stdSearchInput; } }, 'focus' : function() { if (this.value == mp.options.stdSearchInput) { this.value = ''; } } }); }, initSortOptions: function(sortId) { if (!$defined($(sortId))) { return; } $(sortId).addEvents({ 'change' : function() { mp.options.page = 1; mp.options.sortOption = this.options[this.selectedIndex].value; if (mp.options.priceRange) { var searchUrl = mp.options.priceClickUrl + mp.options.query + '/from/' + mp.options.from + '/' + 'to/' + mp.options.to + '/sort/' + this.options[this.selectedIndex].value; } else { var searchUrl = mp.options.sortUrl + String(mp.options.query) + '/' + this.options[this.selectedIndex].value; } new Request({ url : searchUrl, method : 'get', onRequest : function() { }, onComplete: function(rsp) { if (mp.options.page < mp.options.maxPages) { $('article-loader-button').getParent('div').setStyle('display', 'block'); } else { $('article-loader-button').getParent('div').setStyle('display', 'none'); } mp.options.isRequest = false; mp.options.searchBox.set('html', '').setStyle('height', '0px'); mp.packBoxesIntoSearchBox(rsp); } }).send(); } }); }, loadPriceScale: function(priceScaleId, search) { if (!$defined($(priceScaleId))) { return; } var mp = this; new Request({ url : mp.options.priceScaleUrl + search, method : 'post', onRequest : function() { // }, onComplete: function(rsp) { if (rsp == '') { return; } var priceRanges = JSON.decode(rsp); var products = 0; var ranges = {}; // first count products $each(priceRanges, function(range, key) { if (ranges['min'] == null) { ranges['min'] = range.min; } ranges['max'] = range.max; products += range.count; }); if (products < mp.options.productsPerPage || ranges['max'] == ranges['min']) { $$('.mt-price-box').setStyle('display', 'none'); $('mt-live-search').setStyle('margin-top', 0); } else { $$('.mt-price-box').setStyle('display', 'block'); $('mt-live-search').erase('style'); } var pixelSize = mp.options.scaleSize / products; var products = 0; $each(priceRanges, function(range, key) { range = mp.roundRange(range); var wrapper = new Element('div', { 'class' : 'mt-pricerange-wrapper', 'rel' : range.min + ' - ' + range.max }).injectInside(mp.options.cacheDir); new Element('div', { 'class' : 'price-ranges', 'html' : range.newMin + ' - ' + range.newMax, 'rel' : range.min + ' - ' + range.max }).injectInside(wrapper); var scaleField = new Element('div', { 'class' : 'scale-field-red mt-scale-btn', 'onclick' : 'mp.loadPriceRange(this);' }).injectInside(mp.options.cacheDir); var div = new Element('div', { 'class' : 'scale-background-red', 'style' : 'width:' + parseInt(parseInt(range.count) * pixelSize) + 'px !important;' }).injectInside(scaleField); new Element('span', { 'rel' : range.count, 'class' : 'mt-productrange-count', 'html' : range.count + ' Produkte', 'style' : 'position:absolute;' }).injectInside(div); new Element('div', { 'class' : 'scale-background-red-end', 'html' : ' ' }).injectInside(scaleField); ranges['max'] = range.max; products += range.count; }); if (priceRanges.length > 0 && mp.options.lastAction != 'range') { $('mt-all-products').set('html', products); if (mp.options.priceRange) { mp.options.maxPages = Math.ceil(new Number(products) / PER_PAGE); } if (products > PER_PAGE) { $('article-loader-button').getParent('div').setStyle('display', 'block'); } else { $('article-loader-button').getParent('div').setStyle('display', 'none'); } } mp.options.lastRange = { 'from' : ranges['min'], 'to' : ranges['max'] } $(priceScaleId).set('html', mp.options.cacheDir.get('html')); mp.options.cacheDir.empty(); if (products > mp.options.productsPerPage && (mp.options.lastAction == '' || mp.options.lastAction == 'fixedRange' || mp.options.lastAction == 'deliv')) { mp.initSlider(mp.options.lastRange['from'], mp.options.lastRange['to']); } } }).send(); }, roundRange : function(range) { $each({newMin: range.min, newMax: range.max}, function(value, key){ if (parseFloat(value.replace(/\./g, '').replace(/,/g, '.')) > 1000) { range[key] = Math.round(parseFloat(value.replace(/\./g, '').replace(/,/g, '.'))); return; } range[key] = value; }); return range; }, openLayer : function(el) { var el = $(el); var rel = el.get('rel'); if ($('mt-shipping-costs-' + rel).getStyle('display') == 'block') { return false; } if (navigator.appName == 'Opera') { var left = this.options.mouse.x; var top = this.options.mouse.y; } else { var left = el.getCoordinates().left - (this.options.shippingCostLayer/2); var top = el.getCoordinates().top; } if (left < 0) { left = 5; } if (left + this.options.shippingCostLayer > window.getWidth()) { left = window.getWidth() - this.options.shippingCostLayer - 25; } var styles = { 'left' : left }; $('mt-shipping-costs-' + rel).setStyle('display', 'block'); var tipSize = parseInt($('mt-shipping-costs-' + rel).getSize().y); $('mt-shipping-costs-' + rel).setStyle('display', 'none'); if (window.getHeight() + window.getScroll().y < top + tipSize + 30) { styles['top'] = top - tipSize - 5; } else { styles['top'] = top + 30; } $('mt-shipping-costs-' + rel).setStyles(styles).setStyle('display', 'block'); }, closeLayer : function(el) { var el = $(el); if ($('mt-shipping-costs-' + el.get('rel')).getStyle('display') == 'none') { return false; } $('mt-shipping-costs-' + el.get('rel')).setStyle('display', 'none'); }, moveLayer : function(el) { var el = $(el); }, openBigImageLayer : function(el) { var el = $(el); if (layerTimerId !== false) { $clear(layerTimerId); layerTimerId = false; return; } var layer = mp.initLayer(); var image = new Image(); image.src = el.get('src').replace(/[\d+]*x[\d+]*/g, mp.options.bigImageSize); if (this.checkImgCache(layer, image.src)) { return true; } var data = { pageY : mp.options.mouse.y, elem : layer, imageId : image }; layer.addClass('ajax-waiter'); layerTimerId = mp.preLayerImg.periodical(500, data); return new Element('img', { 'src' : image.src }).setStyle('display', 'none').injectInside(layer); }, checkImgCache : function(layer, src) { if ($('mt-img-cache').getElement('img[src=' + src + ']') == null) { return false; } layer.setStyles({ 'height' : 'auto', 'width' : 'auto' }); $('mt-img-cache').getElement('[src=' + src + ']').injectInside(layer); return true; }, addToImgCache : function(img) { if (img == null || $('mt-img-cache').getElements('img[src=' + img.get('src') + ']').length > 0) { return false; } img.setStyle('display', 'block').injectInside($('mt-img-cache')); return true; }, preLayerImg : function() { if (this.imageId.complete !== true) { return false; } if (this.elem.getElements('img').length == 0) { $clear(layerTimerId); layerTimerId = false; return false; } var img = this.elem.getElement('img'); img.setStyle('display', 'block'); var size = img.getSize(); img.setStyle('display', 'none'); if (window.getHeight() + window.getScroll().y < this.pageY + size.y) { this.elem.setStyle('top', parseInt(window.getHeight() + window.getScroll().y) - size.y - PITCH_FOR_THE_LAYER); } new Fx.Morph(this.elem, { duration : 1000, wait : false, onComplete: function() { if (img.getParent('div') == null) { return; } img.setStyle('display', 'block').getParent('div').removeClass('ajax-waiter'); }}).start({ 'height' : size.y, 'width' : size.x }); $clear(layerTimerId); layerTimerId = false; return true; }, moveBigImageLayer : function(el) { var el = $(el); if (!$defined($('mt-layer'))) { return false; } var height = 0; if ($('mt-layer').getElements('img').length > 0) { height = $('mt-layer').getElement('img').getStyle('height').toInt(); } if (window.getHeight() + window.getScroll().y < mp.options.mouse.y + height + mp.options.layerSize) { $('mt-layer').setStyles({ 'left' : mp.options.mouse.x + mp.options.layerSize + 10, 'top' : parseInt(window.getHeight() + window.getScroll().y) - height - mp.options.layerSize }); } else { $('mt-layer').setStyles({ 'left' : mp.options.mouse.x + mp.options.layerSize + 10, 'top' : mp.options.mouse.y }); } return true; }, closeBigImageLayer : function(el) { if (!$defined($('mt-layer'))) { return false; } this.addToImgCache($('mt-layer').getElement('img')); $('mt-layer').setStyles({ 'display' : 'none', 'width' : 150, 'height' : 150 }).empty(); $clear(layerTimerId); layerTimerId = false; return; }, openLongText : function(el) { var el = $(el); if (el.get('html').indexOf('...') == '-1') { return; } el.setStyle('position', 'absolute'); var title = el.get('title'); el.set({ 'html' : title, 'title' : el.get('html') }); return true; }, closeLongText : function(el) { var el = $(el); if (el.get('title').indexOf('...') == '-1') { return; } var html = el.get('html'); el.set({ 'html' : el.get('title'), 'title' : html }); return true; }, loadTweets : function(tweetId) { if (!$defined($(tweetId))) { return false; } var mp = this; new Request.JSON({ url: mp.options.twitterUrl + mp.options.query.replace(/-/g, ' '), onComplete: function(tweets) { if (!$defined(tweets)) { return; } $('query-tweets-entries').set('html', tweets.length); tweets.each(function(el, index) { var entry = new Element('div', {'class':'query-tweet-entry'}).injectInside($('query-tweets')); var content = new Element('div', {'class': 'query-tweet-content'}).injectInside(entry); var headline = new Element('div', {'class': 'query-tweet-headline'}).set('html', el.author.name + ' via twitter').injectInside(content); var timeAgo = new Element('div', {'class': 'query-tweet-time-ago'}).set('html', el.time).injectInside(content); var contentText = new Element('div', {'class':'query-tweet-content-text'}).set('html', el.content).injectInside(content); var author = new Element('a', {'class': 'query-tweet-author'}).set('href', el.author.uri).set('rel', 'nofollow').set('target', '_blank').injectAfter(content); var image = new Element('img', {'src': el.author.image, 'alt': el.author.name, 'title': el.author.name}).injectInside(author); if (index > 3) { entry.setStyle('display', 'none'); } }); if (tweets.length > 4) { var a = new Element('a', {'class': 'query-tweet-more'}).set('href', '#').set('html', 'Alle anzeigen (' + tweets.length + ')').set('rel', 'nofollow'); a.addEvent('click', function(e) { new Event(e).stop(); $$('#query-tweets div').each(function(el) { el.setStyle('display', 'block'); }); this.destroy(); }); a.injectInside($('query-tweets')); } if (tweets.length > 0) { $('query-tweets').setStyle('display', 'block'); } } }).get(); }, setNewFilter : function(type, el) { if (this.options.isRequest) { return; } var mp = this; if (this.options.from == 0 && this.options.to == 0) { var reqUrl = mp.options.query + '/'; } else { var reqUrl = mp.options.query + '/from/' + this.options.from + '/' + 'to/' + this.options.to + '/'; } if (this.options.deliv != '') { reqUrl += 'deliv/' + this.options.deliv + '/'; } mp.options.lastAction = type; new Request.JSON({ url : mp.options.priceClickUrl + reqUrl + String(mp.options.sortOption), method : 'get', onRequest : function() { mp.options.isRequest = true; }, onComplete: function(rsp) { var products = rsp.count; mp.options.loaded = false; mp.options.page = 1; mp.options.isRequest = false; mp.options.searchBox.set('html', '').setStyle('height', 0); if ((type != 'deliv' || mp.options.deliv == '') && products > 0) { $$('.mt-deliv-link').each(function(elem) { elem.setStyle('display', (rsp.deliverer[elem.get('rel')] == null) ? 'none' : 'block'); }); } mp.packBoxesIntoSearchBox(rsp.html); if ((type != 'fixedRange' && !mp.options.priceRange) || (type == 'fixedRange' && !mp.options.priceRange)) { mp.loadPriceScale('mt-price-scale', reqUrl); if (type == 'fixedRange' && !mp.options.priceRange) { mp.initSlider(mp.options.from, mp.options.to); } } else { if (type == 'fixedRange') { mp.initSlider(mp.options.from, mp.options.to); } } mp.options.maxPages = Math.ceil(new Number(products) / PER_PAGE); if (products > PER_PAGE) { $('article-loader-button').getParent('div').setStyle('display', 'block'); } else { $('article-loader-button').getParent('div').setStyle('display', 'none'); } $('mt-all-products').set('html', products); } }).send(); }, loadPriceRange : function(el, deliv) { if (this.options.isRequest) { return; } var data = {}; var el = $(el); var type = 'fixedRange'; if (typeof deliv == 'undefined') { if (el.get('class').indexOf('green') != '-1') { var from = mp.options.lastRange['from']; var to = mp.options.lastRange['to']; data['search'] = 'green'; data['replace'] = 'red'; mp.options.priceRange = false; } else { var from = el.getPrevious().get('rel').split(' - ')[0].replace(/\./g, '').replace(/,/g, '.'); var to = el.getPrevious().get('rel').split(' - ')[1].replace(/\./g, '').replace(/,/g, '.'); mp.options.priceRange = true; data['search'] = 'red'; data['replace'] = 'green'; } el.addClass('mt-clicked').getChildren().addClass('mt-clicked'); //color the button to green! el.getParent('div').getElements('div').each(function(elem) { if (elem.hasClass('mt-clicked')) { var search = new RegExp(data['search']); elem.set('class', elem.get('class').replace(search, data['replace'])).removeClass('mt-clicked'); return; } elem.set('class', elem.get('class').replace(/green/g, 'red')); }); this.options.from = from; this.options.to = to; } else { this.options.deliv = deliv; if (el.hasClass('mt-clicked-shop')) { el.removeClass('mt-clicked-shop'); this.options.deliv = ''; } else { $$('.mt-clicked-shop').removeClass('mt-clicked-shop'); el.addClass('mt-clicked-shop'); } type = 'deliv'; } this.setNewFilter(type, el); } }); /* global variables */ var animateArrowTime = false; var arrows = []; var arrowCloser = ''; var checkUser = false; var usedId = false; var timerId = new Array(); var images = new Array(); var ajaxReq = false; var layerTimerId = false; var BIG_IMAGE_URL; var IMG_SIZE_X = 120; var IMG_SIZE_Y = 130; var PX_TO_COMPLETE = 92; var SIZE_OF_IMGBOX = 203; var IMG_SIZE_LAYER_X = 180; var IMG_SIZE_LAYER_Y = 150; var BIG_IMAGE_SIZE = 400; var LAYER_SIZE_X = 594; var LAYER_SIZE_Y = 269; var PITCH_FOR_THE_LAYER = 20; var REPLACE_IMAGE_SIZE = '220x180'; var BIG_IMAGE_SIZE_NAME = 'full'; //new area // var DEBUG = false; var mp = null; var debug = function(arg) { if (!DEBUG) { return false; } if (typeof console != 'undefined') { return console.info(arg); } if (!$defined($('mt-debug-msg'))) { return alert(arg); } $('mt-debug-text').set('value', $('mt-debug-text').get('value') + arg + "\n"); } var initDebugConsole = function() { if (DEBUG) { if (!$defined($('mt-debug-msg'))) { var db = new Element('div', { 'id' : 'mt-debug-msg', 'html' : 'JS-DEBUG-MODE ON' }).setStyles({ 'background-color' : '#FFE4E5', 'border' : '1px dashed #8B0000', 'color' : '#8B0000', 'position' : 'absolute', 'top' : '1px', 'left' : '200px', 'padding' : '10px' }).addEvents({ 'click' : function(e) { //this.getElement('.mt-debug-text').set('value', ''); } }).injectInside(document.body); new Element('textarea', { 'id' : 'mt-debug-text' }).injectInside(db); } } } window.addEvent('domready', function() { if (navigator.appName != 'Opera') { Cufon.replace('h1') ('h2.headline'); } initDebugConsole(); mp = new Metapreis(); if ($$('.img-res').length > 0) { initImgSearchLayer(); } }); window.addEvent('load', function() { $$('.mt-is-info-icon').setStyle('display', 'block'); }); /** old area **/ window.addEvent('domready', function() { $$('.mt-suggest-search').each(function(el) { var inputWord = el.get('value'); // Our instance for the element with id "demo-word" new Autocompleter.Request.JSON(el, WEBHOST + '/service/faceted/', { 'indicatorClass': 'autocompleter-loading' }); }); if ($defined($('mt-search-input'))) { var inputWord = $('mt-search-input').get('value'); // Our instance for the element with id "demo-word" new Autocompleter.Request.JSON($('mt-search-input'), WEBHOST + '/service/faceted/', { 'indicatorClass': 'autocompleter-loading', minLength : 3 }); } /** if ($defined($('mt-search-input-footer'))) { var inputWord = $('mt-search-input-footer').get('value'); // Our instance for the element with id "demo-word" new Autocompleter.Request.JSON($('mt-search-input-footer'), WEBHOST + '/service/faceted/', { 'indicatorClass': 'autocompleter-loading', minLength : 3, setAlwaysPosition : true }); } **/ if ($defined($('gutter')) && $defined($('minKnob'))) { var firstSlided = false; var currentPriceRange = [$('minKnobVal').get('value').toInt(), $('maxKnobVal').get('value').toInt()]; var priceRange = new Slider($('gutter'), $('minKnob'), { start: $('minKnob').get('title').toInt(), end: $('maxKnob').get('title').toInt(), offset: 10, knobheight: 16, onChange: function(pos) { $('minKnobVal').set('value', pos.minpos); $('maxKnobVal').set('value', pos.maxpos); $('sliderLabel').set('html', pos.minpos + ' € bis ' + pos.maxpos + ' €'); if ($defined($('sliderLabel'))) { $('sliderLabel').set('html', pos.minpos + ' € bis ' + pos.maxpos + ' €') } $('minKnob').set('title', ''); $('maxKnob').set('title', ''); }, onComplete: function(pos) { //closeAnimateArrows(); if (checkUser) { fireKnobSearch(); } if (firstSlided && !$defined($('price-range-updater'))) { } firstSlided = true; } }, $('maxKnob')).setMin( currentPriceRange[0] ).setMax( currentPriceRange[1] ); } if ($defined($('price-range-updater'))) { $('price-range-updater').addEvent('click', function(e) { e.stop(); $('knobUpdate').submit(); }); } if ($defined($('add_box')) && $defined($('temp_hidden_div'))) { $('add_box').set('html',$('temp_hidden_div').get('html')); } if ($defined($$('.knob'))) { $$('.knob').each(function(el,index) { el.addEvent('mouseup', function(e) { //closeAnimateArrows(); }); el.addEvent('mousedown', function(e) { checkUser = true; if (animateArrowTime === false) { //animateArrows(); } }) }); } if ($$('.img-res').length > 0) { initImgSearchLayer(); } }); var initOverlay = function(obj) { if ($defined($('mt-overlay'))) { return $('mt-overlay').setStyles({ 'display' : 'block', 'opacity' : 0 }).fade(0.5); } return new Element('div',{ 'id' : 'mt-overlay', 'class' : 'ajax-overlay' }).setStyles({ 'display' : 'block', 'opacity' : 0, 'width' : window.getScrollWidth(), 'height' : window.getScrollHeight() }).injectInside(obj).addEvent('mousewheel',function(e) { e.stop(); }).fade(0.5); } var initWaiter = function(obj) { if (typeof obj != 'object') { return; } var Position = $$('.gutter-container')[0]; var LAYER_TOP = parseInt(parseInt(Position.getStyle('height')))/2 + parseInt(Position.getCoordinates().top) - 30 + 'px'; var LAYER_LEFT = parseInt(parseInt(Position.getStyle('width')))/2 + parseInt(Position.getCoordinates().left) - 120/2 + 'px'; if ($defined($('mt-waiter'))) { return $('mt-waiter').setStyles({ 'display' : 'block', 'opacity' : 1 }); } return new Element('div', { 'class' : 'ajax-waiter-search ajax-waiter', 'id' : 'mt-waiter', 'html' : 'Bitte warten' }).setStyles({ 'position' : 'absolute', 'z-index' : 15000, 'top' : LAYER_TOP, 'left' : LAYER_LEFT, 'width' : 120 + 'px' }).injectInside(obj); } var fireKnobSearch = function() { if (ajaxReq === true) { return; } $('knobUpdate').set('send', { onRequest: function() { ajaxReq = true; $('add_box').setStyle('visibility','hidden'); initOverlay(document.body); initWaiter(document.body); }, onComplete: function(response) { [$('mt-waiter'),$('mt-overlay')].each(function(el,index) { el.setStyle('display','none'); }); new Fx.Morph($('dynamic-content'), { duration: 500, wait: false, onComplete: function(){ $('dynamic-content').set('html',response).fade(1); $$('.show-shipping').each(function(el, index) { //shippingCosts(el); }); initBigPicture($$('.boxLeft img')); ajaxReq = false; $('add_box').setStyle('visibility','visible'); } }).setOptions({ transition: Fx.Transitions.linear }).start({ 'opacity': 0 }); } }); $('knobUpdate').send(); return true; } var arrowGifAlt = function() { checker = 0; for (var i=0; i 5 && checker == this.length) { animateButton(); $clear(animateArrowTime); animateArrowTime = false; arrowCloser = ''; } else { animateArrowTime = arrowGifAlt.delay(200,this); } } else { animateArrowTime = arrowGifAlt.delay(200,this); } }; var animateArrows = function() { animateArrowTime = arrowGifAlt.delay(200,arrows); }; var closeAnimateArrows = function() { arrowCloser = 1; } var animateButton = function() { button = $('sortButton'); var fx = new Fx.Morph(button, { duration: 100, wait: true, onComplete: function(){ button.fade(1); } }); fx.setOptions({ transition: Fx.Transitions.linear }); fx.start({ 'opacity': 0.2 }); }; // adsense js code // http://code.google.com/apis/afs-ads-only/docs/reference.html#sellerRatings //google.load('ads.search', '2');