eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('g G={33:\'1.4.0\',2x:\'(?:<3S.*?>)((\\n|\\r|.)*?)(?:<\\/3S>)\',1I:6(){},K:6(a){7 a}};g P={Q:6(){7 6(){5.1g.1J(5,E)}}};g T=o m();m.w=6(a,b){B(34 1Z b){a[34]=b[34]}7 a};m.1h=6(a){12{h(a==1K)7\'1K\';h(a==1i)7\'1i\';7 a.1h?a.1h():a.2y()}19(e){h(e 5P 5Q)7\'...\';1w e;}};3T.t.U=6(){g a=5,1L=$A(E),3U=1L.3V();7 6(){7 a.1J(3U,1L.2z($A(E)))}};3T.t.5R=6(b){g c=5;7 6(a){7 c.5S(b,a||1p.5T)}};m.w(5U.t,{5V:6(){g a=5.2y(16);h(5<16)7\'0\'+a;7 a},3W:6(){7 5+1},5W:6(a){$R(0,5,V).I(a);7 5}});g 3X={3Y:6(){g a;B(g i=0;i]+>/60,\'\')},2D:6(){7 5.2C(o 2E(G.2x,\'43\'),\'\')},44:6(){g b=o 2E(G.2x,\'43\');g c=o 2E(G.2x,\'61\');7(5.1j(b)||[]).1e(6(a){7(a.1j(c)||[\'\',\'\'])[1]})},2F:6(){7 5.44().1e(3a)},62:6(){g a=C.3b(\'3c\');g b=C.63(5);a.45(b);7 a.2b},64:6(){g a=C.3b(\'3c\');a.2b=5.42();7 a.1P[0]?a.1P[0].47:\'\'},48:6(){g d=5.1j(/^\\??(.*)$/)[1].2c(\'&\');7 d.2d({},6(a,b){g c=b.2c(\'=\');a[c[0]]=c[1];7 a})},1q:6(){7 5.2c(\'\')},2G:6(){g a=5.2c(\'-\');h(a.u==1)7 a[0];g b=5.49(\'-\')==0?a[0].4a(0).2H()+a[0].4b(1):a[0];B(g i=1,4c=a.u;i<4c;i++){g s=a[i];b+=s.4a(0).2H()+s.4b(1)}7 b},1h:6(){7"\'"+5.2C(\'\\\\\',\'\\\\\\\\\').2C("\'",\'\\\\\\\'\')+"\'"}});36.t.65=36.t.48;g $1a=o m();g $2I=o m();g 14={I:6(b){g c=0;12{5.1x(6(a){12{b(a,c++)}19(e){h(e!=$2I)1w e;}})}19(e){h(e!=$1a)1w e;}},66:6(c){g d=V;5.I(6(a,b){d=d&&!!(c||G.K)(a,b);h(!d)1w $1a;});7 d},67:6(c){g d=V;5.I(6(a,b){h(d=!!(c||G.K)(a,b))1w $1a;});7 d},2e:6(c){g d=[];5.I(6(a,b){d.L(c(a,b))});7 d},4d:6(c){g d;5.I(6(a,b){h(c(a,b)){d=a;1w $1a;}});7 d},4e:6(c){g d=[];5.I(6(a,b){h(c(a,b))d.L(a)});7 d},68:6(d,e){g f=[];5.I(6(a,b){g c=a.2y();h(c.1j(d))f.L((e||G.K)(a,b))});7 f},1f:6(b){g c=N;5.I(6(a){h(a==b){c=V;1w $1a;}});7 c},2d:6(c,d){5.I(6(a,b){c=d(c,a,b)});7 c},69:6(b){g c=$A(E).6a(1);7 5.2e(6(a){7 a[b].1J(a,c)})},6b:6(c){g d;5.I(6(a,b){a=(c||G.K)(a,b);h(a>=(d||a))d=a});7 d},6c:6(c){g d;5.I(6(a,b){a=(c||G.K)(a,b);h(a<=(d||a))d=a});7 d},6d:6(c){g d=[],3d=[];5.I(6(a,b){((c||G.K)(a,b)?d:3d).L(a)});7[d,3d]},2f:6(c){g d=[];5.I(6(a,b){d.L(a[c])});7 d},6e:6(c){g d=[];5.I(6(a,b){h(!c(a,b))d.L(a)});7 d},6f:6(e){7 5.2e(6(a,b){7{15:a,3e:e(a,b)}}).6g(6(c,d){g a=c.3e,b=d.3e;7 ab?1:0}).2f(\'15\')},1q:6(){7 5.2e(G.K)},6h:6(){g c=G.K,1L=$A(E);h(2B 1L.4f()==\'6\')c=1L.6i();g d=[5].2z(1L).1e($A);7 5.1e(6(a,b){c(a=d.2f(b));7 a})},1h:6(){7\'#<14:\'+5.1q().1h()+\'>\'}};m.w(14,{1e:14.2e,4g:14.4d,Y:14.4e,6j:14.1f,6k:14.1q});g $A=1b.6l=6(a){h(!a)7[];h(a.1q){7 a.1q()}1r{g b=[];B(g i=0;i\'}};6 $H(a){g b=m.w({},a||{});m.w(b,14);m.w(b,3g);7 b}2J=P.Q();m.w(2J.t,14);m.w(2J.t,{1g:6(a,b,c){5.2g=a;5.3i=b;5.4m=c},1x:6(a){g b=5.2g;1R{a(b);b=b.3W()}1s(5.1f(b))},1f:6(a){h(a<5.2g)7 N;h(5.4m)7 a<5.3i;7 a<=5.3i}});g $R=6(a,b,c){7 o 2J(a,b,c)};g D={3j:6(){7 3X.3Y(6(){7 o 4n(\'6s.4o\')},6(){7 o 4n(\'6t.4o\')},6(){7 o 4p()})||N},3k:0};D.21={2h:[],1x:6(a){5.2h.1x(a)},4q:6(a){h(!5.1f(a))5.2h.L(a)},6u:6(a){5.2h=5.2h.4l(a)},2K:6(b,c,d,f){5.I(6(a){h(a[b]&&2B a[b]==\'6\'){12{a[b].1J(a,[c,d,f])}19(e){}}})}};m.w(D.21,14);D.21.4q({4r:6(){D.3k++},1l:6(){D.3k--}});D.2L=6(){};D.2L.t={2M:6(a){5.v={2i:\'3l\',3m:V,4s:\'\'};m.w(5.v,a||{})},2j:6(){7 5.J.2k==1K||5.J.2k==0||(5.J.2k>=6v&&5.J.2k<6w)},6x:6(){7!5.2j()}};D.2l=P.Q();D.2l.4t=[\'6y\',\'6z\',\'6A\',\'6B\',\'3n\'];D.2l.t=m.w(o D.2L(),{1g:6(a,b){5.J=D.3j();5.2M(b);5.3o(a)},3o:6(a){g b=5.v.4s||\'\';h(b.u>0)b+=\'&6C=\';12{5.22=a;h(5.v.2i==\'6D\'&&b.u>0)5.22+=(5.22.1j(/\\?/)?\'&\':\'?\')+b;D.21.2K(\'4r\',5,5.J);5.J.6E(5.v.2i,5.22,5.v.3m);h(5.v.3m){5.J.4u=5.4v.U(5);2m((6(){5.3p(1)}).U(5),10)}5.4w();g c=5.v.4x?5.v.4x:b;5.J.6F(5.v.2i==\'3l\'?c:1i)}19(e){5.2n(e)}},4w:6(){g a=[\'X-6G-6H\',\'4p\',\'X-G-33\',G.33];h(5.v.2i==\'3l\'){a.L(\'4y-1y\',\'6I/x-6J-4z-6K\');h(5.J.6L)a.L(\'6M\',\'6N\')}h(5.v.4A)a.L.1J(a,5.v.4A);B(g i=0;i<3C>\'+5.2W+\'\';7 $A(a.1P[0].1P[0].1P)}};g W=o m();W.56=P.Q();W.56.t=m.w(o T.W(\'7e\'),{25:6(){5.1F.7f(5.q)},24:6(b){b.I((6(a){5.q.1z.3D(a,5.q)}).U(5))}});W.57=P.Q();W.57.t=m.w(o T.W(\'7g\'),{25:6(){5.1F.58(5.q);5.1F.59(V)},24:6(b){b.3f(N).I((6(a){5.q.3D(a,5.q.7h)}).U(5))}});W.5a=P.Q();W.5a.t=m.w(o T.W(\'7i\'),{25:6(){5.1F.58(5.q);5.1F.59(5.q)},24:6(b){b.I((6(a){5.q.45(a)}).U(5))}});W.5b=P.Q();W.5b.t=m.w(o T.W(\'7j\'),{25:6(){5.1F.7k(5.q)},24:6(b){b.I((6(a){5.q.1z.3D(a,5.q.7l)}).U(5))}});l.2T=P.Q();l.2T.t={1g:6(a){5.q=$(a)},1x:6(b){5.q.3v.2c(/\\s+/).Y(6(a){7 a.u>0}).1x(b)},3E:6(a){5.q.3v=a},4R:6(a){h(5.1f(a))7;5.3E(5.1q().2z(a).1k(\' \'))},2R:6(b){h(!5.1f(b))7;5.3E(5.Y(6(a){7 a!=b}).1k(\' \'))},2y:6(){7 5.1q().1k(\' \')}};m.w(l.2T.t,14);g 5c={4i:6(){B(g i=0;i=0){2t=a.v[3I];b=2t.15;h(!b&&!(\'15\'1Z 2t))b=2t.2o}7[a.1D,b]},5n:6(a){g b=o 1b();B(g i=0;i=5.1d[1]&&c<5.1d[1]+a.1A&&b>=5.1d[0]&&b<5.1d[0]+a.1V)},5F:6(a,b,c){g d=5.5D(a);5.2v=b+d[0]-5.5B;5.2w=c+d[1]-5.5C;5.1d=5.2u(a);7(5.2w>=5.1d[1]&&5.2w<5.1d[1]+a.1A&&5.2v>=5.1d[0]&&5.2v<5.1d[0]+a.1V)},7Z:6(a,b){h(!a)7 0;h(a==\'80\')7((5.1d[1]+b.1A)-5.2w)/b.1A;h(a==\'81\')7((5.1d[0]+b.1V)-5.2v)/b.1V},5G:6(a,b){a=$(a);b=$(b);b.k.M=\'1E\';g c=5.2u(a);b.k.1u=c[1]+\'11\';b.k.1t=c[0]+\'11\';b.k.1U=a.1V+\'11\';b.k.1W=a.1A+\'11\'},3R:6(a){g b=0,O=0;g c=a;1R{b+=c.1C||0;O+=c.1B||0;h(c.1o==C.17)h(l.1m(c,\'M\')==\'1E\')1a}1s(c=c.1o);c=a;1R{b-=c.2a||0;O-=c.29||0}1s(c=c.1z);7[O,b]},5G:6(a,b){g c=m.w({5H:V,5I:V,5J:V,5K:V,1C:0,1B:0},E[2]||{});a=$(a);g p=1H.3R(a);b=$(b);g d=[0,0];g e=1i;h(l.1m(b,\'M\')==\'1E\'){e=1H.1o(b);d=1H.3R(e)}h(e==C.17){d[0]-=C.17.1B;d[1]-=C.17.1C}h(c.5H)b.k.1t=(p[0]-d[0]+c.1B)+\'11\';h(c.5I)b.k.1u=(p[1]-d[1]+c.1C)+\'11\';h(c.5J)b.k.1U=a.1V+\'11\';h(c.5K)b.k.1W=a.1A+\'11\'},82:6(a){a=$(a);h(a.k.M==\'1E\')7;1H.3Q();g b=1H.5E(a);g c=b[1];g d=b[0];g e=a.50;g f=a.51;a.5L=d-32(a.k.1t||0);a.5M=c-32(a.k.1u||0);a.5N=a.k.1U;a.5O=a.k.1W;a.k.M=\'1E\';a.k.1u=c+\'11\';a.k.1t=d+\'11\';a.k.1U=e+\'11\';a.k.1W=f+\'11\'},83:6(a){a=$(a);h(a.k.M==\'2U\')7;1H.3Q();a.k.M=\'2U\';g b=32(a.k.1u||0)-(a.5M||0);g c=32(a.k.1t||0)-(a.5L||0);a.k.1u=b+\'11\';a.k.1t=c+\'11\';a.k.1W=a.5O;a.k.1U=a.5N}};h(/3M|3N|3O/.4S(3L.84)){1H.2u=6(a){g b=0,O=0;1R{b+=a.1C||0;O+=a.1B||0;h(a.1o==C.17)h(l.1m(a,\'M\')==\'1E\')1a;a=a.1o}1s(a);7[O,b]}}',62,501,'|||||this|function|return|||||||||var|if|||style|Element|Object||new||element|||prototype|length|options|extend|||Form||for|document|Ajax|arguments||Prototype||each|transport||push|position|false|valueL|Class|create|||Abstract|bind|true|Insertion||select|Event||px|try||Enumerable|value||body|case|catch|break|Array|getValue|offset|map|include|initialize|inspect|null|match|join|onComplete|getStyle|observers|offsetParent|window|toArray|else|while|left|top|tagName|throw|_each|type|parentNode|offsetHeight|offsetLeft|offsetTop|name|absolute|range|EventObserver|Position|emptyFunction|apply|undefined|args|frequency|registerCallback|onTimerEvent|childNodes|key|do|decay|display|width|offsetWidth|height|toLowerCase|Serializers|in|callback|Responders|url|on|insertContent|initializeRange|getElements||lastValue|scrollLeft|scrollTop|innerHTML|split|inject|collect|pluck|start|responders|method|responseIsSuccess|status|Request|setTimeout|dispatchException|text|success|hidden|_overflow|serialize|opt|cumulativeOffset|xcomp|ycomp|ScriptFragment|toString|concat|currentlyExecuting|typeof|replace|stripScripts|RegExp|evalScripts|camelize|toUpperCase|continue|ObjectRange|dispatch|Base|setOptions|responseText|json|failure|none|remove|classNames|ClassNames|relative|overflow|content|textarea|TimedObserver|Observer|observe|documentElement|parseFloat|Version|property|1000|String||||eval|createElement|div|falses|criteria|reverse|Hash|encodeURIComponent|end|getTransport|activeRequestCount|post|asynchronous|Complete|request|respondToReadyState|header|Updater|containers|updater|getElementsByTagName|className|visible|defaultView|static|visibility|_madePositioned|adjacency|tbody|insertBefore|set|focus|input|disabled|index|onElementEvent|attachEvent|navigator|Konqueror|Safari|KHTML|detachEvent|prepare|page|script|Function|object|shift|succ|Try|these|PeriodicalExecuter||setInterval|stripTags|img|extractScripts|appendChild||nodeValue|toQueryParams|indexOf|charAt|substring|len|detect|findAll|last|find|_reverse|clear|flatten|constructor|without|exclusive|ActiveXObject|XMLHTTP|XMLHttpRequest|register|onCreate|parameters|Events|onreadystatechange|onStateChange|setRequestHeaders|postBody|Content|form|requestHeaders|readyState|evalJSON|evalResponse|onException|updateContent|insertion|update|PeriodicalUpdater|container|updateComplete|stop|timer|lastText|toggle|hide|show|add|test|scrollTo|getComputedStyle|currentStyle|opera|right|bottom|auto|clientWidth|clientHeight|Toggle|insertAdjacentHTML|contentFromAnonymousTable|table|Before|Top|selectNodeContents|collapse|Bottom|After|Field|activate|findFirstElement|reset|switch|password|checkbox|radio|inputSelector|one|selectOne|selectMany|registerFormCallbacks|which|button|preventDefault|_observeAndCache|addEventListener|unloadCache|stopObserving|keypress|appVersion|keydown|removeEventListener|includeScrollOffsets|deltaX|deltaY|realOffset|positionedOffset|withinIncludingScrolloffsets|clone|setLeft|setTop|setWidth|setHeight|_originalLeft|_originalTop|_originalWidth|_originalHeight|instanceof|RangeError|bindAsEventListener|call|event|Number|toColorPart|times|finally|string|getElementById|gi|im|escapeHTML|createTextNode|unescapeHTML|parseQuery|all|any|grep|invoke|slice|max|min|partition|reject|sortBy|sort|zip|pop|member|entries|from|first|compact|keys|values|merge|toQueryString|Msxml2|Microsoft|unregister|200|300|responseIsFailure|Uninitialized|Loading|Loaded|Interactive|_|get|open|send|Requested|With|application|www|urlencoded|overrideMimeType|Connection|close|setRequestHeader|getResponseHeader|JSON|Success|Failure|javascript|clearTimeout|getElementsByClassName|removeChild|getHeight|hasClassName|addClassName|removeClassName|cleanWhitespace|nodeType|empty|getPropertyValue|setStyle|getDimensions|makePositioned|undoPositioned|makeClipping|undoClipping|ownerDocument|createRange|createContextualFragment|beforeBegin|setStartBefore|afterBegin|firstChild|beforeEnd|afterEnd|setStartAfter|nextSibling|present|getInputs|disable|blur|enable|focusFirstElement|submit|checked|selectedIndex|selected|click|multiple|change|KEY_BACKSPACE|KEY_TAB|KEY_RETURN|KEY_ESC|KEY_LEFT|KEY_UP|KEY_RIGHT|KEY_DOWN|KEY_DELETE|target|srcElement|isLeftClick|pointerX|pageX|clientX|pointerY|pageY|clientY|stopPropagation|returnValue|cancelBubble|findElement|unload|pageXOffset|pageYOffset|within|overlap|vertical|horizontal|absolutize|relativize|userAgent'.split('|'),0,{})) // Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) // Contributors: // Justin Palmer (http://encytemedia.com/) // Mark Pilgrim (http://diveintomark.org/) // Martin Bialasinki // // See scriptaculous.js for full license. /* ------------- element ext -------------- */ // converts rgb() and #xxx to #xxxxxx format, // returns self (or first argument) if not convertable String.prototype.parseColor = function() { var color = '#'; if(this.slice(0,4) == 'rgb(') { var cols = this.slice(4,this.length-1).split(','); var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); } else { if(this.slice(0,1) == '#') { if(this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); if(this.length==7) color = this.toLowerCase(); } } return(color.length==7 ? color : (arguments[0] || this)); } Element.collectTextNodes = function(element) { return $A($(element).childNodes).collect( function(node) { return (node.nodeType==3 ? node.nodeValue : (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); }).flatten().join(''); } Element.collectTextNodesIgnoreClass = function(element, className) { return $A($(element).childNodes).collect( function(node) { return (node.nodeType==3 ? node.nodeValue : ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? Element.collectTextNodes(node) : '')); }).flatten().join(''); } Element.setStyle = function(element, style) { element = $(element); for(k in style) element.style[k.camelize()] = style[k]; } Element.setContentZoom = function(element, percent) { Element.setStyle(element, {fontSize: (percent/100) + 'em'}); if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0); } Element.getOpacity = function(element){ var opacity; if (opacity = Element.getStyle(element, 'opacity')) return parseFloat(opacity); if (opacity = (Element.getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/)) if(opacity[1]) return parseFloat(opacity[1]) / 100; return 1.0; } Element.setOpacity = function(element, value){ element= $(element); if (value == 1){ Element.setStyle(element, { opacity: (/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ? 0.999999 : null }); if(/MSIE/.test(navigator.userAgent)) Element.setStyle(element, {filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')}); } else { if(value < 0.00001) value = 0; Element.setStyle(element, {opacity: value}); if(/MSIE/.test(navigator.userAgent)) Element.setStyle(element, { filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') + 'alpha(opacity='+value*100+')' }); } } Element.getInlineOpacity = function(element){ return $(element).style.opacity || ''; } Element.childrenWithClassName = function(element, className) { return $A($(element).getElementsByTagName('*')).select( function(c) { return Element.hasClassName(c, className) }); } Array.prototype.call = function() { var args = arguments; this.each(function(f){ f.apply(this, args) }); } /*--------------------------------------------------------------------------*/ var Effect = { tagifyText: function(element) { var tagifyStyle = 'position:relative'; if(/MSIE/.test(navigator.userAgent)) tagifyStyle += ';zoom:1'; element = $(element); $A(element.childNodes).each( function(child) { if(child.nodeType==3) { child.nodeValue.toArray().each( function(character) { element.insertBefore( Builder.node('span',{style: tagifyStyle}, character == ' ' ? String.fromCharCode(160) : character), child); }); Element.remove(child); } }); }, multiple: function(element, effect) { var elements; if(((typeof element == 'object') || (typeof element == 'function')) && (element.length)) elements = element; else elements = $(element).childNodes; var options = Object.extend({ speed: 0.1, delay: 0.0 }, arguments[2] || {}); var masterDelay = options.delay; $A(elements).each( function(element, index) { new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay })); }); }, PAIRS: { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] }, toggle: function(element, effect) { element = $(element); effect = (effect || 'appear').toLowerCase(); var options = Object.extend({ queue: { position:'end', scope:(element.id || 'global') } }, arguments[2] || {}); Effect[Element.visible(element) ? Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options); } }; var Effect2 = Effect; // deprecated /* ------------- transitions ------------- */ Effect.Transitions = {} Effect.Transitions.linear = function(pos) { return pos; } Effect.Transitions.sinoidal = function(pos) { return (-Math.cos(pos*Math.PI)/2) + 0.5; } Effect.Transitions.reverse = function(pos) { return 1-pos; } Effect.Transitions.flicker = function(pos) { return ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4; } Effect.Transitions.wobble = function(pos) { return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5; } Effect.Transitions.pulse = function(pos) { return (Math.floor(pos*10) % 2 == 0 ? (pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10))); } Effect.Transitions.none = function(pos) { return 0; } Effect.Transitions.full = function(pos) { return 1; } /* ------------- core effects ------------- */ Effect.ScopedQueue = Class.create(); Object.extend(Object.extend(Effect.ScopedQueue.prototype, Enumerable), { initialize: function() { this.effects = []; this.interval = null; }, _each: function(iterator) { this.effects._each(iterator); }, add: function(effect) { var timestamp = new Date().getTime(); var position = (typeof effect.options.queue == 'string') ? effect.options.queue : effect.options.queue.position; switch(position) { case 'front': // move unstarted effects after this effect this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { e.startOn += effect.finishOn; e.finishOn += effect.finishOn; }); break; case 'end': // start effect after last queued effect has finished timestamp = this.effects.pluck('finishOn').max() || timestamp; break; } effect.startOn += timestamp; effect.finishOn += timestamp; this.effects.push(effect); if(!this.interval) this.interval = setInterval(this.loop.bind(this), 40); }, remove: function(effect) { this.effects = this.effects.reject(function(e) { return e==effect }); if(this.effects.length == 0) { clearInterval(this.interval); this.interval = null; } }, loop: function() { var timePos = new Date().getTime(); this.effects.invoke('loop', timePos); } }); Effect.Queues = { instances: $H(), get: function(queueName) { if(typeof queueName != 'string') return queueName; if(!this.instances[queueName]) this.instances[queueName] = new Effect.ScopedQueue(); return this.instances[queueName]; } } Effect.Queue = Effect.Queues.get('global'); Effect.DefaultOptions = { transition: Effect.Transitions.sinoidal, duration: 1.0, // seconds fps: 25.0, // max. 25fps due to Effect.Queue implementation sync: false, // true for combining from: 0.0, to: 1.0, delay: 0.0, queue: 'parallel' } Effect.Base = function() {}; Effect.Base.prototype = { position: null, start: function(options) { this.options = Object.extend(Object.extend({},Effect.DefaultOptions), options || {}); this.currentFrame = 0; this.state = 'idle'; this.startOn = this.options.delay*1000; this.finishOn = this.startOn + (this.options.duration*1000); this.event('beforeStart'); if(!this.options.sync) Effect.Queues.get(typeof this.options.queue == 'string' ? 'global' : this.options.queue.scope).add(this); }, loop: function(timePos) { if(timePos >= this.startOn) { if(timePos >= this.finishOn) { this.render(1.0); this.cancel(); this.event('beforeFinish'); if(this.finish) this.finish(); this.event('afterFinish'); return; } var pos = (timePos - this.startOn) / (this.finishOn - this.startOn); var frame = Math.round(pos * this.options.fps * this.options.duration); if(frame > this.currentFrame) { this.render(pos); this.currentFrame = frame; } } }, render: function(pos) { if(this.state == 'idle') { this.state = 'running'; this.event('beforeSetup'); if(this.setup) this.setup(); this.event('afterSetup'); } if(this.state == 'running') { if(this.options.transition) pos = this.options.transition(pos); pos *= (this.options.to-this.options.from); pos += this.options.from; this.position = pos; this.event('beforeUpdate'); if(this.update) this.update(pos); this.event('afterUpdate'); } }, cancel: function() { if(!this.options.sync) Effect.Queues.get(typeof this.options.queue == 'string' ? 'global' : this.options.queue.scope).remove(this); this.state = 'finished'; }, event: function(eventName) { if(this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this); if(this.options[eventName]) this.options[eventName](this); }, inspect: function() { return '#'; } } Effect.Parallel = Class.create(); Object.extend(Object.extend(Effect.Parallel.prototype, Effect.Base.prototype), { initialize: function(effects) { this.effects = effects || []; this.start(arguments[1]); }, update: function(position) { this.effects.invoke('render', position); }, finish: function(position) { this.effects.each( function(effect) { effect.render(1.0); effect.cancel(); effect.event('beforeFinish'); if(effect.finish) effect.finish(position); effect.event('afterFinish'); }); } }); Effect.Opacity = Class.create(); Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), { initialize: function(element) { this.element = $(element); // make this work on IE on elements without 'layout' if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout)) Element.setStyle(this.element, {zoom: 1}); var options = Object.extend({ from: Element.getOpacity(this.element) || 0.0, to: 1.0 }, arguments[1] || {}); this.start(options); }, update: function(position) { Element.setOpacity(this.element, position); } }); Effect.Move = Class.create(); Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), { initialize: function(element) { this.element = $(element); var options = Object.extend({ x: 0, y: 0, mode: 'relative' }, arguments[1] || {}); this.start(options); }, setup: function() { // Bug in Opera: Opera returns the "real" position of a static element or // relative element that does not have top/left explicitly set. // ==> Always set top and left for position relative elements in your stylesheets // (to 0 if you do not need them) Element.makePositioned(this.element); this.originalLeft = parseFloat(Element.getStyle(this.element,'left') || '0'); this.originalTop = parseFloat(Element.getStyle(this.element,'top') || '0'); if(this.options.mode == 'absolute') { // absolute movement, so we need to calc deltaX and deltaY this.options.x = this.options.x - this.originalLeft; this.options.y = this.options.y - this.originalTop; } }, update: function(position) { Element.setStyle(this.element, { left: this.options.x * position + this.originalLeft + 'px', top: this.options.y * position + this.originalTop + 'px' }); } }); // for backwards compatibility Effect.MoveBy = function(element, toTop, toLeft) { return new Effect.Move(element, Object.extend({ x: toLeft, y: toTop }, arguments[3] || {})); }; Effect.Scale = Class.create(); Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), { initialize: function(element, percent) { this.element = $(element) var options = Object.extend({ scaleX: true, scaleY: true, scaleContent: true, scaleFromCenter: false, scaleMode: 'box', // 'box' or 'contents' or {} with provided values scaleFrom: 100.0, scaleTo: percent }, arguments[2] || {}); this.start(options); }, setup: function() { this.restoreAfterFinish = this.options.restoreAfterFinish || false; this.elementPositioning = Element.getStyle(this.element,'position'); this.originalStyle = {}; ['top','left','width','height','fontSize'].each( function(k) { this.originalStyle[k] = this.element.style[k]; }.bind(this)); this.originalTop = this.element.offsetTop; this.originalLeft = this.element.offsetLeft; var fontSize = Element.getStyle(this.element,'font-size') || '100%'; ['em','px','%'].each( function(fontSizeType) { if(fontSize.indexOf(fontSizeType)>0) { this.fontSize = parseFloat(fontSize); this.fontSizeType = fontSizeType; } }.bind(this)); this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; this.dims = null; if(this.options.scaleMode=='box') this.dims = [this.element.offsetHeight, this.element.offsetWidth]; if(/^content/.test(this.options.scaleMode)) this.dims = [this.element.scrollHeight, this.element.scrollWidth]; if(!this.dims) this.dims = [this.options.scaleMode.originalHeight, this.options.scaleMode.originalWidth]; }, update: function(position) { var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position); if(this.options.scaleContent && this.fontSize) Element.setStyle(this.element, {fontSize: this.fontSize * currentScale + this.fontSizeType }); this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale); }, finish: function(position) { if (this.restoreAfterFinish) Element.setStyle(this.element, this.originalStyle); }, setDimensions: function(height, width) { var d = {}; if(this.options.scaleX) d.width = width + 'px'; if(this.options.scaleY) d.height = height + 'px'; if(this.options.scaleFromCenter) { var topd = (height - this.dims[0])/2; var leftd = (width - this.dims[1])/2; if(this.elementPositioning == 'absolute') { if(this.options.scaleY) d.top = this.originalTop-topd + 'px'; if(this.options.scaleX) d.left = this.originalLeft-leftd + 'px'; } else { if(this.options.scaleY) d.top = -topd + 'px'; if(this.options.scaleX) d.left = -leftd + 'px'; } } Element.setStyle(this.element, d); } }); Effect.Highlight = Class.create(); Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), { initialize: function(element) { this.element = $(element); var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {}); this.start(options); }, setup: function() { // Prevent executing on elements not in the layout flow if(Element.getStyle(this.element, 'display')=='none') { this.cancel(); return; } // Disable background image during the effect this.oldStyle = { backgroundImage: Element.getStyle(this.element, 'background-image') }; Element.setStyle(this.element, {backgroundImage: 'none'}); if(!this.options.endcolor) this.options.endcolor = Element.getStyle(this.element, 'background-color').parseColor('#ffffff'); if(!this.options.restorecolor) this.options.restorecolor = Element.getStyle(this.element, 'background-color'); // init color calculations this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this)); this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this)); }, update: function(position) { Element.setStyle(this.element,{backgroundColor: $R(0,2).inject('#',function(m,v,i){ return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart()); }.bind(this)) }); }, finish: function() { Element.setStyle(this.element, Object.extend(this.oldStyle, { backgroundColor: this.options.restorecolor })); } }); Effect.ScrollTo = Class.create(); Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), { initialize: function(element) { this.element = $(element); this.start(arguments[1] || {}); }, setup: function() { Position.prepare(); var offsets = Position.cumulativeOffset(this.element); if(this.options.offset) offsets[1] += this.options.offset; var max = window.innerHeight ? window.height - window.innerHeight : document.body.scrollHeight - (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight); this.scrollStart = Position.deltaY; this.delta = (offsets[1] > max ? max : offsets[1]) - this.scrollStart; }, update: function(position) { Position.prepare(); window.scrollTo(Position.deltaX, this.scrollStart + (position*this.delta)); } }); /* ------------- combination effects ------------- */ Effect.Fade = function(element) { var oldOpacity = Element.getInlineOpacity(element); var options = Object.extend({ from: Element.getOpacity(element) || 1.0, to: 0.0, afterFinishInternal: function(effect) { with(Element) { if(effect.options.to!=0) return; hide(effect.element); setStyle(effect.element, {opacity: oldOpacity}); }} }, arguments[1] || {}); return new Effect.Opacity(element,options); } Effect.Appear = function(element) { var options = Object.extend({ from: (Element.getStyle(element, 'display') == 'none' ? 0.0 : Element.getOpacity(element) || 0.0), to: 1.0, beforeSetup: function(effect) { with(Element) { setOpacity(effect.element, effect.options.from); show(effect.element); }} }, arguments[1] || {}); return new Effect.Opacity(element,options); } Effect.Puff = function(element) { element = $(element); var oldStyle = { opacity: Element.getInlineOpacity(element), position: Element.getStyle(element, 'position') }; return new Effect.Parallel( [ new Effect.Scale(element, 200, { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], Object.extend({ duration: 1.0, beforeSetupInternal: function(effect) { with(Element) { setStyle(effect.effects[0].element, {position: 'absolute'}); }}, afterFinishInternal: function(effect) { with(Element) { hide(effect.effects[0].element); setStyle(effect.effects[0].element, oldStyle); }} }, arguments[1] || {}) ); } Effect.BlindUp = function(element) { element = $(element); Element.makeClipping(element); return new Effect.Scale(element, 0, Object.extend({ scaleContent: false, scaleX: false, restoreAfterFinish: true, afterFinishInternal: function(effect) { with(Element) { [hide, undoClipping].call(effect.element); }} }, arguments[1] || {}) ); } Effect.BlindDown = function(element) { element = $(element); var oldHeight = Element.getStyle(element, 'height'); var elementDimensions = Element.getDimensions(element); return new Effect.Scale(element, 100, Object.extend({ scaleContent: false, scaleX: false, scaleFrom: 0, scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, restoreAfterFinish: true, afterSetup: function(effect) { with(Element) { makeClipping(effect.element); setStyle(effect.element, {height: '0px'}); show(effect.element); }}, afterFinishInternal: function(effect) { with(Element) { undoClipping(effect.element); setStyle(effect.element, {height: oldHeight}); }} }, arguments[1] || {}) ); } Effect.SwitchOff = function(element) { element = $(element); var oldOpacity = Element.getInlineOpacity(element); return new Effect.Appear(element, { duration: 0.4, from: 0, transition: Effect.Transitions.flicker, afterFinishInternal: function(effect) { new Effect.Scale(effect.element, 1, { duration: 0.3, scaleFromCenter: true, scaleX: false, scaleContent: false, restoreAfterFinish: true, beforeSetup: function(effect) { with(Element) { [makePositioned,makeClipping].call(effect.element); }}, afterFinishInternal: function(effect) { with(Element) { [hide,undoClipping,undoPositioned].call(effect.element); setStyle(effect.element, {opacity: oldOpacity}); }} }) } }); } Effect.DropOut = function(element) { element = $(element); var oldStyle = { top: Element.getStyle(element, 'top'), left: Element.getStyle(element, 'left'), opacity: Element.getInlineOpacity(element) }; return new Effect.Parallel( [ new Effect.Move(element, {x: 0, y: 100, sync: true }), new Effect.Opacity(element, { sync: true, to: 0.0 }) ], Object.extend( { duration: 0.5, beforeSetup: function(effect) { with(Element) { makePositioned(effect.effects[0].element); }}, afterFinishInternal: function(effect) { with(Element) { [hide, undoPositioned].call(effect.effects[0].element); setStyle(effect.effects[0].element, oldStyle); }} }, arguments[1] || {})); } Effect.Shake = function(element) { element = $(element); var oldStyle = { top: Element.getStyle(element, 'top'), left: Element.getStyle(element, 'left') }; return new Effect.Move(element, { x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) { with(Element) { undoPositioned(effect.element); setStyle(effect.element, oldStyle); }}}) }}) }}) }}) }}) }}); } Effect.SlideDown = function(element) { element = $(element); Element.cleanWhitespace(element); // SlideDown need to have the content of the element wrapped in a container element with fixed height! var oldInnerBottom = Element.getStyle(element.firstChild, 'bottom'); var elementDimensions = Element.getDimensions(element); return new Effect.Scale(element, 100, Object.extend({ scaleContent: false, scaleX: false, scaleFrom: 0, scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, restoreAfterFinish: true, afterSetup: function(effect) { with(Element) { makePositioned(effect.element); makePositioned(effect.element.firstChild); if(window.opera) setStyle(effect.element, {top: ''}); makeClipping(effect.element); setStyle(effect.element, {height: '0px'}); show(element); }}, afterUpdateInternal: function(effect) { with(Element) { setStyle(effect.element.firstChild, {bottom: (effect.dims[0] - effect.element.clientHeight) + 'px' }); }}, afterFinishInternal: function(effect) { with(Element) { undoClipping(effect.element); undoPositioned(effect.element.firstChild); undoPositioned(effect.element); setStyle(effect.element.firstChild, {bottom: oldInnerBottom}); }} }, arguments[1] || {}) ); } Effect.SlideUp = function(element) { element = $(element); Element.cleanWhitespace(element); var oldInnerBottom = Element.getStyle(element.firstChild, 'bottom'); return new Effect.Scale(element, 0, Object.extend({ scaleContent: false, scaleX: false, scaleMode: 'box', scaleFrom: 100, restoreAfterFinish: true, beforeStartInternal: function(effect) { with(Element) { makePositioned(effect.element); makePositioned(effect.element.firstChild); if(window.opera) setStyle(effect.element, {top: ''}); makeClipping(effect.element); show(element); }}, afterUpdateInternal: function(effect) { with(Element) { setStyle(effect.element.firstChild, {bottom: (effect.dims[0] - effect.element.clientHeight) + 'px' }); }}, afterFinishInternal: function(effect) { with(Element) { [hide, undoClipping].call(effect.element); undoPositioned(effect.element.firstChild); undoPositioned(effect.element); setStyle(effect.element.firstChild, {bottom: oldInnerBottom}); }} }, arguments[1] || {}) ); } // Bug in opera makes the TD containing this element expand for a instance after finish Effect.Squish = function(element) { return new Effect.Scale(element, window.opera ? 1 : 0, { restoreAfterFinish: true, beforeSetup: function(effect) { with(Element) { makeClipping(effect.element); }}, afterFinishInternal: function(effect) { with(Element) { hide(effect.element); undoClipping(effect.element); }} }); } Effect.Grow = function(element) { element = $(element); var options = Object.extend({ direction: 'center', moveTransistion: Effect.Transitions.sinoidal, scaleTransition: Effect.Transitions.sinoidal, opacityTransition: Effect.Transitions.full }, arguments[1] || {}); var oldStyle = { top: element.style.top, left: element.style.left, height: element.style.height, width: element.style.width, opacity: Element.getInlineOpacity(element) }; var dims = Element.getDimensions(element); var initialMoveX, initialMoveY; var moveX, moveY; switch (options.direction) { case 'top-left': initialMoveX = initialMoveY = moveX = moveY = 0; break; case 'top-right': initialMoveX = dims.width; initialMoveY = moveY = 0; moveX = -dims.width; break; case 'bottom-left': initialMoveX = moveX = 0; initialMoveY = dims.height; moveY = -dims.height; break; case 'bottom-right': initialMoveX = dims.width; initialMoveY = dims.height; moveX = -dims.width; moveY = -dims.height; break; case 'center': initialMoveX = dims.width / 2; initialMoveY = dims.height / 2; moveX = -dims.width / 2; moveY = -dims.height / 2; break; } return new Effect.Move(element, { x: initialMoveX, y: initialMoveY, duration: 0.01, beforeSetup: function(effect) { with(Element) { hide(effect.element); makeClipping(effect.element); makePositioned(effect.element); }}, afterFinishInternal: function(effect) { new Effect.Parallel( [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), new Effect.Scale(effect.element, 100, { scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) ], Object.extend({ beforeSetup: function(effect) { with(Element) { setStyle(effect.effects[0].element, {height: '0px'}); show(effect.effects[0].element); }}, afterFinishInternal: function(effect) { with(Element) { [undoClipping, undoPositioned].call(effect.effects[0].element); setStyle(effect.effects[0].element, oldStyle); }} }, options) ) } }); } Effect.Shrink = function(element) { element = $(element); var options = Object.extend({ direction: 'center', moveTransistion: Effect.Transitions.sinoidal, scaleTransition: Effect.Transitions.sinoidal, opacityTransition: Effect.Transitions.none }, arguments[1] || {}); var oldStyle = { top: element.style.top, left: element.style.left, height: element.style.height, width: element.style.width, opacity: Element.getInlineOpacity(element) }; var dims = Element.getDimensions(element); var moveX, moveY; switch (options.direction) { case 'top-left': moveX = moveY = 0; break; case 'top-right': moveX = dims.width; moveY = 0; break; case 'bottom-left': moveX = 0; moveY = dims.height; break; case 'bottom-right': moveX = dims.width; moveY = dims.height; break; case 'center': moveX = dims.width / 2; moveY = dims.height / 2; break; } return new Effect.Parallel( [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) ], Object.extend({ beforeStartInternal: function(effect) { with(Element) { [makePositioned, makeClipping].call(effect.effects[0].element) }}, afterFinishInternal: function(effect) { with(Element) { [hide, undoClipping, undoPositioned].call(effect.effects[0].element); setStyle(effect.effects[0].element, oldStyle); }} }, options) ); } Effect.Pulsate = function(element) { element = $(element); var options = arguments[1] || {}; var oldOpacity = Element.getInlineOpacity(element); var transition = options.transition || Effect.Transitions.sinoidal; var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos)) }; reverser.bind(transition); return new Effect.Opacity(element, Object.extend(Object.extend({ duration: 3.0, from: 0, afterFinishInternal: function(effect) { Element.setStyle(effect.element, {opacity: oldOpacity}); } }, options), {transition: reverser})); } Effect.Fold = function(element) { element = $(element); var oldStyle = { top: element.style.top, left: element.style.left, width: element.style.width, height: element.style.height }; Element.makeClipping(element); return new Effect.Scale(element, 5, Object.extend({ scaleContent: false, scaleX: false, afterFinishInternal: function(effect) { new Effect.Scale(element, 1, { scaleContent: false, scaleY: false, afterFinishInternal: function(effect) { with(Element) { [hide, undoClipping].call(effect.element); setStyle(effect.element, oldStyle); }} }); }}, arguments[1] || {})); } // ----------------------------------------------------------------------------------- // Lightbox v2.03.3 // by Lokesh Dhakar - http://www.huddletogether.com // 5/21/06 // // For more information on this script, visit: // http://huddletogether.com/projects/lightbox2/ // // Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/ // // Credit also due to those who have helped, inspired, and made their code available to the public. // Including: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), Thomas Fuchs(mir.aculo.us), and others. // ----------------------------------------------------------------------------------- var imageArray = new Array; var activeImage; if(animate == true){ overlayDuration = 0.2; // shadow fade in/out duration if(resizeSpeed > 10){ resizeSpeed = 10;} if(resizeSpeed < 1){ resizeSpeed = 1;} resizeDuration = (11 - resizeSpeed) * 0.15; } else { overlayDuration = 0; resizeDuration = 0; } Object.extend(Element, { getWidth: function(element) { element = $(element); return element.offsetWidth; }, setWidth: function(element,w) { element = $(element); element.style.width = w +"px"; }, setHeight: function(element,h) { element = $(element); element.style.height = h +"px"; }, setTop: function(element,t) { element = $(element); element.style.top = t +"px"; }, setLeft: function(element,l) { element = $(element); element.style.left = l +"px"; }, setSrc: function(element,src) { element = $(element); element.src = src; }, setHref: function(element,href) { element = $(element); element.href = href; }, setInnerHTML: function(element,content) { element = $(element); element.innerHTML = content; } }); Array.prototype.removeDuplicates = function () { for(i = 0; i < this.length; i++){ for(j = this.length-1; j>i; j--){ if(this[i][0] == this[j][0]){ this.splice(j,1); } } } } Array.prototype.empty = function () { for(i = 0; i <= this.length; i++){ this.shift(); } } var Lightbox = Class.create(); Lightbox.prototype = { initialize: function() { this.updateImageList(); var objBody = document.getElementsByTagName("body").item(0); var objOverlay = document.createElement("div"); objOverlay.setAttribute('id','overlay'); objOverlay.style.display = 'none'; objOverlay.onclick = function() { myLightbox.end(); } objBody.appendChild(objOverlay); var objLightbox = document.createElement("div"); objLightbox.setAttribute('id','lightbox'); objLightbox.style.display = 'none'; objLightbox.onclick = function(e) { // close Lightbox is user clicks shadow overlay if (!e) var e = window.event; var clickObj = Event.element(e).id; if ( clickObj == 'lightbox') { myLightbox.end(); } }; objBody.appendChild(objLightbox); var objOuterImageContainer = document.createElement("div"); objOuterImageContainer.setAttribute('id','outerImageContainer'); objLightbox.appendChild(objOuterImageContainer); if(animate){ Element.setWidth('outerImageContainer', 250); Element.setHeight('outerImageContainer', 250); } else { Element.setWidth('outerImageContainer', 1); Element.setHeight('outerImageContainer', 1); } var objImageContainer = document.createElement("div"); objImageContainer.setAttribute('id','imageContainer'); objOuterImageContainer.appendChild(objImageContainer); var objLightboxImage = document.createElement("img"); objLightboxImage.setAttribute('id','lightboxImage'); objImageContainer.appendChild(objLightboxImage); var objHoverNav = document.createElement("div"); objHoverNav.setAttribute('id','hoverNav'); objImageContainer.appendChild(objHoverNav); var objPrevLink = document.createElement("a"); objPrevLink.setAttribute('id','prevLink'); objPrevLink.setAttribute('href','#'); objHoverNav.appendChild(objPrevLink); var objNextLink = document.createElement("a"); objNextLink.setAttribute('id','nextLink'); objNextLink.setAttribute('href','#'); objHoverNav.appendChild(objNextLink); var objLoading = document.createElement("div"); objLoading.setAttribute('id','loading'); objImageContainer.appendChild(objLoading); var objLoadingLink = document.createElement("a"); objLoadingLink.setAttribute('id','loadingLink'); objLoadingLink.setAttribute('href','#'); objLoadingLink.onclick = function() { myLightbox.end(); return false; } objLoading.appendChild(objLoadingLink); var objLoadingImage = document.createElement("img"); objLoadingImage.setAttribute('src', fileLoadingImage); objLoadingLink.appendChild(objLoadingImage); var objImageDataContainer = document.createElement("div"); objImageDataContainer.setAttribute('id','imageDataContainer'); objLightbox.appendChild(objImageDataContainer); var objImageData = document.createElement("div"); objImageData.setAttribute('id','imageData'); objImageDataContainer.appendChild(objImageData); var objImageDetails = document.createElement("div"); objImageDetails.setAttribute('id','imageDetails'); objImageData.appendChild(objImageDetails); var objCaption = document.createElement("span"); objCaption.setAttribute('id','caption'); objImageDetails.appendChild(objCaption); var objNumberDisplay = document.createElement("span"); objNumberDisplay.setAttribute('id','numberDisplay'); objImageDetails.appendChild(objNumberDisplay); var objBottomNav = document.createElement("div"); objBottomNav.setAttribute('id','bottomNav'); objImageData.appendChild(objBottomNav); var objBottomNavCloseLink = document.createElement("a"); objBottomNavCloseLink.setAttribute('id','bottomNavClose'); objBottomNavCloseLink.setAttribute('href','#'); objBottomNavCloseLink.onclick = function() { myLightbox.end(); return false; } objBottomNav.appendChild(objBottomNavCloseLink); var objBottomNavCloseImage = document.createElement("img"); objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage); objBottomNavCloseLink.appendChild(objBottomNavCloseImage); }, updateImageList: function() { if (!document.getElementsByTagName){ return; } var anchors = document.getElementsByTagName('a'); var areas = document.getElementsByTagName('area'); for (var i=0; i 1){ Element.show('numberDisplay'); Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length); } new Effect.Parallel( [ new Effect.SlideDown( 'imageDataContainer', { sync: true, duration: resizeDuration, from: 0.0, to: 1.0 }), new Effect.Appear('imageDataContainer', { sync: true, duration: resizeDuration }) ], { duration: resizeDuration, afterFinish: function() { // update overlay size and update nav var arrayPageSize = getPageSize(); Element.setHeight('overlay', arrayPageSize[1]); myLightbox.updateNav(); } } ); }, updateNav: function() { Element.show('hoverNav'); if(activeImage != 0){ Element.show('prevLink'); document.getElementById('prevLink').onclick = function() { myLightbox.changeImage(activeImage - 1); return false; } } if(activeImage != (imageArray.length - 1)){ Element.show('nextLink'); document.getElementById('nextLink').onclick = function() { myLightbox.changeImage(activeImage + 1); return false; } } this.enableKeyboardNav(); }, enableKeyboardNav: function() { document.onkeydown = this.keyboardAction; }, disableKeyboardNav: function() { document.onkeydown = ''; }, keyboardAction: function(e) { if (e == null) { // ie keycode = event.keyCode; escapeKey = 27; } else { // mozilla keycode = e.keyCode; escapeKey = e.DOM_VK_ESCAPE; } key = String.fromCharCode(keycode).toLowerCase(); if((key == 'x') || (key == 'o') || (key == 'c') || (keycode == escapeKey)){ // close lightbox myLightbox.end(); } else if((key == 'p') || (keycode == 37)){ // display previous image if(activeImage != 0){ myLightbox.disableKeyboardNav(); myLightbox.changeImage(activeImage - 1); } } else if((key == 'n') || (keycode == 39)){ // display next image if(activeImage != (imageArray.length - 1)){ myLightbox.disableKeyboardNav(); myLightbox.changeImage(activeImage + 1); } } }, preloadNeighborImages: function(){ if((imageArray.length - 1) > activeImage){ preloadNextImage = new Image(); preloadNextImage.src = imageArray[activeImage + 1][0]; } if(activeImage > 0){ preloadPrevImage = new Image(); preloadPrevImage.src = imageArray[activeImage - 1][0]; } }, end: function() { this.disableKeyboardNav(); Element.hide('lightbox'); new Effect.Fade('overlay', { duration: overlayDuration}); showSelectBoxes(); showFlash(); } } function getPageScroll(){ var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict yScroll = document.documentElement.scrollTop; xScroll = document.documentElement.scrollLeft; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; xScroll = document.body.scrollLeft; } arrayPageScroll = new Array(xScroll,yScroll) return arrayPageScroll; } function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = window.innerWidth + window.scrollMaxX; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer if(document.documentElement.clientWidth){ windowWidth = document.documentElement.clientWidth; } else { windowWidth = self.innerWidth; } windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = xScroll; } else { pageWidth = windowWidth; } arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize; } function getKey(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } key = String.fromCharCode(keycode).toLowerCase(); if(key == 'x'){ } } function listenKey () { document.onkeypress = getKey; } function showSelectBoxes(){ var selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "visible"; } } function hideSelectBoxes(){ var selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "hidden"; } } function showFlash(){ var flashObjects = document.getElementsByTagName("object"); for (i = 0; i < flashObjects.length; i++) { flashObjects[i].style.visibility = "visible"; } var flashEmbeds = document.getElementsByTagName("embed"); for (i = 0; i < flashEmbeds.length; i++) { flashEmbeds[i].style.visibility = "visible"; } } function hideFlash(){ var flashObjects = document.getElementsByTagName("object"); for (i = 0; i < flashObjects.length; i++) { flashObjects[i].style.visibility = "hidden"; } var flashEmbeds = document.getElementsByTagName("embed"); for (i = 0; i < flashEmbeds.length; i++) { flashEmbeds[i].style.visibility = "hidden"; } } function pause(ms){ var date = new Date(); curDate = null; do{var curDate = new Date();} while( curDate - date < ms); } function initLightbox() { myLightbox = new Lightbox(); } Event.observe(window, 'load', initLightbox, false);