var MooTools={version:"1.2.3",build:"4980aa0fb74d2f6eb80bcd9f5b8e1fd6fbb8f607"};var Native=function(k){k=k||{};var a=k.name;var i=k.legacy;var b=k.protect; var c=k.implement;var h=k.generics;var f=k.initialize;var g=k.afterImplement||function(){};var d=f||i;h=h!==false;d.constructor=Native;d.$family={name:"native"}; if(i&&f){d.prototype=i.prototype;}d.prototype.constructor=d;if(a){var e=a.toLowerCase();d.prototype.$family={name:e};Native.typize(d,e);}var j=function(n,l,o,m){if(!b||m||!n.prototype[l]){n.prototype[l]=o; }if(h){Native.genericize(n,l,b);}g.call(n,l,o);return n;};d.alias=function(n,l,p){if(typeof n=="string"){var o=this.prototype[n];if((n=o)){return j(this,l,n,p); }}for(var m in n){this.alias(m,n[m],l);}return this;};d.implement=function(m,l,o){if(typeof m=="string"){return j(this,m,l,o);}for(var n in m){j(this,n,m[n],l); }return this;};if(c){d.implement(c);}return d;};Native.genericize=function(b,c,a){if((!a||!b[c])&&typeof b.prototype[c]=="function"){b[c]=function(){var d=Array.prototype.slice.call(arguments); return b.prototype[c].apply(d.shift(),d);};}};Native.implement=function(d,c){for(var b=0,a=d.length;b<a;b++){d[b].implement(c);}};Native.typize=function(a,b){if(!a.type){a.type=function(c){return($type(c)===b); };}};(function(){var a={Array:Array,Date:Date,Function:Function,Number:Number,RegExp:RegExp,String:String};for(var h in a){new Native({name:h,initialize:a[h],protect:true}); }var d={"boolean":Boolean,"native":Native,object:Object};for(var c in d){Native.typize(d[c],c);}var f={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 e in f){for(var b=f[e].length;b--;){Native.genericize(a[e],f[e][b],true);}}})();var Hash=new Native({name:"Hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getClean()); }for(var b in a){this[b]=a[b];}return this;}});Hash.implement({forEach:function(b,c){for(var a in this){if(this.hasOwnProperty(a)){b.call(c,this[a],a,this); }}},getClean:function(){var b={};for(var a in this){if(this.hasOwnProperty(a)){b[a]=this[a];}}return b;},getLength:function(){var b=0;for(var a in this){if(this.hasOwnProperty(a)){b++; }}return b;}});Hash.alias("forEach","each");Array.implement({forEach:function(c,d){for(var b=0,a=this.length;b<a;b++){c.call(d,this[b],b,this);}}});Array.alias("forEach","each"); function $A(b){if(b.item){var a=b.length,c=new Array(a);while(a--){c[a]=b[a];}return c;}return Array.prototype.slice.call(b);}function $arguments(a){return function(){return arguments[a]; };}function $chk(a){return !!(a||a===0);}function $clear(a){clearTimeout(a);clearInterval(a);return null;}function $defined(a){return(a!=undefined);}function $each(c,b,d){var a=$type(c); ((a=="arguments"||a=="collection"||a=="array")?Array:Hash).each(c,b,d);}function $empty(){}function $extend(c,a){for(var b in (a||{})){c[b]=a[b];}return c; }function $H(a){return new Hash(a);}function $lambda(a){return($type(a)=="function")?a:function(){return a;};}function $merge(){var a=Array.slice(arguments); a.unshift({});return $mixin.apply(null,a);}function $mixin(e){for(var d=1,a=arguments.length;d<a;d++){var b=arguments[d];if($type(b)!="object"){continue; }for(var c in b){var g=b[c],f=e[c];e[c]=(f&&$type(g)=="object"&&$type(f)=="object")?$mixin(f,g):$unlink(g);}}return e;}function $pick(){for(var b=0,a=arguments.length; b<a;b++){if(arguments[b]!=undefined){return arguments[b];}}return null;}function $random(b,a){return Math.floor(Math.random()*(a-b+1)+b);}function $splat(b){var a=$type(b); return(a)?((a!="array"&&a!="arguments")?[b]:b):[];}var $time=Date.now||function(){return +new Date;};function $try(){for(var b=0,a=arguments.length;b<a; b++){try{return arguments[b]();}catch(c){}}return null;}function $type(a){if(a==undefined){return false;}if(a.$family){return(a.$family.name=="number"&&!isFinite(a))?false:a.$family.name; }if(a.nodeName){switch(a.nodeType){case 1:return"element";case 3:return(/\S/).test(a.nodeValue)?"textnode":"whitespace";}}else{if(typeof a.length=="number"){if(a.callee){return"arguments"; }else{if(a.item){return"collection";}}}}return typeof a;}function $unlink(c){var b;switch($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e]); }break;case"hash":b=new Hash(c);break;case"array":b=[];for(var d=0,a=c.length;d<a;d++){b[d]=$unlink(c[d]);}break;default:return c;}return b;}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 b in this.Engines){var a=this.Engines[b]();if(a){this.Engine={name:b,version:a};this.Engine[b]=this.Engine[b+a]=true; break;}}return{name:b,version:a};};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 a=($try(function(){return navigator.plugins["Shockwave Flash"].description; },function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version");})||"0 r0").match(/\d+/g);return{version:parseInt(a[0]||0+"."+a[1],10)||0,build:parseInt(a[2],10)||0}; })();function $exec(b){if(!b){return b;}if(window.execScript){window.execScript(b);}else{var a=document.createElement("script");a.setAttribute("type","text/javascript"); a[(Browser.Engine.webkit&&Browser.Engine.version<420)?"innerText":"text"]=b;document.head.appendChild(a);document.head.removeChild(a);}return b;}Native.UID=1; var $uid=(Browser.Engine.trident)?function(a){return(a.uid||(a.uid=[Native.UID++]))[0];}:function(a){return a.uid||(a.uid=Native.UID++);};var Window=new Native({name:"Window",legacy:(Browser.Engine.trident)?null:window.Window,initialize:function(a){$uid(a); if(!a.Element){a.Element=$empty;if(Browser.Engine.webkit){a.document.createElement("iframe");}a.Element.prototype=(Browser.Engine.webkit)?window["[[DOMElement.prototype]]"]:{}; }a.document.window=a;return $extend(a,Window.Prototype);},afterImplement:function(b,a){window[b]=Window.Prototype[b]=a;}});Window.Prototype={$family:{name:"window"}}; new Window(window);var Document=new Native({name:"Document",legacy:(Browser.Engine.trident)?null:window.Document,initialize:function(a){$uid(a);a.head=a.getElementsByTagName("head")[0]; a.html=a.getElementsByTagName("html")[0];if(Browser.Engine.trident&&Browser.Engine.version<=4){$try(function(){a.execCommand("BackgroundImageCache",false,true); });}if(Browser.Engine.trident){a.window.attachEvent("onunload",function(){a.window.detachEvent("onunload",arguments.callee);a.head=a.html=a.window=null; });}return $extend(a,Document.Prototype);},afterImplement:function(b,a){document[b]=Document.Prototype[b]=a;}});Document.Prototype={$family:{name:"document"}}; new Document(document);Array.implement({every:function(c,d){for(var b=0,a=this.length;b<a;b++){if(!c.call(d,this[b],b,this)){return false;}}return true; },filter:function(d,e){var c=[];for(var b=0,a=this.length;b<a;b++){if(d.call(e,this[b],b,this)){c.push(this[b]);}}return c;},clean:function(){return this.filter($defined); },indexOf:function(c,d){var a=this.length;for(var b=(d<0)?Math.max(0,a+d):d||0;b<a;b++){if(this[b]===c){return b;}}return -1;},map:function(d,e){var c=[]; for(var b=0,a=this.length;b<a;b++){c[b]=d.call(e,this[b],b,this);}return c;},some:function(c,d){for(var b=0,a=this.length;b<a;b++){if(c.call(d,this[b],b,this)){return true; }}return false;},associate:function(c){var d={},b=Math.min(this.length,c.length);for(var a=0;a<b;a++){d[c[a]]=this[a];}return d;},link:function(c){var a={}; for(var e=0,b=this.length;e<b;e++){for(var d in c){if(c[d](this[e])){a[d]=this[e];delete c[d];break;}}}return a;},contains:function(a,b){return this.indexOf(a,b)!=-1; },extend:function(c){for(var b=0,a=c.length;b<a;b++){this.push(c[b]);}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(a){if(!this.contains(a)){this.push(a);}return this;},combine:function(c){for(var b=0,a=c.length;b<a;b++){this.include(c[b]);}return this; },erase:function(b){for(var a=this.length;a--;a){if(this[a]===b){this.splice(a,1);}}return this;},empty:function(){this.length=0;return this;},flatten:function(){var d=[]; for(var b=0,a=this.length;b<a;b++){var c=$type(this[b]);if(!c){continue;}d=d.concat((c=="array"||c=="collection"||c=="arguments")?Array.flatten(this[b]):this[b]); }return d;},hexToRgb:function(b){if(this.length!=3){return null;}var a=this.map(function(c){if(c.length==1){c+=c;}return c.toInt(16);});return(b)?a:"rgb("+a+")"; },rgbToHex:function(d){if(this.length<3){return null;}if(this.length==4&&this[3]==0&&!d){return"transparent";}var b=[];for(var a=0;a<3;a++){var c=(this[a]-0).toString(16); b.push((c.length==1)?"0"+c:c);}return(d)?b:"#"+b.join("");}});Function.implement({extend:function(a){for(var b in a){this[b]=a[b];}return this;},create:function(b){var a=this; b=b||{};return function(d){var c=b.arguments;c=(c!=undefined)?$splat(c):Array.slice(arguments,(b.event)?1:0);if(b.event){c=[d||window.event].extend(c); }var e=function(){return a.apply(b.bind||null,c);};if(b.delay){return setTimeout(e,b.delay);}if(b.periodical){return setInterval(e,b.periodical);}if(b.attempt){return $try(e); }return e();};},run:function(a,b){return this.apply(b,$splat(a));},pass:function(a,b){return this.create({bind:b,arguments:a});},bind:function(b,a){return this.create({bind:b,arguments:a}); },bindWithEvent:function(b,a){return this.create({bind:b,arguments:a,event:true});},attempt:function(a,b){return this.create({bind:b,arguments:a,attempt:true})(); },delay:function(b,c,a){return this.create({bind:c,arguments:a,delay:b})();},periodical:function(c,b,a){return this.create({bind:b,arguments:a,periodical:c})(); }});Number.implement({limit:function(b,a){return Math.min(a,Math.max(b,this));},round:function(a){a=Math.pow(10,a||0);return Math.round(this*a)/a;},times:function(b,c){for(var a=0; a<this;a++){b.call(c,a,this);}},toFloat:function(){return parseFloat(this);},toInt:function(a){return parseInt(this,a||10);}});Number.alias("times","each"); (function(b){var a={};b.each(function(c){if(!Number[c]){a[c]=function(){return Math[c].apply(null,[this].concat($A(arguments)));};}});Number.implement(a); })(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);String.implement({test:function(a,b){return((typeof a=="string")?new RegExp(a,b):a).test(this); },contains:function(a,b){return(b)?(b+this+b).indexOf(b+a+b)>-1:this.indexOf(a)>-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(a){return a.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/[A-Z]/g,function(a){return("-"+a.charAt(0).toLowerCase()); });},capitalize:function(){return this.replace(/\b[a-z]/g,function(a){return a.toUpperCase();});},escapeRegExp:function(){return this.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1"); },toInt:function(a){return parseInt(this,a||10);},toFloat:function(){return parseFloat(this);},hexToRgb:function(b){var a=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); return(a)?a.slice(1).hexToRgb(b):null;},rgbToHex:function(b){var a=this.match(/\d{1,3}/g);return(a)?a.rgbToHex(b):null;},stripScripts:function(b){var a=""; var c=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(){a+=arguments[1]+"\n";return"";});if(b===true){$exec(a);}else{if($type(b)=="function"){b(a,c); }}return c;},substitute:function(a,b){return this.replace(b||(/\\?\{([^{}]+)\}/g),function(d,c){if(d.charAt(0)=="\\"){return d.slice(1);}return(a[c]!=undefined)?a[c]:""; });}});Hash.implement({has:Object.prototype.hasOwnProperty,keyOf:function(b){for(var a in this){if(this.hasOwnProperty(a)&&this[a]===b){return a;}}return null; },hasValue:function(a){return(Hash.keyOf(this,a)!==null);},extend:function(a){Hash.each(a||{},function(c,b){Hash.set(this,b,c);},this);return this;},combine:function(a){Hash.each(a||{},function(c,b){Hash.include(this,b,c); },this);return this;},erase:function(a){if(this.hasOwnProperty(a)){delete this[a];}return this;},get:function(a){return(this.hasOwnProperty(a))?this[a]:null; },set:function(a,b){if(!this[a]||this.hasOwnProperty(a)){this[a]=b;}return this;},empty:function(){Hash.each(this,function(b,a){delete this[a];},this); return this;},include:function(a,b){if(this[a]==undefined){this[a]=b;}return this;},map:function(b,c){var a=new Hash;Hash.each(this,function(e,d){a.set(d,b.call(c,e,d,this)); },this);return a;},filter:function(b,c){var a=new Hash;Hash.each(this,function(e,d){if(b.call(c,e,d,this)){a.set(d,e);}},this);return a;},every:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&&!b.call(c,this[a],a)){return false; }}return true;},some:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&&b.call(c,this[a],a)){return true;}}return false;},getKeys:function(){var a=[]; Hash.each(this,function(c,b){a.push(b);});return a;},getValues:function(){var a=[];Hash.each(this,function(b){a.push(b);});return a;},toQueryString:function(a){var b=[]; Hash.each(this,function(f,e){if(a){e=a+"["+e+"]";}var d;switch($type(f)){case"object":d=Hash.toQueryString(f,e);break;case"array":var c={};f.each(function(h,g){c[g]=h; });d=Hash.toQueryString(c,e);break;default:d=e+"="+encodeURIComponent(f);}if(f!=undefined){b.push(d);}});return b.join("&");}});Hash.alias({keyOf:"indexOf",hasValue:"contains"}); var Event=new Native({name:"Event",initialize:function(a,f){f=f||window;var k=f.document;a=a||f.event;if(a.$extended){return a;}this.$extended=true;var j=a.type; var g=a.target||a.srcElement;while(g&&g.nodeType==3){g=g.parentNode;}if(j.test(/key/)){var b=a.which||a.keyCode;var m=Event.Keys.keyOf(b);if(j=="keydown"){var d=b-111; if(d>0&&d<13){m="f"+d;}}m=m||String.fromCharCode(b).toLowerCase();}else{if(j.match(/(click|mouse|menu)/i)){k=(!k.compatMode||k.compatMode=="CSS1Compat")?k.html:k.body; var i={x:a.pageX||a.clientX+k.scrollLeft,y:a.pageY||a.clientY+k.scrollTop};var c={x:(a.pageX)?a.pageX-f.pageXOffset:a.clientX,y:(a.pageY)?a.pageY-f.pageYOffset:a.clientY}; if(j.match(/DOMMouseScroll|mousewheel/)){var h=(a.wheelDelta)?a.wheelDelta/120:-(a.detail||0)/3;}var e=(a.which==3)||(a.button==2);var l=null;if(j.match(/over|out/)){switch(j){case"mouseover":l=a.relatedTarget||a.fromElement; break;case"mouseout":l=a.relatedTarget||a.toElement;}if(!(function(){while(l&&l.nodeType==3){l=l.parentNode;}return true;}).create({attempt:Browser.Engine.gecko})()){l=false; }}}}return $extend(this,{event:a,type:j,page:i,client:c,rightClick:e,wheel:h,relatedTarget:l,target:g,code:b,key:m,shift:a.shiftKey,control:a.ctrlKey,alt:a.altKey,meta:a.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;}});function Class(b){if(b instanceof Function){b={initialize:b};}var a=function(){Object.reset(this);if(a._prototyping){return this; }this._current=$empty;var c=(this.initialize)?this.initialize.apply(this,arguments):this;delete this._current;delete this.caller;return c;}.extend(this); a.implement(b);a.constructor=Class;a.prototype.constructor=a;return a;}Function.prototype.protect=function(){this._protected=true;return this;};Object.reset=function(a,c){if(c==null){for(var e in a){Object.reset(a,e); }return a;}delete a[c];switch($type(a[c])){case"object":var d=function(){};d.prototype=a[c];var b=new d;a[c]=Object.reset(b);break;case"array":a[c]=$unlink(a[c]); break;}return a;};new Native({name:"Class",initialize:Class}).extend({instantiate:function(b){b._prototyping=true;var a=new b;delete b._prototyping;return a; },wrap:function(a,b,c){if(c._origin){c=c._origin;}return function(){if(c._protected&&this._current==null){throw new Error('The method "'+b+'" cannot be called.'); }var e=this.caller,f=this._current;this.caller=f;this._current=arguments.callee;var d=c.apply(this,arguments);this._current=f;this.caller=e;return d;}.extend({_owner:a,_origin:c,_name:b}); }});Class.implement({implement:function(a,d){if($type(a)=="object"){for(var e in a){this.implement(e,a[e]);}return this;}var f=Class.Mutators[a];if(f){d=f.call(this,d); if(d==null){return this;}}var c=this.prototype;switch($type(d)){case"function":if(d._hidden){return this;}c[a]=Class.wrap(this,a,d);break;case"object":var b=c[a]; if($type(b)=="object"){$mixin(b,d);}else{c[a]=$unlink(d);}break;case"array":c[a]=$unlink(d);break;default:c[a]=d;}return this;}});Class.Mutators={Extends:function(a){this.parent=a; this.prototype=Class.instantiate(a);this.implement("parent",function(){var b=this.caller._name,c=this.caller._owner.parent.prototype[b];if(!c){throw new Error('The method "'+b+'" has no parent.'); }return c.apply(this,arguments);}.protect());},Implements:function(a){$splat(a).each(function(b){if(b instanceof Function){b=Class.instantiate(b);}this.implement(b); },this);}};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(c,b,a){c=Events.removeOn(c);if(b!=$empty){this.$events[c]=this.$events[c]||[]; this.$events[c].include(b);if(a){b.internal=true;}}return this;},addEvents:function(a){for(var b in a){this.addEvent(b,a[b]);}return this;},fireEvent:function(c,b,a){c=Events.removeOn(c); if(!this.$events||!this.$events[c]){return this;}this.$events[c].each(function(d){d.create({bind:this,delay:a,"arguments":b})();},this);return this;},removeEvent:function(b,a){b=Events.removeOn(b); if(!this.$events[b]){return this;}if(!a.internal){this.$events[b].erase(a);}return this;},removeEvents:function(c){var d;if($type(c)=="object"){for(d in c){this.removeEvent(d,c[d]); }return this;}if(c){c=Events.removeOn(c);}for(d in this.$events){if(c&&c!=d){continue;}var b=this.$events[d];for(var a=b.length;a--;a){this.removeEvent(d,b[a]); }}return this;}});Events.removeOn=function(a){return a.replace(/^on([A-Z])/,function(b,c){return c.toLowerCase();});};var Options=new Class({setOptions:function(){this.options=$merge.run([this.options].extend(arguments)); if(!this.addEvent){return this;}for(var a in this.options){if($type(this.options[a])!="function"||!(/^on[A-Z]/).test(a)){continue;}this.addEvent(a,this.options[a]); delete this.options[a];}return this;}});var Element=new Native({name:"Element",legacy:window.Element,initialize:function(a,b){var c=Element.Constructors.get(a); if(c){return c(b);}if(typeof a=="string"){return document.newElement(a,b);}return document.id(a).set(b);},afterImplement:function(a,b){Element.Prototype[a]=b; if(Array[a]){return;}Elements.implement(a,function(){var c=[],g=true;for(var e=0,d=this.length;e<d;e++){var f=this[e][a].apply(this[e],arguments);c.push(f); if(g){g=($type(f)=="element");}}return(g)?new Elements(c):c;});}});Element.Prototype={$family:{name:"element"}};Element.Constructors=new Hash;var IFrame=new Native({name:"IFrame",generics:false,initialize:function(){var f=Array.link(arguments,{properties:Object.type,iframe:$defined}); var d=f.properties||{};var c=document.id(f.iframe);var e=d.onload||$empty;delete d.onload;d.id=d.name=$pick(d.id,d.name,c?(c.id||c.name):"IFrame_"+$time()); c=new Element(c||"iframe",d);var b=function(){var g=$try(function(){return c.contentWindow.location.host;});if(!g||g==window.location.host){var h=new Window(c.contentWindow); new Document(c.contentWindow.document);$extend(h.Element.prototype,Element.Prototype);}e.call(c.contentWindow,c.contentWindow.document);};var a=$try(function(){return c.contentWindow; });((a&&a.document.body)||window.frames[d.id])?b():c.addListener("load",b);return c;}});var Elements=new Native({initialize:function(f,b){b=$extend({ddup:true,cash:true},b); f=f||[];if(b.ddup||b.cash){var g={},e=[];for(var c=0,a=f.length;c<a;c++){var d=document.id(f[c],!b.cash);if(b.ddup){if(g[d.uid]){continue;}g[d.uid]=true; }e.push(d);}f=e;}return(b.cash)?$extend(f,this):f;}});Elements.implement({filter:function(a,b){if(!a){return this;}return new Elements(Array.filter(this,(typeof a=="string")?function(c){return c.match(a); }:a,b));}});Document.implement({newElement:function(a,b){if(Browser.Engine.trident&&b){["name","type","checked"].each(function(c){if(!b[c]){return;}a+=" "+c+'="'+b[c]+'"'; if(c!="checked"){delete b[c];}});a="<"+a+">";}return document.id(this.createElement(a)).set(b);},newTextNode:function(a){return this.createTextNode(a); },getDocument:function(){return this;},getWindow:function(){return this.window;},id:(function(){var a={string:function(d,c,b){d=b.getElementById(d);return(d)?a.element(d,c):null; },element:function(b,e){$uid(b);if(!e&&!b.$family&&!(/^object|embed$/i).test(b.tagName)){var c=Element.Prototype;for(var d in c){b[d]=c[d];}}return b;},object:function(c,d,b){if(c.toElement){return a.element(c.toElement(b),d); }return null;}};a.textnode=a.whitespace=a.window=a.document=$arguments(0);return function(c,e,d){if(c&&c.$family&&c.uid){return c;}var b=$type(c);return(a[b])?a[b](c,e,d||document):null; };})()});if(window.$==null){Window.implement({$:function(a,b){return document.id(a,b,this.document);}});}Window.implement({$$:function(a){if(arguments.length==1&&typeof a=="string"){return this.document.getElements(a); }var f=[];var c=Array.flatten(arguments);for(var d=0,b=c.length;d<b;d++){var e=c[d];switch($type(e)){case"element":f.push(e);break;case"string":f.extend(this.document.getElements(e,true)); }}return new Elements(f);},getDocument:function(){return this.document;},getWindow:function(){return this;}});Native.implement([Element,Document],{getElement:function(a,b){return document.id(this.getElements(a,true)[0]||null,b); },getElements:function(a,d){a=a.split(",");var c=[];var b=(a.length>1);a.each(function(e){var f=this.getElementsByTagName(e.trim());(b)?c.extend(f):c=f; },this);return new Elements(c,{ddup:b,cash:!d});}});(function(){var h={},f={};var i={input:"checked",option:"selected",textarea:(Browser.Engine.webkit&&Browser.Engine.version<420)?"innerHTML":"value"}; var c=function(l){return(f[l]||(f[l]={}));};var g=function(n,l){if(!n){return;}var m=n.uid;if(Browser.Engine.trident){if(n.clearAttributes){var q=l&&n.cloneNode(false); n.clearAttributes();if(q){n.mergeAttributes(q);}}else{if(n.removeEvents){n.removeEvents();}}if((/object/i).test(n.tagName)){for(var o in n){if(typeof n[o]=="function"){n[o]=$empty; }}Element.dispose(n);}}if(!m){return;}h[m]=f[m]=null;};var d=function(){Hash.each(h,g);if(Browser.Engine.trident){$A(document.getElementsByTagName("object")).each(g); }if(window.CollectGarbage){CollectGarbage();}h=f=null;};var j=function(n,l,s,m,p,r){var o=n[s||l];var q=[];while(o){if(o.nodeType==1&&(!m||Element.match(o,m))){if(!p){return document.id(o,r); }q.push(o);}o=o[l];}return(p)?new Elements(q,{ddup:false,cash:!r}):null;};var e={html:"innerHTML","class":"className","for":"htmlFor",defaultValue:"defaultValue",text:(Browser.Engine.trident||(Browser.Engine.webkit&&Browser.Engine.version<420))?"innerText":"textContent"}; var b=["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","type","defaultValue","accessKey","cellPadding","cellSpacing","colSpan","frameBorder","maxLength","readOnly","rowSpan","tabIndex","useMap"]; b=b.associate(b);Hash.extend(e,b);Hash.extend(e,k.associate(k.map(String.toLowerCase)));var a={before:function(m,l){if(l.parentNode){l.parentNode.insertBefore(m,l); }},after:function(m,l){if(!l.parentNode){return;}var n=l.nextSibling;(n)?l.parentNode.insertBefore(m,n):l.parentNode.appendChild(m);},bottom:function(m,l){l.appendChild(m); },top:function(m,l){var n=l.firstChild;(n)?l.insertBefore(m,n):l.appendChild(m);}};a.inside=a.bottom;Hash.each(a,function(l,m){m=m.capitalize();Element.implement("inject"+m,function(n){l(this,document.id(n,true)); return this;});Element.implement("grab"+m,function(n){l(document.id(n,true),this);return this;});});Element.implement({set:function(o,m){switch($type(o)){case"object":for(var n in o){this.set(n,o[n]); }break;case"string":var l=Element.Properties.get(o);(l&&l.set)?l.set.apply(this,Array.slice(arguments,1)):this.setProperty(o,m);}return this;},get:function(m){var l=Element.Properties.get(m); return(l&&l.get)?l.get.apply(this,Array.slice(arguments,1)):this.getProperty(m);},erase:function(m){var l=Element.Properties.get(m);(l&&l.erase)?l.erase.apply(this):this.removeProperty(m); return this;},setProperty:function(m,n){var l=e[m];if(n==undefined){return this.removeProperty(m);}if(l&&b[m]){n=!!n;}(l)?this[l]=n:this.setAttribute(m,""+n); return this;},setProperties:function(l){for(var m in l){this.setProperty(m,l[m]);}return this;},getProperty:function(m){var l=e[m];var n=(l)?this[l]:this.getAttribute(m,2); return(b[m])?!!n:(l)?n:n||null;},getProperties:function(){var l=$A(arguments);return l.map(this.getProperty,this).associate(l);},removeProperty:function(m){var l=e[m]; (l)?this[l]=(l&&b[m])?false:"":this.removeAttribute(m);return this;},removeProperties:function(){Array.each(arguments,this.removeProperty,this);return this; },hasClass:function(l){return this.className.contains(l," ");},addClass:function(l){if(!this.hasClass(l)){this.className=(this.className+" "+l).clean(); }return this;},removeClass:function(l){this.className=this.className.replace(new RegExp("(^|\\s)"+l+"(?:\\s|$)"),"$1");return this;},toggleClass:function(l){return this.hasClass(l)?this.removeClass(l):this.addClass(l); },adopt:function(){Array.flatten(arguments).each(function(l){l=document.id(l,true);if(l){this.appendChild(l);}},this);return this;},appendText:function(m,l){return this.grab(this.getDocument().newTextNode(m),l); },grab:function(m,l){a[l||"bottom"](document.id(m,true),this);return this;},inject:function(m,l){a[l||"bottom"](this,document.id(m,true));return this;},replaces:function(l){l=document.id(l,true); l.parentNode.replaceChild(this,l);return this;},wraps:function(m,l){m=document.id(m,true);return this.replaces(m).grab(m,l);},getPrevious:function(l,m){return j(this,"previousSibling",null,l,false,m); },getAllPrevious:function(l,m){return j(this,"previousSibling",null,l,true,m);},getNext:function(l,m){return j(this,"nextSibling",null,l,false,m);},getAllNext:function(l,m){return j(this,"nextSibling",null,l,true,m); },getFirst:function(l,m){return j(this,"nextSibling","firstChild",l,false,m);},getLast:function(l,m){return j(this,"previousSibling","lastChild",l,false,m); },getParent:function(l,m){return j(this,"parentNode",null,l,false,m);},getParents:function(l,m){return j(this,"parentNode",null,l,true,m);},getSiblings:function(l,m){return this.getParent().getChildren(l,m).erase(this); },getChildren:function(l,m){return j(this,"nextSibling","firstChild",l,true,m);},getWindow:function(){return this.ownerDocument.window;},getDocument:function(){return this.ownerDocument; },getElementById:function(o,n){var m=this.ownerDocument.getElementById(o);if(!m){return null;}for(var l=m.parentNode;l!=this;l=l.parentNode){if(!l){return null; }}return document.id(m,n);},getSelected:function(){return new Elements($A(this.options).filter(function(l){return l.selected;}));},getComputedStyle:function(m){if(this.currentStyle){return this.currentStyle[m.camelCase()]; }var l=this.getDocument().defaultView.getComputedStyle(this,null);return(l)?l.getPropertyValue([m.hyphenate()]):null;},toQueryString:function(){var l=[]; this.getElements("input, select, textarea",true).each(function(m){if(!m.name||m.disabled||m.type=="submit"||m.type=="reset"||m.type=="file"){return;}var n=(m.tagName.toLowerCase()=="select")?Element.getSelected(m).map(function(o){return o.value; }):((m.type=="radio"||m.type=="checkbox")&&!m.checked)?null:m.value;$splat(n).each(function(o){if(typeof o!="undefined"){l.push(m.name+"="+encodeURIComponent(o)); }});});return l.join("&");},clone:function(o,l){o=o!==false;var r=this.cloneNode(o);var n=function(v,u){if(!l){v.removeAttribute("id");}if(Browser.Engine.trident){v.clearAttributes(); v.mergeAttributes(u);v.removeAttribute("uid");if(v.options){var w=v.options,s=u.options;for(var t=w.length;t--;){w[t].selected=s[t].selected;}}}var x=i[u.tagName.toLowerCase()]; if(x&&u[x]){v[x]=u[x];}};if(o){var p=r.getElementsByTagName("*"),q=this.getElementsByTagName("*");for(var m=p.length;m--;){n(p[m],q[m]);}}n(r,this);return document.id(r); },destroy:function(){Element.empty(this);Element.dispose(this);g(this,true);return null;},empty:function(){$A(this.childNodes).each(function(l){Element.destroy(l); });return this;},dispose:function(){return(this.parentNode)?this.parentNode.removeChild(this):this;},hasChild:function(l){l=document.id(l,true);if(!l){return false; }if(Browser.Engine.webkit&&Browser.Engine.version<420){return $A(this.getElementsByTagName(l.tagName)).contains(l);}return(this.contains)?(this!=l&&this.contains(l)):!!(this.compareDocumentPosition(l)&16); },match:function(l){return(!l||(l==this)||(Element.get(this,"tag")==l));}});Native.implement([Element,Window,Document],{addListener:function(o,n){if(o=="unload"){var l=n,m=this; n=function(){m.removeListener("unload",n);l();};}else{h[this.uid]=this;}if(this.addEventListener){this.addEventListener(o,n,false);}else{this.attachEvent("on"+o,n); }return this;},removeListener:function(m,l){if(this.removeEventListener){this.removeEventListener(m,l,false);}else{this.detachEvent("on"+m,l);}return this; },retrieve:function(m,l){var o=c(this.uid),n=o[m];if(l!=undefined&&n==undefined){n=o[m]=l;}return $pick(n);},store:function(m,l){var n=c(this.uid);n[m]=l; return this;},eliminate:function(l){var m=c(this.uid);delete m[l];return this;}});window.addListener("unload",d);})();Element.Properties=new Hash;Element.Properties.style={set:function(a){this.style.cssText=a; },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 c=document.createElement("div");var a={table:[1,"<table>","</table>"],select:[1,"<select>","</select>"],tbody:[2,"<table><tbody>","</tbody></table>"],tr:[3,"<table><tbody><tr>","</tr></tbody></table>"]}; a.thead=a.tfoot=a.tbody;var b={set:function(){var e=Array.flatten(arguments).join("");var f=Browser.Engine.trident&&a[this.get("tag")];if(f){var g=c;g.innerHTML=f[1]+e+f[2]; for(var d=f[0];d--;){g=g.firstChild;}this.empty().adopt(g.childNodes);}else{this.innerHTML=e;}}};b.erase=b.set;return b;})();if(Browser.Engine.webkit&&Browser.Engine.version<420){Element.Properties.text={get:function(){if(this.innerText){return this.innerText; }var a=this.ownerDocument.newElement("div",{html:this.innerHTML}).inject(this.ownerDocument.body);var b=a.innerText;a.destroy();return b;}};}Element.Properties.events={set:function(a){this.addEvents(a); }};Native.implement([Element,Window,Document],{addEvent:function(e,g){var h=this.retrieve("events",{});h[e]=h[e]||{keys:[],values:[]};if(h[e].keys.contains(g)){return this; }h[e].keys.push(g);var f=e,a=Element.Events.get(e),c=g,i=this;if(a){if(a.onAdd){a.onAdd.call(this,g);}if(a.condition){c=function(j){if(a.condition.call(this,j)){return g.call(this,j); }return true;};}f=a.base||f;}var d=function(){return g.call(i);};var b=Element.NativeEvents[f];if(b){if(b==2){d=function(j){j=new Event(j,i.getWindow()); if(c.call(i,j)===false){j.stop();}};}this.addListener(f,d);}h[e].values.push(d);return this;},removeEvent:function(c,b){var a=this.retrieve("events");if(!a||!a[c]){return this; }var f=a[c].keys.indexOf(b);if(f==-1){return this;}a[c].keys.splice(f,1);var e=a[c].values.splice(f,1)[0];var d=Element.Events.get(c);if(d){if(d.onRemove){d.onRemove.call(this,b); }c=d.base||c;}return(Element.NativeEvents[c])?this.removeListener(c,e):this;},addEvents:function(a){for(var b in a){this.addEvent(b,a[b]);}return this; },removeEvents:function(a){var c;if($type(a)=="object"){for(c in a){this.removeEvent(c,a[c]);}return this;}var b=this.retrieve("events");if(!b){return this; }if(!a){for(c in b){this.removeEvents(c);}this.eliminate("events");}else{if(b[a]){while(b[a].keys[0]){this.removeEvent(a,b[a].keys[0]);}b[a]=null;}}return this; },fireEvent:function(d,b,a){var c=this.retrieve("events");if(!c||!c[d]){return this;}c[d].keys.each(function(e){e.create({bind:this,delay:a,"arguments":b})(); },this);return this;},cloneEvents:function(d,a){d=document.id(d);var c=d.retrieve("events");if(!c){return this;}if(!a){for(var b in c){this.cloneEvents(d,b); }}else{if(c[a]){c[a].keys.each(function(e){this.addEvent(a,e);},this);}}return this;}});Element.NativeEvents={click:2,dblclick:2,mouseup:2,mousedown:2,contextmenu:2,mousewheel:2,DOMMouseScroll:2,mouseover:2,mouseout:2,mousemove:2,selectstart:2,selectend:2,keydown:2,keypress:2,keyup:2,focus:2,blur:2,change:2,reset:2,select:2,submit:2,load:1,unload:1,beforeunload:2,resize:1,move:1,DOMContentLoaded:1,readystatechange:1,error:1,abort:1,scroll:1}; (function(){var a=function(b){var c=b.relatedTarget;if(c==undefined){return true;}if(c===false){return false;}return($type(this)!="document"&&c!=this&&c.prefix!="xul"&&!this.hasChild(c)); };Element.Events=new Hash({mouseenter:{base:"mouseover",condition:a},mouseleave:{base:"mouseout",condition:a},mousewheel:{base:(Browser.Engine.gecko)?"DOMMouseScroll":"mousewheel"}}); })();Element.Properties.styles={set:function(a){this.setStyles(a);}};Element.Properties.opacity={set:function(a,b){if(!b){if(a==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=(a==1)?"":"alpha(opacity="+a*100+")"; }this.style.opacity=a;this.store("opacity",a);},get:function(){return this.retrieve("opacity",1);}};Element.implement({setOpacity:function(a){return this.set("opacity",a,true); },getOpacity:function(){return this.get("opacity");},setStyle:function(b,a){switch(b){case"opacity":return this.set("opacity",parseFloat(a));case"float":b=(Browser.Engine.trident)?"styleFloat":"cssFloat"; }b=b.camelCase();if($type(a)!="string"){var c=(Element.Styles.get(b)||"@").split(" ");a=$splat(a).map(function(e,d){if(!c[d]){return"";}return($type(e)=="number")?c[d].replace("@",Math.round(e)):e; }).join(" ");}else{if(a==String(Number(a))){a=Math.round(a);}}this.style[b]=a;return this;},getStyle:function(g){switch(g){case"opacity":return this.get("opacity"); case"float":g=(Browser.Engine.trident)?"styleFloat":"cssFloat";}g=g.camelCase();var a=this.style[g];if(!$chk(a)){a=[];for(var f in Element.ShortStyles){if(g!=f){continue; }for(var e in Element.ShortStyles[f]){a.push(this.getStyle(e));}return a.join(" ");}a=this.getComputedStyle(g);}if(a){a=String(a);var c=a.match(/rgba?\([\d\s,]+\)/); if(c){a=a.replace(c[0],c[0].rgbToHex());}}if(Browser.Engine.presto||(Browser.Engine.trident&&!$chk(parseInt(a,10)))){if(g.test(/^(height|width)$/)){var b=(g=="width")?["left","right"]:["top","bottom"],d=0; b.each(function(h){d+=this.getStyle("border-"+h+"-width").toInt()+this.getStyle("padding-"+h).toInt();},this);return this["offset"+g.capitalize()]-d+"px"; }if((Browser.Engine.presto)&&String(a).test("px")){return a;}if(g.test(/(border(.+)Width|margin|padding)/)){return"0px";}}return a;},setStyles:function(b){for(var a in b){this.setStyle(a,b[a]); }return this;},getStyles:function(){var a={};Array.flatten(arguments).each(function(b){a[b]=this.getStyle(b);},this);return a;}});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(g){var f=Element.ShortStyles; var b=Element.Styles;["margin","padding"].each(function(h){var i=h+g;f[h][i]=b[i]="@px";});var e="border"+g;f.border[e]=b[e]="@px @ rgb(@, @, @)";var d=e+"Width",a=e+"Style",c=e+"Color"; f[e]={};f.borderWidth[d]=f[e][d]=b[d]="@px";f.borderStyle[a]=f[e][a]=b[a]="@";f.borderColor[c]=f[e][c]=b[c]="rgb(@, @, @)";});(function(){Element.implement({scrollTo:function(h,i){if(b(this)){this.getWindow().scrollTo(h,i); }else{this.scrollLeft=h;this.scrollTop=i;}return this;},getSize:function(){if(b(this)){return this.getWindow().getSize();}return{x:this.offsetWidth,y:this.offsetHeight}; },getScrollSize:function(){if(b(this)){return this.getWindow().getScrollSize();}return{x:this.scrollWidth,y:this.scrollHeight};},getScroll:function(){if(b(this)){return this.getWindow().getScroll(); }return{x:this.scrollLeft,y:this.scrollTop};},getScrolls:function(){var i=this,h={x:0,y:0};while(i&&!b(i)){h.x+=i.scrollLeft;h.y+=i.scrollTop;i=i.parentNode; }return h;},getOffsetParent:function(){var h=this;if(b(h)){return null;}if(!Browser.Engine.trident){return h.offsetParent;}while((h=h.parentNode)&&!b(h)){if(d(h,"position")!="static"){return h; }}return null;},getOffsets:function(){if(this.getBoundingClientRect){var m=this.getBoundingClientRect(),k=document.id(this.getDocument().documentElement),i=k.getScroll(),n=(d(this,"position")=="fixed"); return{x:parseInt(m.left,10)+((n)?0:i.x)-k.clientLeft,y:parseInt(m.top,10)+((n)?0:i.y)-k.clientTop};}var j=this,h={x:0,y:0};if(b(this)){return h;}while(j&&!b(j)){h.x+=j.offsetLeft; h.y+=j.offsetTop;if(Browser.Engine.gecko){if(!f(j)){h.x+=c(j);h.y+=g(j);}var l=j.parentNode;if(l&&d(l,"overflow")!="visible"){h.x+=c(l);h.y+=g(l);}}else{if(j!=this&&Browser.Engine.webkit){h.x+=c(j); h.y+=g(j);}}j=j.offsetParent;}if(Browser.Engine.gecko&&!f(this)){h.x-=c(this);h.y-=g(this);}return h;},getPosition:function(k){if(b(this)){return{x:0,y:0}; }var l=this.getOffsets(),i=this.getScrolls();var h={x:l.x-i.x,y:l.y-i.y};var j=(k&&(k=document.id(k)))?k.getPosition():{x:0,y:0};return{x:h.x-j.x,y:h.y-j.y}; },getCoordinates:function(j){if(b(this)){return this.getWindow().getCoordinates();}var h=this.getPosition(j),i=this.getSize();var k={left:h.x,top:h.y,width:i.x,height:i.y}; k.right=k.left+k.width;k.bottom=k.top+k.height;return k;},computePosition:function(h){return{left:h.x-e(this,"margin-left"),top:h.y-e(this,"margin-top")}; },setPosition:function(h){return this.setStyles(this.computePosition(h));}});Native.implement([Document,Window],{getSize:function(){if(Browser.Engine.presto||Browser.Engine.webkit){var i=this.getWindow(); return{x:i.innerWidth,y:i.innerHeight};}var h=a(this);return{x:h.clientWidth,y:h.clientHeight};},getScroll:function(){var i=this.getWindow(),h=a(this); return{x:i.pageXOffset||h.scrollLeft,y:i.pageYOffset||h.scrollTop};},getScrollSize:function(){var i=a(this),h=this.getSize();return{x:Math.max(i.scrollWidth,h.x),y:Math.max(i.scrollHeight,h.y)}; },getPosition:function(){return{x:0,y:0};},getCoordinates:function(){var h=this.getSize();return{top:0,left:0,bottom:h.y,right:h.x,height:h.y,width:h.x}; }});var d=Element.getComputedStyle;function e(h,i){return d(h,i).toInt()||0;}function f(h){return d(h,"-moz-box-sizing")=="border-box";}function g(h){return e(h,"border-top-width"); }function c(h){return e(h,"border-left-width");}function b(h){return(/^(?:body|html)$/i).test(h.tagName);}function a(h){var i=h.getDocument();return(!i.compatMode||i.compatMode=="CSS1Compat")?i.html:i.body; }})();Element.alias("setPosition","position");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; }});Native.implement([Document,Element],{getElements:function(h,g){h=h.split(",");var c,e={};for(var d=0,b=h.length;d<b;d++){var a=h[d],f=Selectors.Utils.search(this,a,e); if(d!=0&&f.item){f=$A(f);}c=(d==0)?f:(c.item)?$A(c).concat(f):c.concat(f);}return new Elements(c,{ddup:(h.length>1),cash:!g});}});Element.implement({match:function(b){if(!b||(b==this)){return true; }var d=Selectors.Utils.parseTagAndID(b);var a=d[0],e=d[1];if(!Selectors.Filters.byID(this,e)||!Selectors.Filters.byTag(this,a)){return false;}var c=Selectors.Utils.parseSelector(b); return(c)?Selectors.Utils.filter(this,c,{}):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(b,c){if(!c){return true;}var a=$uid(b);if(!c[a]){return c[a]=true;}return false;},parseNthArgument:function(h){if(Selectors.Cache.nth[h]){return Selectors.Cache.nth[h]; }var e=h.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);if(!e){return false;}var g=parseInt(e[1],10);var d=(g||g===0)?g:1;var f=e[2]||false;var c=parseInt(e[3],10)||0; if(d!=0){c--;while(c<1){c+=d;}while(c>=d){c-=d;}}else{d=c;f="index";}switch(f){case"n":e={a:d,b:c,special:"n"};break;case"odd":e={a:2,b:0,special:"n"}; break;case"even":e={a:2,b:1,special:"n"};break;case"first":e={a:0,special:"index"};break;case"last":e={special:"last-child"};break;case"only":e={special:"only-child"}; break;default:e={a:(d-1),special:"index"};}return Selectors.Cache.nth[h]=e;},parseSelector:function(e){if(Selectors.Cache.parsed[e]){return Selectors.Cache.parsed[e]; }var d,h={classes:[],pseudos:[],attributes:[]};while((d=Selectors.RegExps.combined.exec(e))){var i=d[1],g=d[2],f=d[3],b=d[5],c=d[6],j=d[7];if(i){h.classes.push(i); }else{if(c){var a=Selectors.Pseudo.get(c);if(a){h.pseudos.push({parser:a,argument:j});}else{h.attributes.push({name:c,operator:"=",value:j});}}else{if(g){h.attributes.push({name:g,operator:f,value:b}); }}}}if(!h.classes.length){delete h.classes;}if(!h.attributes.length){delete h.attributes;}if(!h.pseudos.length){delete h.pseudos;}if(!h.classes&&!h.attributes&&!h.pseudos){h=null; }return Selectors.Cache.parsed[e]=h;},parseTagAndID:function(b){var a=b.match(Selectors.RegExps.tag);var c=b.match(Selectors.RegExps.id);return[(a)?a[1]:"*",(c)?c[1]:false]; },filter:function(f,c,e){var d;if(c.classes){for(d=c.classes.length;d--;d){var g=c.classes[d];if(!Selectors.Filters.byClass(f,g)){return false;}}}if(c.attributes){for(d=c.attributes.length; d--;d){var b=c.attributes[d];if(!Selectors.Filters.byAttribute(f,b.name,b.operator,b.value)){return false;}}}if(c.pseudos){for(d=c.pseudos.length;d--;d){var a=c.pseudos[d]; if(!Selectors.Filters.byPseudo(f,a.parser,a.argument,e)){return false;}}}return true;},getByTagAndID:function(b,a,d){if(d){var c=(b.getElementById)?b.getElementById(d,true):Element.getElementById(b,d,true); return(c&&Selectors.Filters.byTag(c,a))?[c]:[];}else{return b.getElementsByTagName(a);}},search:function(o,h,t){var b=[];var c=h.trim().replace(Selectors.RegExps.splitter,function(k,j,i){b.push(j); return":)"+i;}).split(":)");var p,e,A;for(var z=0,v=c.length;z<v;z++){var y=c[z];if(z==0&&Selectors.RegExps.quick.test(y)){p=o.getElementsByTagName(y); continue;}var a=b[z-1];var q=Selectors.Utils.parseTagAndID(y);var B=q[0],r=q[1];if(z==0){p=Selectors.Utils.getByTagAndID(o,B,r);}else{var d={},g=[];for(var x=0,w=p.length; x<w;x++){g=Selectors.Getters[a](g,p[x],B,r,d);}p=g;}var f=Selectors.Utils.parseSelector(y);if(f){e=[];for(var u=0,s=p.length;u<s;u++){A=p[u];if(Selectors.Utils.filter(A,f,t)){e.push(A); }}p=e;}}return p;}};Selectors.Getters={" ":function(h,g,j,a,e){var d=Selectors.Utils.getByTagAndID(g,j,a);for(var c=0,b=d.length;c<b;c++){var f=d[c];if(Selectors.Utils.chk(f,e)){h.push(f); }}return h;},">":function(h,g,j,a,f){var c=Selectors.Utils.getByTagAndID(g,j,a);for(var e=0,d=c.length;e<d;e++){var b=c[e];if(b.parentNode==g&&Selectors.Utils.chk(b,f)){h.push(b); }}return h;},"+":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(Selectors.Utils.chk(b,d)&&Selectors.Filters.byTag(b,a)&&Selectors.Filters.byID(b,e)){c.push(b); }break;}}return c;},"~":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(!Selectors.Utils.chk(b,d)){break;}if(Selectors.Filters.byTag(b,a)&&Selectors.Filters.byID(b,e)){c.push(b); }}}return c;}};Selectors.Filters={byTag:function(b,a){return(a=="*"||(b.tagName&&b.tagName.toLowerCase()==a));},byID:function(a,b){return(!b||(a.id&&a.id==b)); },byClass:function(b,a){return(b.className&&b.className.contains(a," "));},byPseudo:function(a,d,c,b){return d.call(a,c,b);},byAttribute:function(c,d,b,e){var a=Element.prototype.getProperty.call(c,d); if(!a){return(b=="!=");}if(!b||e==undefined){return true;}switch(b){case"=":return(a==e);case"*=":return(a.contains(e));case"^=":return(a.substr(0,e.length)==e); case"$=":return(a.substr(a.length-e.length)==e);case"!=":return(a!=e);case"~=":return a.contains(e," ");case"|=":return a.contains(e,"-");}return false; }};Selectors.Pseudo=new Hash({checked:function(){return this.checked;},empty:function(){return !(this.innerText||this.textContent||"").length;},not:function(a){return !Element.match(this,a); },contains:function(a){return(this.innerText||this.textContent||"").contains(a);},"first-child":function(){return Selectors.Pseudo.index.call(this,0);},"last-child":function(){var a=this; while((a=a.nextSibling)){if(a.nodeType==1){return false;}}return true;},"only-child":function(){var b=this;while((b=b.previousSibling)){if(b.nodeType==1){return false; }}var a=this;while((a=a.nextSibling)){if(a.nodeType==1){return false;}}return true;},"nth-child":function(g,e){g=(g==undefined)?"n":g;var c=Selectors.Utils.parseNthArgument(g); if(c.special!="n"){return Selectors.Pseudo[c.special].call(this,c.a,e);}var f=0;e.positions=e.positions||{};var d=$uid(this);if(!e.positions[d]){var b=this; while((b=b.previousSibling)){if(b.nodeType!=1){continue;}f++;var a=e.positions[$uid(b)];if(a!=undefined){f=a+f;break;}}e.positions[d]=f;}return(e.positions[d]%c.a==c.b); },index:function(a){var b=this,c=0;while((b=b.previousSibling)){if(b.nodeType==1&&++c>a){return false;}}return(c==a);},even:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n+1",a); },odd:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n",a);},selected:function(){return this.selected;},enabled:function(){return(this.disabled===false); }});Element.Events.domready={onAdd:function(a){if(Browser.loaded){a.call(this);}}};(function(){var b=function(){if(Browser.loaded){return;}Browser.loaded=true; window.fireEvent("domready");document.fireEvent("domready");};if(Browser.Engine.trident){var a=document.createElement("div");(function(){($try(function(){a.doScroll(); return document.id(a).inject(document.body).set("html","temp").dispose();}))?b():arguments.callee.delay(50);})();}else{if(Browser.Engine.webkit&&Browser.Engine.version<525){(function(){(["loaded","complete"].contains(document.readyState))?b():arguments.callee.delay(50); })();}else{window.addEvent("load",b);document.addEvent("DOMContentLoaded",b);}}})();var JSON=new Hash({$specialChars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replaceChars:function(a){return JSON.$specialChars[a]||"\\u00"+Math.floor(a.charCodeAt()/16).toString(16)+(a.charCodeAt()%16).toString(16); },encode:function(b){switch($type(b)){case"string":return'"'+b.replace(/[\x00-\x1f\\"]/g,JSON.$replaceChars)+'"';case"array":return"["+String(b.map(JSON.encode).clean())+"]"; case"object":case"hash":var a=[];Hash.each(b,function(e,d){var c=JSON.encode(e);if(c){a.push(JSON.encode(d)+":"+c);}});return"{"+a+"}";case"number":case"boolean":return String(b); 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);}});var Cookie=new Class({Implements:Options,options:{path:false,domain:false,duration:false,secure:false,document:document},initialize:function(b,a){this.key=b; this.setOptions(a);},write:function(b){b=encodeURIComponent(b);if(this.options.domain){b+="; domain="+this.options.domain;}if(this.options.path){b+="; path="+this.options.path; }if(this.options.duration){var a=new Date();a.setTime(a.getTime()+this.options.duration*24*60*60*1000);b+="; expires="+a.toGMTString();}if(this.options.secure){b+="; secure"; }this.options.document.cookie=this.key+"="+b;return this;},read:function(){var a=this.options.document.cookie.match("(?:^|;)\\s*"+this.key.escapeRegExp()+"=([^;]*)"); return(a)?decodeURIComponent(a[1]):null;},dispose:function(){new Cookie(this.key,$merge(this.options,{duration:-1})).write("");return this;}});Cookie.write=function(b,c,a){return new Cookie(b,a).write(c); };Cookie.read=function(a){return new Cookie(a).read();};Cookie.dispose=function(b,a){return new Cookie(b,a).dispose();};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(l,m){this.instance="Swiff_"+$time();this.setOptions(m);m=this.options;var b=this.id=m.id||this.instance;var a=document.id(m.container); Swiff.CallBacks[this.instance]={};var e=m.params,g=m.vars,f=m.callBacks;var h=$extend({height:m.height,width:m.width},m.properties);var k=this;for(var d in f){Swiff.CallBacks[this.instance][d]=(function(n){return function(){return n.apply(k.object,arguments); };})(f[d]);g[d]="Swiff.CallBacks."+this.instance+"."+d;}e.flashVars=Hash.toQueryString(g);if(Browser.Engine.trident){h.classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"; e.movie=l;}else{h.type="application/x-shockwave-flash";h.data=l;}var j='<object id="'+b+'"';for(var i in h){j+=" "+i+'="'+h[i]+'"';}j+=">";for(var c in e){if(e[c]){j+='<param name="'+c+'" value="'+e[c]+'" />'; }}j+="</object>";this.object=((a)?a.empty():new Element("div")).set("html",j).firstChild;},replaces:function(a){a=document.id(a,true);a.parentNode.replaceChild(this.toElement(),a); return this;},inject:function(a){document.id(a,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('<invoke name="'+fn+'" returntype="javascript">'+__flash__argumentsToXML(arguments,2)+"</invoke>"); return eval(rs);};var Fx=new Class({Implements:[Chain,Events,Options],options:{fps:50,unit:false,duration:500,link:"ignore"},initialize:function(a){this.subject=this.subject||this; this.setOptions(a);this.options.duration=Fx.Durations[this.options.duration]||this.options.duration.toInt();var b=this.options.wait;if(b===false){this.options.link="cancel"; }},getTransition:function(){return function(a){return -(Math.cos(Math.PI*a)-1)/2;};},step:function(){var a=$time();if(a<this.time+this.options.duration){var b=this.transition((a-this.time)/this.options.duration); this.set(this.compute(this.from,this.to,b));}else{this.set(this.compute(this.from,this.to,1));this.complete();}},set:function(a){return a;},compute:function(c,b,a){return Fx.compute(c,b,a); },check:function(){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments)); return false;}return false;},start:function(b,a){if(!this.check(b,a)){return this;}this.from=b;this.to=a;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(c,b,a){return(b-c)*a+c; };Fx.Durations={"short":250,normal:500,"long":1000};Fx.CSS=new Class({Extends:Fx,prepare:function(d,e,b){b=$splat(b);var c=b[1];if(!$chk(c)){b[1]=b[0]; b[0]=d.getStyle(e);}var a=b.map(this.parse);return{from:a[0],to:a[1]};},parse:function(a){a=$lambda(a)();a=(typeof a=="string")?a.split(" "):$splat(a); return a.map(function(c){c=String(c);var b=false;Fx.CSS.Parsers.each(function(f,e){if(b){return;}var d=f.parse(c);if($chk(d)){b={value:d,parser:f};}}); b=b||{value:c,parser:Fx.CSS.Parsers.String};return b;});},compute:function(d,c,b){var a=[];(Math.min(d.length,c.length)).times(function(e){a.push({value:d[e].parser.compute(d[e].value,c[e].value,b),parser:d[e].parser}); });a.$family={name:"fx:css:value"};return a;},serve:function(c,b){if($type(c)!="fx:css:value"){c=this.parse(c);}var a=[];c.each(function(d){a=a.concat(d.parser.serve(d.value,b)); });return a;},render:function(a,d,c,b){a.setStyle(d,this.serve(c,b));},search:function(a){if(Fx.CSS.Cache[a]){return Fx.CSS.Cache[a];}var b={};Array.each(document.styleSheets,function(e,d){var c=e.href; if(c&&c.contains("://")&&!c.contains(document.domain)){return;}var f=e.rules||e.cssRules;Array.each(f,function(j,g){if(!j.style){return;}var h=(j.selectorText)?j.selectorText.replace(/^\w+/,function(i){return i.toLowerCase(); }):null;if(!h||!h.test("^"+a+"$")){return;}Element.Styles.each(function(k,i){if(!j.style[i]||Element.ShortStyles[i]){return;}k=String(j.style[i]);b[i]=(k.test(/^rgb/))?k.rgbToHex():k; });});});return Fx.CSS.Cache[a]=b;}});Fx.CSS.Cache={};Fx.CSS.Parsers=new Hash({Color:{parse:function(a){if(a.match(/^#[0-9a-f]{3,6}$/i)){return a.hexToRgb(true); }return((a=a.match(/(\d+),\s*(\d+),\s*(\d+)/)))?[a[1],a[2],a[3]]:false;},compute:function(c,b,a){return c.map(function(e,d){return Math.round(Fx.compute(c[d],b[d],a)); });},serve:function(a){return a.map(Number);}},Number:{parse:parseFloat,compute:Fx.compute,serve:function(b,a){return(a)?b+a:b;}},String:{parse:$lambda(false),compute:$arguments(1),serve:$arguments(0)}}); Fx.Tween=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a);},set:function(b,a){if(arguments.length==1){a=b; b=this.property||this.options.property;}this.render(this.element,b,a,this.options.unit);return this;},start:function(c,e,d){if(!this.check(c,e,d)){return this; }var b=Array.flatten(arguments);this.property=this.options.property||b.shift();var a=this.prepare(this.element,this.property,b);return this.parent(a.from,a.to); }});Element.Properties.tween={set:function(a){var b=this.retrieve("tween");if(b){b.cancel();}return this.eliminate("tween").store("tween:options",$extend({link:"cancel"},a)); },get:function(a){if(a||!this.retrieve("tween")){if(a||!this.retrieve("tween:options")){this.set("tween",a);}this.store("tween",new Fx.Tween(this,this.retrieve("tween:options"))); }return this.retrieve("tween");}};Element.implement({tween:function(a,c,b){this.get("tween").start(arguments);return this;},fade:function(c){var e=this.get("tween"),d="opacity",a; c=$pick(c,"toggle");switch(c){case"in":e.start(d,1);break;case"out":e.start(d,0);break;case"show":e.set(d,1);break;case"hide":e.set(d,0);break;case"toggle":var b=this.retrieve("fade:flag",this.get("opacity")==1); e.start(d,(b)?0:1);this.store("fade:flag",!b);a=true;break;default:e.start(d,arguments);}if(!a){this.eliminate("fade:flag");}return this;},highlight:function(c,a){if(!a){a=this.retrieve("highlight:original",this.getStyle("background-color")); a=(a=="transparent")?"#fff":a;}var b=this.get("tween");b.start("background-color",c||"#ffff88",a).chain(function(){this.setStyle("background-color",this.retrieve("highlight:original")); b.callChain();}.bind(this));return this;}});Fx.Morph=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a); },set:function(a){if(typeof a=="string"){a=this.search(a);}for(var b in a){this.render(this.element,b,a[b],this.options.unit);}return this;},compute:function(e,d,c){var a={}; for(var b in e){a[b]=this.parent(e[b],d[b],c);}return a;},start:function(b){if(!this.check(b)){return this;}if(typeof b=="string"){b=this.search(b);}var e={},d={}; for(var c in b){var a=this.prepare(this.element,c,b[c]);e[c]=a.from;d[c]=a.to;}return this.parent(e,d);}});Element.Properties.morph={set:function(a){var b=this.retrieve("morph"); if(b){b.cancel();}return this.eliminate("morph").store("morph:options",$extend({link:"cancel"},a));},get:function(a){if(a||!this.retrieve("morph")){if(a||!this.retrieve("morph:options")){this.set("morph",a); }this.store("morph",new Fx.Morph(this,this.retrieve("morph:options")));}return this.retrieve("morph");}};Element.implement({morph:function(a){this.get("morph").start(a); return this;}});Fx.implement({getTransition:function(){var a=this.options.transition||Fx.Transitions.Sine.easeInOut;if(typeof a=="string"){var b=a.split(":"); a=Fx.Transitions;a=a[b[0]]||a[b[0].capitalize()];if(b[1]){a=a["ease"+b[1].capitalize()+(b[2]?b[2].capitalize():"")];}}return a;}});Fx.Transition=function(b,a){a=$splat(a); return $extend(b,{easeIn:function(c){return b(c,a);},easeOut:function(c){return 1-b(1-c,a);},easeInOut:function(c){return(c<=0.5)?b(2*c,a)/2:(2-b(2*(1-c),a))/2; }});};Fx.Transitions=new Hash({linear:$arguments(0)});Fx.Transitions.extend=function(a){for(var b in a){Fx.Transitions[b]=new Fx.Transition(a[b]);}};Fx.Transitions.extend({Pow:function(b,a){return Math.pow(b,a[0]||6); },Expo:function(a){return Math.pow(2,8*(a-1));},Circ:function(a){return 1-Math.sin(Math.acos(a));},Sine:function(a){return 1-Math.sin((1-a)*Math.PI/2); },Back:function(b,a){a=a[0]||1.618;return Math.pow(b,2)*((a+1)*b-a);},Bounce:function(f){var e;for(var d=0,c=1;1;d+=c,c/=2){if(f>=(7-4*d)/11){e=c*c-Math.pow((11-6*d-11*f)/4,2); break;}}return e;},Elastic:function(b,a){return Math.pow(2,10*--b)*Math.cos(20*b*Math.PI*(a[0]||1)/3);}});["Quad","Cubic","Quart","Quint"].each(function(b,a){Fx.Transitions[b]=new Fx.Transition(function(c){return Math.pow(c,[a+2]); });});var Request=new Class({Implements:[Chain,Events,Options],options:{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,noCache:false},initialize:function(a){this.xhr=new Browser.Request(); this.setOptions(a);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));this.xhr.onreadystatechange=$empty;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();}},isSuccess:function(){return((this.status>=200)&&(this.status<300)); },processScripts:function(a){if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){return $exec(a);}return a.stripScripts(this.options.evalScripts); },success:function(b,a){this.onSuccess(this.processScripts(b),a);},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(a,b){this.headers.set(a,b); return this;},getHeader:function(a){return $try(function(){return this.xhr.getResponseHeader(a);}.bind(this));},check:function(){if(!this.running){return true; }switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments));return false;}return false;},send:function(k){if(!this.check(k)){return this; }this.running=true;var i=$type(k);if(i=="string"||i=="element"){k={data:k};}var d=this.options;k=$extend({data:d.data,url:d.url,method:d.method},k);var g=k.data,b=k.url,a=k.method.toLowerCase(); switch($type(g)){case"element":g=document.id(g).toQueryString();break;case"object":case"hash":g=Hash.toQueryString(g);}if(this.options.format){var j="format="+this.options.format; g=(g)?j+"&"+g:j;}if(this.options.emulation&&!["get","post"].contains(a)){var h="_method="+a;g=(g)?h+"&"+g:h;a="post";}if(this.options.urlEncoded&&a=="post"){var c=(this.options.encoding)?"; charset="+this.options.encoding:""; this.headers.set("Content-type","application/x-www-form-urlencoded"+c);}if(this.options.noCache){var f="noCache="+new Date().getTime();g=(g)?f+"&"+g:f; }var e=b.lastIndexOf("/");if(e>-1&&(e=b.indexOf("#"))>-1){b=b.substr(0,e);}if(g&&a=="get"){b=b+(b.contains("?")?"&":"?")+g;g=null;}this.xhr.open(a.toUpperCase(),b,this.options.async); this.xhr.onreadystatechange=this.onStateChange.bind(this);this.headers.each(function(m,l){try{this.xhr.setRequestHeader(l,m);}catch(n){this.fireEvent("exception",[l,m]); }},this);this.fireEvent("request");this.xhr.send(g);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 a={}; ["get","post","put","delete","GET","POST","PUT","DELETE"].each(function(b){a[b]=function(){var c=Array.link(arguments,{url:String.type,data:$defined}); return this.send($extend(c,{method:b}));};});Request.implement(a);})();Element.Properties.send={set:function(a){var b=this.retrieve("send");if(b){b.cancel(); }return this.eliminate("send").store("send:options",$extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("action")},a));},get:function(a){if(a||!this.retrieve("send")){if(a||!this.retrieve("send:options")){this.set("send",a); }this.store("send",new Request(this.retrieve("send:options")));}return this.retrieve("send");}};Element.implement({send:function(a){var b=this.get("send"); b.send({data:this,url:a||b.options.url});return this;}});Request.HTML=new Class({Extends:Request,options:{update:false,append:false,evalScripts:true,filter:false},processHTML:function(c){var b=c.match(/<body[^>]*>([\s\S]*?)<\/body>/i); c=(b)?b[1]:c;var a=new Element("div");return $try(function(){var d="<root>"+c+"</root>",g;if(Browser.Engine.trident){g=new ActiveXObject("Microsoft.XMLDOM"); g.async=false;g.loadXML(d);}else{g=new DOMParser().parseFromString(d,"text/xml");}d=g.getElementsByTagName("root")[0];if(!d){return null;}for(var f=0,e=d.childNodes.length; f<e;f++){var h=Element.clone(d.childNodes[f],true,true);if(h){a.grab(h);}}return a;})||a.set("html",c);},success:function(d){var c=this.options,b=this.response; b.html=d.stripScripts(function(e){b.javascript=e;});var a=this.processHTML(b.html);b.tree=a.childNodes;b.elements=a.getElements("*");if(c.filter){b.tree=b.elements.filter(c.filter); }if(c.update){document.id(c.update).empty().set("html",b.html);}else{if(c.append){document.id(c.append).adopt(a.getChildren());}}if(c.evalScripts){$exec(b.javascript); }this.onSuccess(b.tree,b.elements,b.html,b.javascript);}});Element.Properties.load={set:function(a){var b=this.retrieve("load");if(b){b.cancel();}return this.eliminate("load").store("load:options",$extend({data:this,link:"cancel",update:this,method:"get"},a)); },get:function(a){if(a||!this.retrieve("load")){if(a||!this.retrieve("load:options")){this.set("load",a);}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; }});Request.JSON=new Class({Extends:Request,options:{secure:true},initialize:function(a){this.parent(a);this.headers.extend({Accept:"application/json","X-Request":"JSON"}); },success:function(a){this.response.json=JSON.decode(a,this.options.secure);this.onSuccess(this.response.json,a);}}); MooTools.More={version:"1.2.3.1"};Class.Mutators.Binds=function(a){return a;};Class.Mutators.initialize=function(a){return function(){$splat(this.Binds).each(function(b){var c=this[b]; if(c){this[b]=c.bind(this);}},this);return a.apply(this,arguments);};};var Drag=new Class({Implements:[Events,Options],options:{snap:6,unit:"px",grid:false,style:true,limit:false,handle:false,invert:false,preventDefault:false,modifiers:{x:"left",y:"top"}},initialize:function(){var b=Array.link(arguments,{options:Object.type,element:$defined}); this.element=document.id(b.element);this.document=this.element.getDocument();this.setOptions(b.options||{});var a=$type(this.options.handle);this.handles=((a=="array"||a=="collection")?$$(this.options.handle):document.id(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(c){if(this.options.preventDefault){c.preventDefault();}this.mouse.start=c.page;this.fireEvent("beforeStart",this.element); var a=this.options.limit;this.limit={x:[],y:[]};for(var d in this.options.modifiers){if(!this.options.modifiers[d]){continue;}if(this.options.style){this.value.now[d]=this.element.getStyle(this.options.modifiers[d]).toInt(); }else{this.value.now[d]=this.element[this.options.modifiers[d]];}if(this.options.invert){this.value.now[d]*=-1;}this.mouse.pos[d]=c.page[d]-this.value.now[d]; if(a&&a[d]){for(var b=2;b--;b){if($chk(a[d][b])){this.limit[d][b]=$lambda(a[d][b])();}}}}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(a){if(this.options.preventDefault){a.preventDefault(); }var b=Math.round(Math.sqrt(Math.pow(a.page.x-this.mouse.start.x,2)+Math.pow(a.page.y-this.mouse.start.y,2)));if(b>this.options.snap){this.cancel();this.document.addEvents({mousemove:this.bound.drag,mouseup:this.bound.stop}); this.fireEvent("start",[this.element,a]).fireEvent("snap",this.element);}},drag:function(a){if(this.options.preventDefault){a.preventDefault();}this.mouse.now=a.page; for(var b in this.options.modifiers){if(!this.options.modifiers[b]){continue;}this.value.now[b]=this.mouse.now[b]-this.mouse.pos[b];if(this.options.invert){this.value.now[b]*=-1; }if(this.options.limit&&this.limit[b]){if($chk(this.limit[b][1])&&(this.value.now[b]>this.limit[b][1])){this.value.now[b]=this.limit[b][1];}else{if($chk(this.limit[b][0])&&(this.value.now[b]<this.limit[b][0])){this.value.now[b]=this.limit[b][0]; }}}if(this.options.grid[b]){this.value.now[b]-=((this.value.now[b]-(this.limit[b][0]||0))%this.options.grid[b]);}if(this.options.style){this.element.setStyle(this.options.modifiers[b],this.value.now[b]+this.options.unit); }else{this.element[this.options.modifiers[b]]=this.value.now[b];}}this.fireEvent("drag",[this.element,a]);},cancel:function(a){this.document.removeEvent("mousemove",this.bound.check); this.document.removeEvent("mouseup",this.bound.cancel);if(a){this.document.removeEvent(this.selection,this.bound.eventStop);this.fireEvent("cancel",this.element); }},stop:function(a){this.document.removeEvent(this.selection,this.bound.eventStop);this.document.removeEvent("mousemove",this.bound.drag);this.document.removeEvent("mouseup",this.bound.stop); if(a){this.fireEvent("complete",[this.element,a]);}}});Element.implement({makeResizable:function(a){var b=new Drag(this,$merge({modifiers:{x:"width",y:"height"}},a)); this.store("resizer",b);return b.addEvent("drag",function(){this.fireEvent("resize",b);}.bind(this));}});Drag.Move=new Class({Extends:Drag,options:{droppables:[],container:false,precalculate:false,includeMargins:true,checkDroppables:true},initialize:function(c,b){this.parent(c,b); this.droppables=$$(this.options.droppables);this.container=document.id(this.options.container);if(this.container&&$type(this.container)!="element"){this.container=document.id(this.container.getDocument().body); }var a=this.element.getStyle("position");if(a=="static"){a="absolute";}if([this.element.getStyle("left"),this.element.getStyle("top")].contains("auto")){this.element.position(this.element.getPosition(this.element.offsetParent)); }this.element.setStyle("position",a);this.addEvent("start",this.checkDroppables,true);this.overed=null;},start:function(f){if(this.container){var b=this.container.getCoordinates(this.element.getOffsetParent()),c={},e={}; ["top","right","bottom","left"].each(function(g){c[g]=this.container.getStyle("border-"+g).toInt();e[g]=this.element.getStyle("margin-"+g).toInt();},this); var d=this.element.offsetWidth+e.left+e.right;var a=this.element.offsetHeight+e.top+e.bottom;if(this.options.includeMargins){$each(e,function(h,g){e[g]=0; });}if(this.container==this.element.getOffsetParent()){this.options.limit={x:[0-e.left,b.right-c.left-c.right-d+e.right],y:[0-e.top,b.bottom-c.top-c.bottom-a+e.bottom]}; }else{this.options.limit={x:[b.left+c.left-e.left,b.right-c.right-d+e.right],y:[b.top+c.top-e.top,b.bottom-c.bottom-a+e.bottom]};}}if(this.options.precalculate){this.positions=this.droppables.map(function(g){return g.getCoordinates(); });}this.parent(f);},checkAgainst:function(c,b){c=(this.positions)?this.positions[b]:c.getCoordinates();var a=this.mouse.now;return(a.x>c.left&&a.x<c.right&&a.y<c.bottom&&a.y>c.top); },checkDroppables:function(){var a=this.droppables.filter(this.checkAgainst,this).getLast();if(this.overed!=a){if(this.overed){this.fireEvent("leave",[this.element,this.overed]); }if(a){this.fireEvent("enter",[this.element,a]);}this.overed=a;}},drag:function(a){this.parent(a);if(this.options.checkDroppables&&this.droppables.length){this.checkDroppables(); }},stop:function(a){this.checkDroppables();this.fireEvent("drop",[this.element,this.overed,a]);this.overed=null;return this.parent(a);}});Element.implement({makeDraggable:function(a){var b=new Drag.Move(this,a); this.store("dragger",b);return b;}});var Slider=new Class({Implements:[Events,Options],Binds:["clickedElement","draggedKnob","scrolledElement"],options:{onTick:function(a){if(this.options.snap){a=this.toPosition(this.step); }this.knob.setStyle(this.property,a);},snap:false,offset:0,range:false,wheel:false,steps:100,mode:"horizontal"},initialize:function(f,a,e){this.setOptions(e); this.element=document.id(f);this.knob=document.id(a);this.previousChange=this.previousEnd=this.step=-1;var g,b={},d={x:false,y:false};switch(this.options.mode){case"vertical":this.axis="y"; this.property="top";g="offsetHeight";break;case"horizontal":this.axis="x";this.property="left";g="offsetWidth";}this.half=this.knob[g]/2;this.full=this.element[g]-this.knob[g]+(this.options.offset*2); this.min=$chk(this.options.range[0])?this.options.range[0]:0;this.max=$chk(this.options.range[1])?this.options.range[1]:this.options.steps;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);this.knob.setStyle("position","relative").setStyle(this.property,-this.options.offset); d[this.axis]=this.property;b[this.axis]=[-this.options.offset,this.full-this.options.offset];this.bound={clickedElement:this.clickedElement.bind(this),scrolledElement:this.scrolledElement.bindWithEvent(this),draggedKnob:this.draggedKnob.bind(this)}; var c={snap:0,limit:b,modifiers:d,onDrag:this.bound.draggedKnob,onStart:this.bound.draggedKnob,onBeforeStart:(function(){this.isDragging=true;}).bind(this),onComplete:function(){this.isDragging=false; this.draggedKnob();this.end();}.bind(this)};if(this.options.snap){c.grid=Math.ceil(this.stepWidth);c.limit[this.axis][1]=this.full;}this.drag=new Drag(this.knob,c); this.attach();},attach:function(){this.element.addEvent("mousedown",this.bound.clickedElement);if(this.options.wheel){this.element.addEvent("mousewheel",this.bound.scrolledElement); }this.drag.attach();return this;},detach:function(){this.element.removeEvent("mousedown",this.bound.clickedElement);this.element.removeEvent("mousewheel",this.bound.scrolledElement); this.drag.detach();return this;},set:function(a){if(!((this.range>0)^(a<this.min))){a=this.min;}if(!((this.range>0)^(a>this.max))){a=this.max;}this.step=Math.round(a); this.checkStep();this.fireEvent("tick",this.toPosition(this.step));this.end();return this;},clickedElement:function(c){if(this.isDragging||c.target==this.knob){return; }var b=this.range<0?-1:1;var a=c.page[this.axis]-this.element.getPosition()[this.axis]-this.half;a=a.limit(-this.options.offset,this.full-this.options.offset); this.step=Math.round(this.min+b*this.toStep(a));this.checkStep();this.fireEvent("tick",a);this.end();},scrolledElement:function(a){var b=(this.options.mode=="horizontal")?(a.wheel<0):(a.wheel>0); this.set(b?this.step-this.stepSize:this.step+this.stepSize);a.stop();},draggedKnob:function(){var b=this.range<0?-1:1;var a=this.drag.value.now[this.axis]; a=a.limit(-this.options.offset,this.full-this.options.offset);this.step=Math.round(this.min+b*this.toStep(a));this.checkStep();},checkStep:function(){if(this.previousChange!=this.step){this.previousChange=this.step; this.fireEvent("change",this.step);}},end:function(){if(this.previousEnd!==this.step){this.previousEnd=this.step;this.fireEvent("complete",this.step+""); }},toStep:function(a){var b=(a+this.options.offset)*this.stepSize/this.full*this.steps;return this.options.steps?Math.round(b-=b%this.stepSize):b;},toPosition:function(a){return(this.full*Math.abs(this.min-a))/(this.steps*this.stepSize)-this.options.offset; }});var Asset={javascript:function(f,d){d=$extend({onload:$empty,document:document,check:$lambda(true)},d);var b=new Element("script",{src:f,type:"text/javascript"}); var e=d.onload.bind(b),a=d.check,g=d.document;delete d.onload;delete d.check;delete d.document;b.addEvents({load:e,readystatechange:function(){if(["loaded","complete"].contains(this.readyState)){e(); }}}).set(d);if(Browser.Engine.webkit419){var c=(function(){if(!$try(a)){return;}$clear(c);e();}).periodical(50);}return b.inject(g.head);},css:function(b,a){return new Element("link",$merge({rel:"stylesheet",media:"screen",type:"text/css",href:b},a)).inject(document.head); },image:function(c,b){b=$merge({onload:$empty,onabort:$empty,onerror:$empty},b);var d=new Image();var a=document.id(d)||new Element("img");["load","abort","error"].each(function(e){var f="on"+e; var g=b[f];delete b[f];d[f]=function(){if(!d){return;}if(!a.parentNode){a.width=d.width;a.height=d.height;}d=d.onload=d.onabort=d.onerror=null;g.delay(1,a,a); a.fireEvent(e,a,1);};});d.src=a.src=c;if(d&&d.complete){d.onload.delay(1);}return a.set(b);},images:function(d,c){c=$merge({onComplete:$empty,onProgress:$empty,onError:$empty,properties:{}},c); d=$splat(d);var a=[];var b=0;return new Elements(d.map(function(e){return Asset.image(e,$extend(c.properties,{onload:function(){c.onProgress.call(this,b,d.indexOf(e)); b++;if(b==d.length){c.onComplete();}},onerror:function(){c.onError.call(this,b,d.indexOf(e));b++;if(b==d.length){c.onComplete();}}}));}));}}; Core = { createNamespace: function(namespace) { var namespace_arr = namespace.split('.'); var root = window; for (var i = 0; i < namespace_arr.length; i++) { if (! $type(root[namespace_arr[i]])) { root[namespace_arr[i]] = {}; } root = root[namespace_arr[i]] ; } } }; Core.createNamespace('nl.code.util'); nl.code.util.Loading = { container: null, show: function() { var container = nl.code.util.Loading.getContainer(); var overlay = container.getElement('div.overlay'); overlay.setStyles({ width: Window.getScrollWidth().toInt(), height: Window.getScrollHeight().toInt(), opacity: 0.4 }); container.setStyle('display', 'block'); }, hide: function() { var container = nl.code.util.Loading.getContainer(); container.setStyle('display', 'none'); }, getContainer: function() { if (! nl.code.util.Loading.container) { nl.code.util.Loading.container = nl.code.util.Loading.renderContainer(); } return nl.code.util.Loading.container; }, renderContainer: function() { var container = new Element('div', { 'id': 'loading' }); container.inject($(document.body)); var overlay = new Element('div', { 'class': 'overlay' }); overlay.inject(container); var image_container = new Element('div', { 'class': 'image-container' }); image_container.inject(container); return container; } }; Core.createNamespace('nl.code.util'); nl.code.util.Observable = new Class({ initialize: function(event_arr) { this.event_hash = new Hash({}); for (var i = 0; i < event_arr.length; i++) { this.event_hash.set(event_arr[i], new nl.code.util.Event(event_arr[i])); } }, fireEvent: function(event_name, option_json) { if (this.event_hash.has(event_name)) { var event = this.event_hash.get(event_name); event.fire(this, option_json); return true; } return false; }, addListener: function(event_name, object) { if (this.event_hash.has(event_name)) { var event = this.event_hash.get(event_name); return event.addListener(object); } return false; }, removeListener: function(event_name, object) { if (this.event_hash.has(event_name)) { var event = this.event_hash.get(event_name); return event.removeListener(object); } return false; } }); Core.createNamespace('nl.code.util'); nl.code.util.Event = new Class({ initialize: function(event_name) { this.event_name = event_name; this.listener_arr = []; }, fire: function(observable, option_json) { for (var i = 0; i < this.listener_arr.length; i++) { if ($type(this.listener_arr[i].o[this.event_name]) == 'function') { this.listener_arr[i].o[this.event_name](observable, option_json); } } }, addListener: function(object, callback) { var listener = {o: object, c: callback}; if (! this.listener_arr.contains(listener)) { this.listener_arr.push(listener); return true; } return false; }, removeListener: function(object, callback) { var listener = {o: object, c: callback}; if (this.listener_arr.contains(listener)) { this.listener_arr.erase(listener); return true; } return false; } }); Core.createNamespace('nl.code.util'); nl.code.util.Date = new Class({ /** * Constructor * * @param Date/string * @param object, {seperator: '-', year_index: 0, month_index: 1, day_index: 2} */ initialize: function(date, format) { if (! $type(format)) { format = { seperator: '-', year_index: 0, month_index: 1, day_index: 2 }; } this.format = format; this.day = null ; this.month = null ; this.year = null ; if ($type(date) == 'string') { date = this.stringToDate(date, format); if (date !== null) { this.day = date.getDate(); this.month = date.getMonth(); this.year = date.getFullYear(); } } else if ($type(date) == 'date') { this.day = date.getDate(); this.month = date.getMonth(); this.year = date.getFullYear(); } }, toString: function(format) { if (! $type(format)) { format = { leading_zeros: true, full_day: false, full_month: true, seperator: ' ', year_index: 2, month_index: 1, day_index: 0 }; } var date_arr = []; date_arr[format.year_index] = this.year; if (format.full_month) { date_arr[format.month_index] = nl.code.util.Date.month_arr[this.month]; } else if (format.leading_zeros && this.month < 9) { date_arr[format.month_index] = '0'+ (this.month + 1); } else { date_arr[format.month_index] = this.month + 1; } if (format.full_day) { var date = new Date(this.year, this.month, this.day); date_arr[format.day_index] = nl.code.util.Date.day_arr[date.getDay()] +' '+ this.day; } else if (format.leading_zeros && this.day < 10) { date_arr[format.day_index] = '0'+ this.day; } else { date_arr[format.day_index] = this.day; } var date_str = ''; for (var i = 0; i < date_arr.length; i++) { if (date_str) { date_str += format.seperator; } date_str += date_arr[i]; } return date_str; }, stringToDate: function(date_str, format) { var item_arr = date_str.split(format.seperator); if (item_arr.length != 3) { return null; } return new Date(item_arr[format.year_index], (item_arr[format.month_index]-1), item_arr[format.day_index]) ; } }); nl.code.util.Date.month_arr = ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december']; nl.code.util.Date.day_arr = ['zondag', 'maandag', 'dinsdag', 'woendag', 'donderdag', 'vrijdag', 'zaterdag']; Core.createNamespace('nl.code.util'); nl.code.util.Debug = { container: null, trace: function(text, make_clean) { if (! $type(make_clean)) { make_clean = false; } var container = nl.code.util.Debug.getContainer(); if (! make_clean) { text = text +'<br />'+ container.get('html'); } container.set('html', text); }, getContainer: function() { if (nl.code.util.Debug.container === null) { nl.code.util.Debug.container = new Element('div', { 'id': 'debug' }); nl.code.util.Debug.container.inject($(document.body), 'top'); } return nl.code.util.Debug.container; } }; Core.createNamespace('nl.code.pager'); nl.code.pager.Uri = { base_url: null, setBaseUrl: function(base_url) { nl.code.pager.Uri.base_url = base_url; }, /** * Make external links open in a new browser/tab * * @param root Element, the html element to scan for anchors, defaults to body * @param array * @return void */ parseExternalLinks: function(root, exception_arr) { if (! $type(root)) { root = $(document.body); } if (! $type(exception_arr)) { exception_arr = []; } var anchor_arr = root.getElements('a'); for (var i = 0; i < anchor_arr.length; i++) { var url = nl.code.pager.Uri.getAnchorUrl(anchor_arr[i]); var rel = anchor_arr[i].get('rel'); if (! url) { continue; } if (! rel || rel != '_blank') { if (nl.code.pager.Uri.isExceptionUrl(url, exception_arr)) { continue; } if (! nl.code.pager.Uri.isExternalUrl(url)) { continue; } } anchor_arr[i].addClass('js-external-uri'); anchor_arr[i].addEvent('click', function(event) { event.stop(); window.open(this.get('href'), '_blank'); }); } }, isExceptionUrl: function(url, exception_arr) { for (var i = 0; i < exception_arr.length; i++) { if (url.test(exception_arr[i])) { return true; } } return false; }, isExternalUrl: function(url) { var file_re = /\.[a-z0-9]{2,4}$/i; var http_re = /^https?\:\/\//i; var mailto_re = /^mailto\:/; var javascript_re = /^javascript\:/; if (mailto_re.test(url) || javascript_re.test(url) || ! (file_re.test(url) || http_re.test(url))) { return false; } return true; }, isInternalUrl: function (url) { var file_re = /\.[a-z0-9]{2,4}$/i; var javascript_re = /^javascript\:/; var http_re = /^https?\:\/\//i; var mailto_re = /^mailto\:/; if (! file_re.test(url) && ! javascript_re.test(url) && ! http_re.test(url) && ! mailto_re.test(url)) { return true; } return false; }, getAnchorUrl: function(anchor) { var url = anchor.get('href'); var http_re = /^https?\:\/\//i; var base_url = new RegExp(window.location.protocol +'\/\/(www\.)?'+ window.location.host.replace('www.', ''), 'i'); if (! url) { return; } url = url.replace(base_url, ''); if (http_re.test(nl.code.pager.Uri.base_url)) { url = url.replace(nl.code.pager.Uri.base_url); } return url; }, getHash: function() { var hash = window.location.hash; hash = hash.replace('#/', ''); return hash; }, /** * Get the hash part of the url in the address bar of the browser * Remove the first "#/" * * @param string * @return void */ setHash: function(hash) { window.location.hash = hash; } }; Core.createNamespace('nl.code.pager'); nl.code.pager.PageData = { history_manager: null, show_loading: true, request: function(uri, observer, data) { if (! $type(data)) { data = ''; } var request = new Request({ url: uri +'/?ajax=true&pager_file='+ $(document.body).get('id'), onSuccess: function(responseText, responseXML) { nl.code.pager.PageData.requestSuccess(observer, responseText, responseXML); } }); if (nl.code.pager.PageData.show_loading) { nl.code.util.Loading.show(); } request.send(data); }, requestSuccess: function(observer, responseText, responseXML) { var response = responseText.replace(/\n/g, ''); response = response.replace(/\r/g, ''); var json_object = JSON.decode(response); if (nl.code.pager.PageData.show_loading) { nl.code.util.Loading.hide(); } observer.setContent(json_object, response); }, /** * Make external links open in a new browser/tab * * @param root Element, the html element to scan for anchors, defaults to body * @param array, string of domains that do not have to open in a new window * @return void */ parseExternalLinks: function(root, exception_arr) { nl.code.pager.Uri.parseExternalLinks(root, exception_arr); }, parseAjaxElements: function(pager, root) { if (! nl.code.pager.PageData.history_manager) { nl.code.pager.PageData.history_manager = new nl.code.pager.HistoryManager(pager); } nl.code.pager.PageData.parseAjaxLinks(root); nl.code.pager.PageData.parseAjaxForms(root); }, parseAjaxForms: function(root) { var form_arr = root.getElements('form'); for (var i = 0; i < form_arr.length; i++) { nl.code.pager.PageData.parseAjaxForm(form_arr[i]); } }, parseAjaxForm: function(form) { var uri = form.get('action'); var http_re = /^https?\:\/\//i; if (http_re.test(nl.code.pager.Uri.base_url)) { uri = uri.replace(nl.code.pager.Uri.base_url, ''); } form.addEvent('submit', function(event) { event.stop(); nl.code.pager.PageData.history_manager.addHistoryEntry(uri, this.toQueryString()); }); }, parseAjaxLinks: function(root) { var anchor_arr = root.getElements('a'); for (var i = 0; i < anchor_arr.length; i++) { if (anchor_arr[i].get('rel') == 'lightbox') { continue; } if (! nl.code.pager.Uri.isInternalLink(anchor_arr[i])) { continue; } nl.code.pager.PageData.parseAjaxLink(anchor_arr[i]); } }, parseAjaxLink: function(anchor) { var href = nl.code.pager.Uri.getAnchorUri(anchor); anchor.addEvent('click', function(event) { event.stop(); nl.code.pager.PageData.history_manager.addHistoryEntry(href); }); } }; Core.createNamespace('nl.code.pager'); nl.code.pager.Pager = new Class({ Extends: nl.code.util.Observable, initialize: function(base_url) { this.parent(['update_element', 'update_page']); this.page_object_arr = []; this.site_object_arr = []; this.template = $(document.body).get('id'); this.id = this.template; nl.code.pager.Uri.setBaseUrl(base_url); }, setContent: function(data, text) { try { this.template = data.template; this.id = data.id; $(document.body).set('id', data.template); for (var i = 0; i < this.page_object_arr.length; i++) { delete this.page_object_arr[i]; } for (html_id in data.content) { var element = $(html_id); if (! element) { continue; } element.empty(); element.set('html', data.content[html_id]); this.scanContent(element); this.fireEvent('update_element', {html_id: html_id}); } if ($type(data.scripts) == 'array') { for (var i = 0; i < data.scripts.length; i++) { eval(data.scripts[i]); } } this.fireEvent('update_page', {uri: nl.code.pager.Uri.getHash()}); } catch (e) { } }, scanContent: function(root) { } }); Core.createNamespace('nl.code.form'); nl.code.form.Form = new Class({ container: null, field_arr: [], initialize: function(container, field_type_arr) { this.container = container; if (! $type(field_type_arr)) { field_type_arr = ['button', 'radio', 'checkbox', 'select']; } this.field_arr = nl.code.form.Field.getFields(container, field_type_arr); }, isChanged: function() { for (var i = 0; i < this.field_arr.length; i++) { if (this.field_arr[i].isChanged()) { return true; } } return false; }, getField: function(property, query) { for (var i = 0; i < this.field_arr.length; i++) { if (! this.field_arr[i].container.get(property)) { continue; } if (this.field_arr[i].container.get(property).test(query, 'i')) { return this.field_arr[i]; } } return false; }, reset: function() { for (var i = 0; i < this.field_arr.length; i++) { this.field_arr[i].reset(); } }, getFields: function(search_arr) { var field_arr = []; for (var i = 0; i < search_arr.length; i++) { for (var j = 0; j < this.field_arr.length; j++) { if (! this.field_arr[j].container.get(search_arr[i].property)) { continue; } if (this.field_arr[j].container.get(search_arr[i].property).test(search_arr[i].query, 'i')) { field_arr.push(this.field_arr[j]); } } } return field_arr; } }); nl.code.form.Form.getForms = function(css_selector, field_type_arr) { var form_arr = []; var element_arr = $(document.body).getElements(css_selector); for (var i = 0; i < element_arr.length; i++) { form_arr.push(new nl.code.form.Form(element_arr[i], field_type_arr)); } return form_arr; }; nl.code.form.Field = new Class({ Extends: nl.code.util.Observable, container: null, id: null, old_value: null, label: null, initialize: function(container, event_arr) { this.container = container; this.id = this.container.get('id'); if (! $type(event_arr)) { event_arr = []; } this.parent(event_arr); this.old_value = this.getValue(); if (this.id) { this.label = $(document.body).getElement('label[for='+ this.id+']'); } }, reset: function() { this.setValue(this.old_value); }, getType: function() { return 'Field'; }, isChanged: function() { if (this.old_value == this.getValue()) { return false; } else { return true; } }, getValue: function() { return this.container.get('value'); }, setValue: function(value) { return this.container.set('value', value); }, disable: function() { this.container.set('disabled', true); this.container.addClass('disabled'); }, enable: function() { this.container.set('disabled', false); this.container.removeClass('disabled'); } }); nl.code.form.Field.getFields = function(container, field_type_arr) { var field_arr = []; var radio_group = null; var input_arr = container.getElements('input'); for (var i = 0; i < input_arr.length; i++) { if (input_arr[i].hasClass('date') && field_type_arr.indexOf('date') != -1) { field_arr.push(new nl.code.form.DateField(input_arr[i])); } else if (input_arr[i].hasClass('file') && field_type_arr.indexOf('file') != -1) { field_arr.push(new nl.code.form.FileField(input_arr[i])); } else if (input_arr[i].hasClass('text') && field_type_arr.indexOf('text') != -1) { field_arr.push(new nl.code.form.TextField(input_arr[i])); } else if ((input_arr[i].get('type') == 'submit' || input_arr[i].get('type') == 'image' || input_arr[i].get('type') == 'reset') && field_type_arr.indexOf('button') != -1) { field_arr.push(new nl.code.form.ButtonField(input_arr[i])); } else if (input_arr[i].get('type') == 'radio' && field_type_arr.indexOf('radio') != -1) { if (radio_group == null) { radio_group = new nl.code.form.RadioGroup(); } field_arr.push(new nl.code.form.RadioField(input_arr[i], radio_group)); } else if (input_arr[i].get('type') == 'checkbox' && field_type_arr.indexOf('checkbox') != -1) { field_arr.push(new nl.code.form.CheckboxField(input_arr[i])); } } if (field_type_arr.indexOf('textarea') != -1) { var textarea_arr = container.getElements('textarea'); for (var i = 0; i < textarea_arr.length; i++) { field_arr.push(new nl.code.form.TextareaField(textarea_arr[i])); } } if (field_type_arr.indexOf('select') != -1) { var select_arr = container.getElements('select'); for (var i = 0; i < select_arr.length; i++) { field_arr.push(new nl.code.form.SelectField(select_arr[i])); } } return field_arr; }; nl.code.form.SelectField = new Class({ Extends: nl.code.form.Field, select_container: null, selected_option: null, overlay: null, options_container: null, initialize: function(container) { this.parent(container, ['change', 'enable', 'disable']); this.select_container = this.createSelectContainer(); this.selected_option = this.createSelectedOption(); this.overlay = this.createOverlay(); this.options_container = this.createOptionsContainer(); this.container.setStyles({ visibility: 'hidden', position: 'absolute' }); if (this.label) { var thisObject = this; this.label.addEvent('click', function(event) { event.stop(); thisObject.toggleOptionsVisibility(); }); } }, createSelectedOption: function() { var thisObject = this; var anchor = new Element('a', { 'class': 'selected', 'href': 'javascript:void(null);', 'events': { 'click': function(event) { event.stop(); thisObject.toggleOptionsVisibility(); } } }); anchor.inject(this.select_container); var span = new Element('span', { 'text': this.getSelectedOption().text }); span.inject(anchor); return span; }, createSelectContainer: function() { var thisObject = this; var select_container = new Element('div', { 'class': 'js-select form-'+ this.container.get('id') +'-select', 'styles': { width: this.container.getSize().x } }); select_container.inject(this.container, 'after'); if (this.container.get('disabled')) { select_container.addClass('select-disabled'); } return select_container; }, createOverlay: function() { var thisObject = this; var overlay = new Element('div', { 'class': 'overlay', 'events': { 'click': function() { thisObject.hideOptions(); } } }); overlay.inject($(document.body)); return overlay; }, createOptionsContainer: function() { var thisObject = this; var options_container = new Element('div', { 'class': 'select-options', 'styles': { visibility: 'hidden', display: 'block', left: '-1000px' } }); options_container.inject($(document.body)); var width = this.container.getSize().x; width -= options_container.getStyle('border-left-width').toInt(); width -= options_container.getStyle('border-right-width').toInt(); options_container.setStyle('width', width); for (var i = 0; i < this.container.options.length; i++) { this.createOption(this.container.options[i], options_container); } try { var scroll = new nl.code.scroll.ScrollableArea(options_container, width, 210, 21); } catch (e) { var scroll = null; } options_container.setStyles({ visibility: 'visible', display: 'none' }); return options_container; }, createOption: function(option, options_container) { var thisObject = this; var option = new Element('a', { 'class': 'option', 'id': this.container.name +'-'+ option.value, 'text': option.text, 'href': 'javascript:void(null);', 'events': { 'click': function(event) { event.stop(); thisObject.setValue(this.get('id').replace(thisObject.container.name +'-', '')); } } }); option.inject(options_container); }, resetOptionList: function(option_arr) { this.container.options.length = 0; var selected_value = 0; for (var i = 0; i < option_arr.length; i++) { if (i == 0) { selected_value = option_arr[i].key; } this.container.options[i] = new Option(option_arr[i].value, option_arr[i].key); } this.options_container.destroy(); this.options_container = this.createOptionsContainer(); this.setValue(selected_value); }, getType: function() { return 'SelectField'; }, toggleOptionsVisibility: function() { if (this.options_container.getStyle('display') == 'none') { this.showOptions(); } else { this.hideOptions(); } }, showOptions: function() { if (this.container.get('disabled')) { return; } var coordinates = this.select_container.getCoordinates(); this.overlay.setStyles({ display: 'block', width: window.getScrollWidth().toInt(), height: window.getScrollHeight().toInt() }); this.options_container.setStyles({ top: coordinates.top.toInt() + coordinates.height.toInt(), left: coordinates.left.toInt(), display: 'block'/*, /*visibility: 'visible'/**/ /*width: coordinates.width.toInt(),/**/ }); /* var thisObject = this; (function() {thisObject.options_container.setStyle('display', 'block')}).delay(10);/**/ }, hideOptions: function() { this.overlay.setStyle('display', 'none'); /*this.options_container.setStyle('visibility', 'hidden');/**/ this.options_container.setStyle('display', 'none'); }, getSelectedOption: function() { return this.container.options[this.container.selectedIndex]; }, getValue: function() { return this.container.options[this.container.selectedIndex].value; }, setValue: function(value) { var old_id = this.getSelectedOption().value; for (var i = 0; i < this.container.options.length; i++) { if (this.container.options[i].value == value) { this.container.options[i].selected = true; this.selected_option.set('text', this.container.options[i].text); break; } } if (old_id != value) { this.fireEvent('change'); this.container.fireEvent('change'); } this.hideOptions(); }, enable: function() { this.container.set('disabled', false); this.select_container.removeClass('select-disabled'); this.fireEvent('enable'); }, disable: function() { this.container.set('disabled', true); this.select_container.addClass('select-disabled'); this.fireEvent('disable'); } }); nl.code.form.CheckboxField = new Class({ Extends: nl.code.form.Field, checkbox_container: null, initialize: function(container) { this.parent(container, ['change']); this.checkbox_container = this.createCheckboxContainer(); this.container.setStyle('display', 'none'); if (this.label) { var thisObject = this; this.label.addEvent('click', function(event) { event.stop(); thisObject.toggle(); }); } }, getType: function() { return 'CheckboxField'; }, getValue: function() { return this.container.get('checked'); }, setValue: function(value) { if (value) { this.container.set('checked', true); this.checkbox_container.addClass('checkbox-checked'); } else { this.container.set('checked', false); this.checkbox_container.removeClass('checkbox-checked'); } this.fireEvent('change'); }, enable: function() { this.container.set('checkbox-disabled', false); }, disable: function() { this.container.set('checkbox-disabled', true); }, toggle: function() { this.setValue(!this.container.get('checked')); }, createCheckboxContainer: function() { var thisObject = this; var container = new Element('div', { 'class': 'js-checkbox', 'events': { 'click': function(event) { event.stop(); thisObject.toggle(); } } }); container.inject(this.container, 'before'); if (this.getValue()) { container.addClass('checkbox-checked'); } return container; } }); nl.code.form.RadioGroup = new Class({ radio_group_hash: null, initialize: function() { this.radio_group_hash = new Hash(); }, register: function(radio_field) { var radio_arr = [radio_field]; if (this.radio_group_hash.has(radio_field.container.get('name'))) { radio_arr = this.radio_group_hash.get(radio_field.container.get('name')); radio_arr.push(radio_field); } radio_field.addListener('checked', this); this.radio_group_hash.set(radio_field.container.get('name'), radio_arr); }, checked: function(radio_field) { var radio_arr = this.radio_group_hash.get(radio_field.container.get('name')); for (var i = 0; i < radio_arr.length; i++) { if (radio_arr[i].id != radio_field.id) { radio_arr[i].setValue(false); } } } }); nl.code.form.RadioField = new Class({ Extends: nl.code.form.Field, radio_container: null, initialize: function(container, radio_group) { this.radio_group = radio_group; this.parent(container, ['checked']); this.radio_group.register(this); this.radio_container = this.createRadioContainer(); this.container.setStyle('display', 'none'); if (this.label) { var thisObject = this; this.label.addEvent('click', function(event) { event.stop(); thisObject.setValue(true); }); } }, getType: function() { return 'RadioField'; }, getValue: function() { return this.container.get('checked'); }, setValue: function(value) { if (value) { this.container.set('checked', true); this.radio_container.addClass('radio-checked'); this.fireEvent('checked'); } else { this.container.set('checked', false); this.radio_container.removeClass('radio-checked'); } }, enable: function() { this.container.set('radio-disabled', false); }, disable: function() { this.container.set('radio-disabled', true); }, createRadioContainer: function() { var thisObject = this; var container = new Element('div', { 'class': 'js-radio', 'events': { 'click': function(event) { event.stop(); thisObject.setValue(true); } } }); container.inject(this.container, 'before'); if (this.getValue()) { container.addClass('radio-checked'); } return container; } }); nl.code.form.ButtonField = new Class({ Extends: nl.code.form.Field, initialize: function(container) { this.parent(container, ['click']); if (this.container.hasClass('button-disabled')) { this.container.set('disabled', true); } var thisObject = this; this.container.addEvents({ 'mouseover': function() { thisObject.mouseOver(); }, 'mouseout': function() { thisObject.mouseOut(); }, 'click': function(event) { thisObject.fireEvent('click', event); } }); }, getType: function() { return 'ButtonField'; }, mouseOver: function() { this.container.addClass('button-hover'); }, mouseOut: function() { this.container.removeClass('button-hover'); }, enable: function() { this.container.removeClass('button-disabled'); this.container.set('disabled', false); }, disable: function() { this.container.addClass('button-disabled'); this.container.set('disabled', true); } }); Core.createNamespace('nl.code.scroll'); nl.code.scroll.ScrollableArea = new Class({ container: null, content: null, scrollbar: null, initialize: function(element, width, height, delta_height) { this.container = this.createContainer(element, width); this.content = this.createContent(width); var content_height = this.getContentHeight(); if (content_height > height) { this.container.addClass('scrollable'); this.container.setStyle('height', height); this.createScrollbar(height, delta_height); } else { this.container.setStyle('height', content_height); } }, createScrollbar: function(height, delta_height) { this.scrollbar = new nl.code.scroll.Scrollbar(this, this.container, height, delta_height); }, setContentPosition: function(y) { this.content.setStyle('top', y); }, getContentPosition: function() { return this.content.getStyle('top').toInt(); }, getContentHeight: function() { return this.content.getCoordinates().height; }, shrinkContentWidth: function(width) { this.content.setStyle('width', this.content.getCoordinates().width - width); }, getContainerHeight: function() { return this.container.getCoordinates().height; }, createContent: function(width) { var container = new Element('div', { 'class': 'scrollable-content', 'styles': { width: width } }); container.adopt(this.container.getChildren()); container.inject(this.container); return container; }, createContainer: function(element, width) { var container = new Element('div', { 'class': 'scrollable-container', 'styles': { width: width } }); container.adopt(element.getChildren()); container.inject(element); return container; }, getContents: function(element) { var contents = element.get('html'); element.erase('html'); return contents; } }); nl.code.scroll.Scrollbar = new Class({ scroll: null, delta_height: null, container: null, up: null, down: null, bar: null, knob: null, interval: null, min_scrollable_y: 0, max_slideable_y: 0, initialize: function(scroll, element, height, delta_height) { this.scroll = scroll; this.delta_height = delta_height; this.container = this.createContainer(element, height); this.up = this.createUp(); this.down = this.createDown(); this.bar = this.createBar(height); this.knob = this.createKnob(); this.scroll.shrinkContentWidth(this.container.getCoordinates().width); this.min_scrollable_y = -1 * (this.scroll.getContentHeight() - height); this.max_slideable_y = this.bar.getCoordinates().height - this.knob.getCoordinates().height; var thisObject = this; var slider = new Slider(this.bar, this.knob, { snap: false, mode: 'vertical', steps: 50, onChange: function(step){ thisObject.moveByStep(step); }, onTick: function(pos){ thisObject.moveByThick(pos); } }); }, moveByThick: function(pos) { var y = (pos / this.max_slideable_y) * this.min_scrollable_y; this.moveContentToPosition(y); this.moveKnobToPosition(); }, moveByStep: function(step) { var y = ((this.scroll.getContentHeight() - this.scroll.getContainerHeight()) / -50) * step; this.moveContentToPosition(y); }, moveByDelta: function(direction) { var y = this.scroll.getContentPosition() + this.delta_height * direction; this.moveContentToPosition(y); this.moveKnobToPosition(); }, moveContentToPosition: function(y) { if (y >= 0) { y = 0; this.up.addClass('up-disabled'); this.down.removeClass('down-disabled'); } else if (y <= this.min_scrollable_y) { y = this.min_scrollable_y; this.down.addClass('down-disabled'); this.up.removeClass('up-disabled'); } else { this.up.removeClass('up-disabled'); this.down.removeClass('down-disabled'); } this.scroll.setContentPosition(y); }, moveKnobToPosition: function() { var y = (this.scroll.getContentPosition() / this.min_scrollable_y) * this.max_slideable_y; if (y <= 0) { y = 0; } else if (y > this.max_slideable_y) { y = this.max_slideable_y; } this.knob.setStyle('top', y); }, createKnob: function() { var slider_height = this.bar.getCoordinates().height; var up_height = this.up.getCoordinates().height; var height = Math.round((slider_height / this.scroll.getContentHeight()) * slider_height); if (height < up_height) { height = up_height; } var container = new Element('div', { 'class': 'knob', 'styles': { height: height } }); container.inject(this.bar); return container; }, createBar: function(height) { var container = new Element('div', { 'class': 'bar', 'styles': { height: height - 2 *this.up.getCoordinates().height } }); container.inject(this.container); return container; }, createDown: function() { var thisObject = this; var container = new Element('a', { 'class': 'down', 'href': 'javascript:void(null);', 'events': { 'mousedown': function() { $clear(thisObject.interval); thisObject.interval = thisObject.moveByDelta.periodical(100, thisObject, -1); }, 'mouseup': function() { $clear(thisObject.interval); }, 'mouseout': function() { $clear(thisObject.interval); } } }); container.inject(this.container); return container; }, createUp: function() { var thisObject = this; var container = new Element('a', { 'class': 'up', 'href': 'javascript:void(null);', 'events': { 'mousedown': function() { $clear(thisObject.interval); thisObject.interval = thisObject.moveByDelta.periodical(100, thisObject, 1); }, 'mouseup': function() { $clear(thisObject.interval); }, 'mouseout': function() { $clear(thisObject.interval); } } }); container.inject(this.container); return container; }, createContainer: function(element, height) { var container = new Element('div', { 'class': 'scrollbar', 'styles': { height: height } }); container.inject(element); return container; } }); Core.createNamespace('nl.code.fx'); nl.code.fx.Fx = new Class({ Extends: Fx, initialize: function(listener, event_name, options) { this.listener = listener; this.event_name = event_name; this.parent(options); }, set: function(now) { if ($type(this.listener[this.event_name]) == 'function') { this.listener[this.event_name](now); } } }); nl.code.fx.Chain = new Class({ listener: null, step_arr: [], current_step: null, initialize: function(listener) { this.listener = listener; }, addStep: function(fx_object, fx_method, fx_options, start_value, end_value) { var thisObject = this; var event_option = { onComplete: function() { thisObject.onComplete(); } }; $extend(fx_options, event_option); var fx = new nl.code.fx.Fx(fx_object, fx_method, fx_options); this.step_arr.push({fx: fx, start_value: start_value, end_value: end_value}); }, run: function() { if (this.current_step == null) { this.current_step = 0; } var step = this.step_arr[this.current_step]; step.fx.start(step.start_value, step.end_value); }, onComplete: function() { this.current_step++; if (this.current_step < this.step_arr.length) { this.run(); } else { this.current_step = null; if (this.listener) { this.listener.chainFinished(); } } } }); Core.createNamespace('nl.code.elementfolder'); nl.code.elementfolder.ElementFolder = new Class({ active: null, foldable_element_arr: [], allow_multiple_colapsed: false, /** * Constructor * * @param string, Element * @param string, CSS selector for the children * @param string, CSS selector for the anchor to add the collapse/expand events on * @param string, the classname for the active state * @param boolean, allow multiple colapsed children */ initialize: function(root, child_selector, anchor_selector, active_state_classname, allow_multiple_colapsed) { if (! root) { return; } var child_arr = root.getElements(child_selector); for (var i = 0; i < child_arr.length; i++) { var element = this.createElement(child_arr[i], anchor_selector, active_state_classname); if (element.isActive()) { this.active = element; } this.foldable_element_arr.push(element); } }, createElement: function(child, anchor_selector, active_state_classname) { return new nl.code.elementfolder.FoldableElement(this, child, anchor_selector, active_state_classname) }, handleClick: function(foldable_element) { if (this.allow_multiple_colapsed) { if (foldable_element.isActive()) { foldable_element.setInActive(); } else { foldable_element.setActive(); } } else { if (this.active == foldable_element) { this.active.setInActive(); this.active = null; } else { if (this.active) { this.active.setInActive(); } this.active = foldable_element; this.active.setActive(); } } } }); nl.code.elementfolder.FoldableElement = new Class({ container: null, active_state_classname: '', /** * Constructor * * @param ElementFolder * @param Element, the container * @param string, CSS selector for the anchor to add the collapse/expand events on * @param string, the classname for the active state */ initialize: function(element_folder, container, anchor_selector, active_state_classname) { this.container = container; this.active_state_classname = active_state_classname; var anchor = this.container.getElement(anchor_selector); if (! anchor) { return; } var thisObject = this; anchor.removeEvents(); anchor.addEvents({ 'click': function(event) { event.stop(); element_folder.handleClick(thisObject); }, 'focus': function(e) { this.blur(); } }); }, isActive: function() { return this.container.hasClass(this.active_state_classname); }, setActive: function() { this.container.addClass(this.active_state_classname); }, setInActive: function() { this.container.removeClass(this.active_state_classname); } }); VacancySearchForm = new Class({ Extends: nl.code.form.Form, richting: null, profiel: null, cluster: null, submit: null, initialize: function() { var container = $('vacancy-search-form'); if (! container) { return; } this.parent(container, ['select', 'checkbox', 'button']); this.richting = this.getField('id', 'frm_richting'); this.profiel = this.getField('id', 'frm_profiel'); this.cluster = this.getField('id', 'frm_cluster'); this.submit = this.getField('type', 'submit'); if (! this.richting || ! this.profiel || ! this.cluster || ! this.submit) { return; } this.submit.container.set('value', ''); this.richting.addListener('change', this); this.profiel.addListener('change', this); this.cluster.addListener('change', this); this.submit.addListener('click', this); if (this.richting.getValue() == -1) { this.profiel.disable(); } this.container.setStyle('visibility', 'visible'); }, click: function(submit, event) { if (submit.container.get('disabled')) { event.stop(); } }, change: function(select) { if (select == this.richting) { var domain = window.location.host.replace('www.', ''); var url = nl.code.pager.Uri.base_url +'tda-ajax/'; if (domain.indexOf('solliciteren.werkenbijdeluchtmacht.nl') != -1 || domain.indexOf('forms.werkenbijdeluchtmacht.nl') != -1) { url = '/xmlhttprequest/dwslist.cfm?type=profiel&value='+ select.getValue() +'&kmo=KLU'; } var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetProfielOptions(responseText); } }); request.send(); this.richting.disable(); this.profiel.disable(); } else { if ((this.richting.getValue() != -1 && this.profiel.getValue() != -1) || this.cluster.getValue() != -1) { this.submit.enable(); } else { this.submit.disable(); } } }, resetProfielOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.profiel.resetOptionList(option_arr); this.richting.enable(); this.profiel.enable(); } }); CarreerTestForm = new Class({ Extends: nl.code.form.Form, initialize: function() { var container = $('career-test'); if (! container) { return; } this.parent(container, ['select', 'checkbox', 'button', 'radio']); } }); TDAForm = new Class({ initialize: function() { var container = $('tda_form'); if (! container) { return; } if ($('tda_form_presoll') && $('tda_form_presoll_off')) { var form = new TDAContactForm(container); } else if ($('frm_richting') && $('frm_profiel') && $('frm_vkfunc')) { var form = new SalaryToolForm(container); } else if ($('frm_richting') && $('frm_profiel') && $('fs_frm_diploma')) { var form = new VoorlichtingForm(container); } else if ($('fs_frm_vkfunc')) { var form = new VacatureSelectForm(container); } else if ($('fs_frm_nm') && $('frm_mv')) { var form = new ProfielForm(container); } else if ($('frm_locatie') && $('frm_agenda')) { var form = new AfspraakForm(container); } else if ($('frm_alg_voorw')) { var form = new ConfirmForm(container); } } }); ConfirmForm = new Class({ Extends: nl.code.form.Form, initialize: function(container) { this.parent(container, ['select']); } }); AfspraakForm = new Class({ Extends: nl.code.form.Form, intro_1: [], intro_2: [], bus: [], initialize: function(container) { var fieldset_fs_frm_introduc = $('fs_frm_introduc'); fieldset_fs_frm_introduc.setStyles({ display: 'block', visibility: 'hidden', position: 'absolute' }); var fieldset_fs_frm_busreg = $('fs_frm_busreg'); fieldset_fs_frm_busreg.setStyles({ display: 'block', visibility: 'hidden', position: 'absolute' }); this.parent(container, ['select', 'radio', 'text']); fieldset_fs_frm_introduc.setStyles({ display: 'none', visibility: 'visible', position: 'static' }); fieldset_fs_frm_busreg.setStyles({ display: 'none', visibility: 'visible', position: 'static' }); this.intro_1.push($('fs_frm_intro_txt')); this.intro_1.push($('fs_frm_introduc')); this.intro_1.push($('fs_frm_intronm')); this.intro_1.push($('fs_frm_introgb')); this.intro_1.push($('fs_frm_introgbpl')); this.intro_2.push($('fs_frm_intronm2')); this.intro_2.push($('fs_frm_introgb2')); this.intro_2.push($('fs_frm_introgbpl2')); this.bus.push($('fs_frm_busreg_txt')); this.bus.push($('fs_frm_busreg')); this.locatie = this.getField('id', 'frm_locatie'); this.agenda = this.getField('id', 'frm_agenda'); this.introduc = this.getField('id', 'frm_introduc'); this.locatie.addListener('change', this); this.agenda.addListener('change', this); this.introduc.addListener('change', this); if (this.agenda.getValue()) { this.change(this.agenda); } }, change: function(select) { var label = $(select.id +'_label'); if (label) { label.set('value', select.container.getSelected()[0].get('text')); } if (select == this.locatie) { var change_function = this.locatie.container.get('onchange').toString(); change_function = change_function.replace('function anonymous()', ''); change_function = change_function.replace('{', ''); change_function = change_function.replace('}', ''); change_function = change_function.replace('/\\s*/', ''); var re = new RegExp('(.*agenda\',\\s*\')([^\']*)(.*)', 'gi'); var parameters = change_function.replace(re, '$2'); var url = '/xmlhttprequest/dwslist.cfm?form=frm&type=agenda&value='+ select.getValue() +'&kmo=KLU&'+ parameters; var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetOptions(responseText); } }); request.send(); this.locatie.disable(); this.agenda.disable(); this.setBusAndIntrod('[0,0]'); } else if (select == this.agenda) { var url = '/xmlhttprequest/dwslist.cfm?form=frm&type=agenda_props&value=' + this.agenda.getValue(); var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.setBusAndIntrod(responseText); } }); request.send(); } else if (select == this.introduc) { var intro_1_arr = [$('frm_intronm'), $('frm_introgb'),$('frm_introgbpl')]; var intro_2_arr = [$('frm_intronm2'), $('frm_introgb2'),$('frm_introgbpl2')]; var intro_1_disabled = true; var intro_2_disabled = true; if (this.introduc.getValue() == 1) { intro_1_disabled = false; } else if (this.introduc.getValue() == 2) { intro_1_disabled = false; intro_2_disabled = false; } for (var i = 0 ; i < intro_1_arr.length; i++) { intro_1_arr[i].set('disabled', intro_1_disabled); } for (var i = 0 ; i < intro_2_arr.length; i++) { intro_2_arr[i].set('disabled', intro_2_disabled); } } }, setBusAndIntrod: function(responseText) { var text = responseText.replace(/(\[|\])/ig, ''); $('frm_agenda_props').set('value', text); var info_arr = text.split(','); if (info_arr.length != 2) { return; } var intro_1_display = 'none'; var intro_2_display = 'none'; if (info_arr[0] == 1) { intro_1_display = 'block'; } else if (info_arr[0] == 2) { intro_1_display = 'block'; intro_2_display = 'block'; } for (var i = 0; i < this.intro_1.length; i++) { this.intro_1[i].setStyle('display', intro_1_display); } for (var i = 0; i < this.intro_2.length; i++) { this.intro_2[i].setStyle('display', intro_2_display); } if (info_arr[0] == 1) { this.introduc.resetOptionList([{key: -1, value: '-'}, {key: 0, value: 'Nee'}, {key: 1, value: 'Ja (1)'}]); } else if (info_arr[0] == 2) { this.introduc.resetOptionList([{key: -1, value: '-'}, {key: 0, value: 'Nee'}, {key: 1, value: 'Ja (1)'}, {key: 2, value: 'Ja (2)'}]); } var bus_display = 'none'; if (info_arr[1] == 1) { bus_display = 'block'; } for (var i = 0; i < this.bus.length; i++) { this.bus[i].setStyle('display', bus_display); } }, resetOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.agenda.resetOptionList(option_arr); this.locatie.enable(); if (this.locatie.getValue() == -1) { this.agenda.disable(); } else { this.agenda.enable(); } } }); ProfielForm = new Class({ Extends: nl.code.form.Form, initialize: function(container) { this.parent(container, ['select']); } }); VacatureSelectForm = new Class({ Extends: nl.code.form.Form, active: null, initialize: function(container) { this.parent(container, ['select', 'radio', 'button']); var field_arr = this.getFields([{property:'id', query:'vkfunc_'}]); for (var i = 0; i < field_arr.length; i++) { this.listen(field_arr[i]); } }, listen: function(radio) { var description = radio.container.getNext('div'); if (description.getStyle('display') == 'block') { this.active = radio; } radio.addListener('checked', this); }, checked: function(radio) { if (this.active) { var description = this.active.container.getNext('div'); description.setStyle('display', 'none'); } this.active = radio; var description = this.active.container.getNext('div'); description.setStyle('display', 'block'); } }); VoorlichtingForm = new Class({ Extends: nl.code.form.Form, richting: null, profiel: null, initialize: function(container) { this.parent(container, ['select', 'radio', 'button']); this.richting = this.getField('id', 'frm_richting'); this.profiel = this.getField('id', 'frm_profiel'); this.richting.addListener('change', this); this.profiel.addListener('change', this); if (this.richting.getValue() == -1) { this.profiel.disable(); } }, change: function(select) { if (select == this.richting) { var domain = window.location.host.replace('www.', ''); var url = nl.code.pager.Uri.base_url +'tda-ajax/'; if (domain.indexOf('test.tdacf.nl') != -1 || domain.indexOf('solliciteren.werkenbijdeluchtmacht.nl') != -1 || domain.indexOf('forms.werkenbijdeluchtmacht.nl') != -1) { url = '/xmlhttprequest/dwslist.cfm?type=profiel&value='+ select.getValue() +'&kmo=KLU'; } var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetProfielOptions(responseText); } }); request.send(); this.richting.disable(); this.profiel.disable(); } else { if (this.richting.getValue() == -1) { this.profiel.disable(); } else { this.profiel.enable(); } } }, resetProfielOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.profiel.resetOptionList(option_arr); this.richting.enable(); if (this.richting.getValue() == -1) { this.profiel.setValue(-1); this.profiel.disable(); } else { this.profiel.enable(); } } }); SalaryToolForm = new Class({ Extends: nl.code.form.Form, richting: null, profiel: null, functie: null, initialize: function(container) { this.parent(container, ['select', 'button']); this.richting = this.getField('id', 'frm_richting'); this.profiel = this.getField('id', 'frm_profiel'); this.functie = this.getField('id', 'frm_vkfunc'); this.submit = this.getField('id', 'frm_do_next'); this.submit.disable(); this.richting.addListener('change', this); this.profiel.addListener('change', this); this.functie.addListener('change', this); if (this.richting.getValue() == -1) { this.profiel.disable(); } }, change: function(select) { var label = $(select.id +'_label'); if (label) { label.set('value', select.container.getSelected()[0].get('text')); } if (select == this.richting) { var domain = window.location.host.replace('www.', ''); var url = nl.code.pager.Uri.base_url +'tda-ajax/'; if (domain.indexOf('solliciteren.werkenbijdeluchtmacht.nl') != -1 || domain.indexOf('forms.werkenbijdeluchtmacht.nl') != -1) { url = '/xmlhttprequest/dwslist.cfm?type=profiel&value='+ select.getValue() +'&kmo=KLU'; } var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetProfielOptions(responseText); } }); request.send(); this.richting.disable(); this.profiel.disable(); } else if (select == this.profiel) { var domain = window.location.host.replace('www.', ''); var url = nl.code.pager.Uri.base_url +'tda-ajax/'; if (domain.indexOf('solliciteren.werkenbijdeluchtmacht.nl') != -1 || domain.indexOf('forms.werkenbijdeluchtmacht.nl') != -1) { url = '/xmlhttprequest/dwslist.cfm?type=vkfunc&value='+ select.getValue() +'&kmo=KLU'; } var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetFunctieOptions(responseText); } }); request.send(); this.profiel.disable(); this.functie.disable(); } else { if (this.richting.getValue() == -1) { this.profiel.disable(); this.functie.disable(); } else if (this.profiel.getValue() == -1) { this.functie.disable(); } else { this.profiel.enable(); this.functie.enable(); } if ((this.richting.getValue() != -1 && this.profiel.getValue() != -1) || this.functie.getValue() != -1) { this.submit.enable(); } else { this.submit.disable(); } } }, resetProfielOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.profiel.resetOptionList(option_arr); this.richting.enable(); if (this.richting.getValue() == -1) { this.profiel.setValue(-1); this.profiel.disable(); this.functie.setValue(-1); this.functie.disable(); } else { this.profiel.enable(); this.functie.setValue(-1); this.functie.disable(); } }, resetFunctieOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.functie.resetOptionList(option_arr); this.profiel.enable(); if (this.profiel.getValue() == -1) { this.functie.setValue(-1); this.functie.disable(); } else { this.functie.enable(); } } }); TDAContactForm = new Class({ Extends: nl.code.form.Form, tda_form_presoll: null, tda_form_presoll_off: null, initialize: function(container) { this.parent(container, ['select', 'checkbox', 'button', 'radio']); this.tda_form_presoll = this.getField('id', 'tda_form_presoll'); this.tda_form_presoll_off = this.getField('id', 'tda_form_presoll_off'); this.tda_form_presoll.addListener('change', this); }, change: function(field) { if (field == this.tda_form_presoll) { if (field.getValue() == 1) { this.tda_form_presoll_off.enable(); } else { this.tda_form_presoll_off.disable(); } } } }); TDAZoekForm = new Class({ Extends: nl.code.form.Form, richting: null, profiel: null, cluster: null, locatie: null, initialize: function() { var container = $(document.body).getElement('form#frm_zoekform'); if (! container) { return; } var kmo = $('fs_frm_zoekform_kmo'); if (kmo) { kmo.dispose(); } this.parent(container, ['select', 'checkbox', 'button']); this.richting = this.getField('id', 'frm_zoekform_richting'); this.profiel = this.getField('id', 'frm_zoekform_profiel'); this.cluster = this.getField('id', 'frm_zoekform_cluster'); this.locatie = this.getField('id', 'frm_zoekform_locaties'); if (!this.richting || !this.profiel || !this.cluster || !this.locatie) { return; } this.richting.addListener('change', this); this.profiel.addListener('change', this); this.cluster.addListener('change', this); this.locatie.addListener('change', this); this.alterMPNAnchors(); TDAZoekFormResult.createResults(); }, change: function(select) { if (select == this.richting) { var domain = window.location.host.replace('www.', ''); var url = nl.code.pager.Uri.base_url +'tda-ajax/'; if (domain.indexOf('solliciteren.werkenbijdeluchtmacht.nl') != -1 || domain.indexOf('forms.werkenbijdeluchtmacht.nl') != -1) { url = '/xmlhttprequest/dwslist.cfm?type=profiel&value='+ select.getValue() +'&kmo=KLU'; } var thisObject = this; var request = new Request({ url: url, data: this.container, method: 'post', onSuccess: function(responseText, responseXML) { thisObject.resetProfielOptions(responseText); } }); request.send(); this.richting.disable(); this.profiel.disable(); } else { this.container.submit(); } }, resetProfielOptions: function(text) { var text_arr = text.split('|'); var option_arr = []; for (var i = 0; i < text_arr.length; i++) { var element_arr = text_arr[i].split('~'); option_arr.push({key: element_arr[0], value: element_arr[1]}); } this.profiel.resetOptionList(option_arr); this.richting.enable(); if (this.richting.getValue() == -1) { this.profiel.setValue(-1); this.profiel.disable(); } else { this.profiel.enable(); } }, alterMPNAnchors: function() { var anchor_arr = $(document.body).getElements('#tda_functionlist .numbers .number'); for (var i = 0; i < anchor_arr.length; i++) { this.alterMPNAnchor(anchor_arr[i]); } }, alterMPNAnchor: function(anchor) { var click_function = anchor.get('onclick'); if (! click_function) { return; } click_function = click_function.toString(); var re = new RegExp('.*,[^\']*\'([^\']*)\'.*', 'gim'); var parameters = click_function.replace(re, '$1'); anchor.erase('onclick'); anchor.addEvent('click', function(event) { event.stop(); window.location.href = window.location.pathname +'?'+ parameters; }); } }); TDAZoekFormResult = new Class({ initialize: function(container) { this.container = container; anchor = this.container.getElement('a.button_less'); if (! anchor) { return; } anchor.setStyles({ position: 'absolute', left: 0, top: 0, display: 'block', width: this.container.getCoordinates().width, height: this.container.getCoordinates().height }); this.container.addEvents({ 'click': function() { window.location.href = anchor.get('href'); }, 'mouseover': function() { container.addClass('center_text_hover'); }, 'mouseout': function() { container.removeClass('center_text_hover'); } }); } }); TDAZoekFormResult.createResults = function() { var result_arr = $(document.body).getElements('#tda_functionlist div.inside_text'); for (var i = 0; i < result_arr.length; i++) { var result = new TDAZoekFormResult(result_arr[i]); } }; /** * SearchMenuItem * Show/hide the search form when a users click's the "zoeken" menu item */ SearchMenuItem = new Class({ container: null, form: null, input: null, initialize: function() { this.container = $(document.body).getElement('#navigation-meta .zoeken'); this.form = $(document.body).getElement('form#search-form'); this.input = $(document.body).getElement('form#search-form input.text'); if (! this.container || ! this.form || ! this.input) { return; } var thisObject = this; var anchor = this.container.getElement('a'); anchor.removeEvents(); anchor.addEvent('click', function(event) { event.stop(); thisObject.toggleFormVisibility(); }); }, toggleFormVisibility: function() { if (this.form.getStyle('display') == 'block') { this.container.removeClass('sel'); this.form.setStyle('display', 'none'); } else { this.container.addClass('sel'); this.form.setStyle('display', 'block'); this.input.focus(); } } }); SearchFilter = new Class({ Extends: nl.code.form.Form, initialize: function() { var container = $('search-content-header'); if (! container) { return; } this.parent(container); var submit = this.getField('type', 'submit'); if (submit) { submit.container.set('value', ''); } } }); Trigger = { render: function() { var container = $('flash-banner'); if (! container || Browser.Plugins.Flash.version < 8) { return; } var anchor = container.getElement('a'); if (! anchor) { return; } var swf_path = anchor.get('rel'); var url = anchor.get('href'); var flash = new Swiff(swf_path, { id: 'visual', container: container, width: 270, height: 95, params: { wmode: 'transparent', menu: 'false', scale: 'noscale', salign: 'tl', quality: 'best', allowFullScreen: 'true', allowscriptaccess: 'sameDomain' }, vars: { play: 'true', clickTag: url } }); } }; Core.createNamespace('Slideshow'); Slideshow = new Class({ interval_time: 8000, interval: null, active_image_index: null, container: null, image_arr: null, navigation: null, run: false, initialize: function(container, interval_time, run) { this.container = container; this.interval_time = interval_time; this.run = run; if (! this.container) { return; } this.image_arr = Slideshow.Image.getImages(this, this.container); if (this.image_arr.length <= 1) { return; } this.image_arr[0].preload(); this.navigation = new Slideshow.Navigation(this, this.container); }, load: function(image) { this.showImage(image); }, slide: function() { var image = this.nextImage(); image.preload(); }, /** * @param int -1 or 1 (previous/next) * @return void */ requestImage: function(direction) { $clear(this.interval); if (direction > 0) { var image = this.nextImage(); } else { var image = this.previousImage(); } image.preload(); }, nextImage: function() { var next_image_index = 0; if (this.active_image_index != null && this.active_image_index + 1 < this.image_arr.length) { next_image_index = this.active_image_index + 1; } return this.image_arr[next_image_index]; }, previousImage: function() { var previous_image_index = this.image_arr.length - 1; if (this.active_image_index != null && this.active_image_index - 1 >= 0) { previous_image_index = this.active_image_index - 1; } return this.image_arr[previous_image_index]; }, showImage: function(image) { image.show(); if (this.active_image_index != null) { this.image_arr[this.active_image_index].hide(); } this.active_image_index = image.index; this.navigation.update(image, (image.index == 0 ? true : false), (image.index == this.image_arr.length - 1 ? true : false)); if (this.run) { var thisObject = this; this.interval = this.slide.delay(this.interval_time, thisObject); } } }); Slideshow.Navigation = new Class({ slideshow: null, next: null, previous: null, title: null, current: null, initialize: function(slideshow, container) { this.slideshow = slideshow; this.next = container.getElement('.next a'); this.previous = container.getElement('.prev a'); this.title = container.getElement('.title'); this.current = container.getElement('.current'); this.addControls(); }, addControls: function() { if (! this.next || ! this.previous) { return; } var thisObject = this; this.next.addEvent('click', function(event) { event.stop(); this.blur(); thisObject.slideshow.requestImage(1); }); this.previous.addEvent('click', function(event) { event.stop(); this.blur(); thisObject.slideshow.requestImage(-1); }); }, update: function(image, is_min, is_max) { if (this.title) { this.title.set('text', image.title); } if (this.current) { this.current.set('text', image.index + 1); } if (this.next) { if (is_max) { this.next.setStyle('display', 'none'); } else { this.next.setStyle('display', 'block'); } } if (this.previous) { if (is_min) { this.previous.setStyle('display', 'none'); } else { this.previous.setStyle('display', 'block'); } } } }); Slideshow.Image = new Class({ Extends: nl.code.util.Observable, root: null, image_path: null, title: null, index: null, container: null, image: null, initialize: function(root, image_path, title, index) { this.parent(['load']); this.root = root; this.image_path = image_path; this.title = title; this.index = index; this.container = null; this.image = null; }, preload: function() { if (this.container) { this.fireEvent('load'); return; } var thisObject = this; this.image = new Asset.image(this.image_path, { onload: function() { thisObject.createContainer(); thisObject.fireEvent('load'); } }); }, createContainer: function() { this.container = new Element('div', { 'class': 'slide-container', 'styles': { 'opacity': 0, 'background-image': 'url("'+ this.image_path +'")' } }); }, show: function() { this.container.setStyle('opacity', 0); this.container.inject(this.root, 'bottom'); var fx = new nl.code.fx.Fx(this, 'animate', { duration: 200, transition: Fx.Transitions.Linear }); fx.start(0, 1); }, animate: function(opacity) { this.container.setStyle('opacity', opacity); }, hide: function() { } }); Slideshow.Image.getImages = function(slideshow, container) { var image_arr = []; var anchor_arr = container.getElements('a[rel=slideshow]'); for (var i = 0; i < anchor_arr.length; i++) { var image = new Slideshow.Image(container, anchor_arr[i].get('href'), anchor_arr[i].get('title'), i); image.addListener('load', slideshow); image_arr.push(image); anchor_arr[i].dispose(); } return image_arr; }; Core.createNamespace('VideoWall'); /** * The VideoWall consists of: * - VideoWall, this is the main object * - Navigation, to show/hide the popup and show/hide all videos * - Popup, the "top vacatures" popup * - Videos, the function themes * * If the mouse leaves the VideoWall, the the videos will show randomly */ VideoWall = new Class({ navigation: null, popup: null, video_arr: [], active_video: null, interval: null, initialize: function() { var container = $(document.body).getElement('.video-wall'); if (! container) { return; } this.navigation = new VideoWall.Navigation(this); this.popup = new VideoWall.Popup(this); this.video_arr = VideoWall.Video.getVideos(container, this); var thisObject = this; container.addEvents({ 'mouseleave': function() { if (! thisObject.popup.isVisible()) { thisObject.walk(); } } }); this.walk(); this.showPopup.delay(1000, thisObject); }, showPopup: function() { this.popup.show(); }, hidePopup: function() { this.popup.hide(); }, showVideo: function(video, automatic) { if (! $type(automatic)) { automatic = false; } if (! automatic && this.popup.isVisible()) { return; } if (! automatic) { $clear(this.interval); } if (this.active_video == video) { return; } if (this.active_video == 'all') { return; } if (this.active_video) { this.active_video.hide(); } this.active_video = video; this.active_video.show(); }, showAllVideos: function() { this.hidePopup(); for (var i = 0; i < this.video_arr.length; i++) { this.video_arr[i].show(); } this.active_video = 'all'; }, hideAllVideos: function() { this.hidePopup(); for (var i = 0; i < this.video_arr.length; i++) { this.video_arr[i].hide(); } this.active_video = null; }, walk: function() { $clear(this.interval); this.showVideo(this.getRandomVideo(), true); var thisObject = this; this.interval = this.walk.delay(3000, thisObject); }, getRandomVideo: function() { var index = $random(0, this.video_arr.length - 1); var video = this.video_arr[index]; if (video == this.active_video) { index = 0; if (index < (this.video_arr.length - 1)) { index++; } video = this.video_arr[index]; } return video; } }); /** * Video Class * A video is build out of an anchor, that triggers the visibility of the video, and a series * of div elements. Those div elements are used to to animate the video when it shows and hides. * The animation to show/hide the video, is build out of a number of steps. */ VideoWall.Video = new Class({ container: null, background: null, text: null, image: null, image_white: null, trigger: null, video_wall: null, interval: null, mouse_interval: null, step_arr: null, current_step: null, initialize: function(container, video_wall) { this.container = container; this.video_wall = video_wall; this.image = this.container.getElement('.image'); this.image_white = this.container.getElement('.image-white'); this.background = this.container.getElement('.background'); this.text = this.container.getElement('strong'); this.trigger = this.container.getElement('a'); this.addEvents(); }, /** * Add mouseover/mouseout/click events to the trigger element * * @return void */ addEvents: function() { var thisObject = this; this.trigger.addEvents({ 'mouseover': function() { thisObject.onMouseOver(); }, 'mouseout': function() { thisObject.onMouseOut(); }, 'click': function(event) { if (thisObject.current_step != 11) { event.stop(); } } }); }, onMouseOver: function() { /*this.mouse_interval = this.video_wall.showVideo.delay(300, this.video_wall, this);/**/ this.video_wall.showVideo(this); }, onMouseOut: function() { }, show: function() { $clear(this.interval); this.step_arr = [1, 2, 3, 2, 4, 5, 4, 6, 7 ,6, 8]; this.current_step = 0; this.animate(); }, hide: function() { $clear(this.interval); this.step_arr = [6, 4, 5, 4, 2, 3, 2, 0]; this.current_step = 0; this.animate(); }, animate: function() { var frame = this.step_arr[this.current_step]; this.background.setStyle('background-position', '0 -'+ (frame * 178) +'px'); if (frame == 7) { this.image_white.setStyle('background-position', '0 0'); } else { this.image_white.setStyle('background-position', '0 -178px'); } if (frame == 8) { this.image.setStyle('background-position', '0 0'); this.text.setStyle('display', 'inline'); } else { this.image.setStyle('background-position', '0 -178px'); this.text.setStyle('display', 'none'); } this.current_step++; if (this.current_step < this.step_arr.length) { var thisObject = this; this.interval = this.animate.delay(30, thisObject); } } }); VideoWall.Video.getVideos = function(container, video_wall) { var video_arr = []; var li_arr = container.getElements('ul.theme-container li'); for (var i = 0; i < li_arr.length; i++) { video_arr.push(new VideoWall.Video(li_arr[i], video_wall)); } return video_arr; }; VideoWall.Navigation = new Class({ video_wall: null, container: null, close_all: null, open_all: null, initialize: function(video_wall) { this.video_wall = video_wall; this.container = $('nav-video-wall'); this.close_all = this.container.getElement('.close-all'); this.open_all = this.container.getElement('.open-all'); this.pop_up = this.container.getElement('.top-vacancies'); this.addEvents(); }, addEvents: function() { var thisObject = this; this.pop_up.addEvent('click', function(event) { event.stop(); thisObject.video_wall.showPopup(); }); this.open_all.addEvent('click', function(event) { event.stop(); thisObject.openAll(); }); this.close_all.addEvent('click', function(event) { event.stop(); thisObject.closeAll(); }); }, openAll: function() { this.video_wall.showAllVideos(); this.container.addClass('all-open'); this.container.addClass('sel'); }, closeAll: function() { this.video_wall.hideAllVideos(); this.container.removeClass('all-open'); this.container.removeClass('sel'); } }); VideoWall.Popup = new Class({ video_wall: null, container: null, ghost: null, visible: false, interval: null, fx: null, coordinates: null, initialize: function(video_wall) { this.video_wall = video_wall; this.container = $(document.body).getElement('.pop-up'); this.container.setStyles({ visibility: 'hidden', left: 81 }); this.coordinates = this.container.getCoordinates(); this.ghost = this.createGhost(); var thisObject = this; this.fx = new nl.code.fx.Fx(this, 'animate', { duration: 400, transition: Fx.Transitions.Cubic.easeIn, onComplete: function() { thisObject.onAnimationFinished(); } }); this.addEvents(); }, addEvents: function() { var thisObject = this; var anchor = this.container.getElement('a.close'); anchor.addEvent('click', function(event) { event.stop(); thisObject.hide(); }); }, isVisible: function() { return this.visible; }, show: function() { $clear(this.interval); if (this.isVisible()) { return; } this.visible = true; this.ghost.setStyles({ display: 'block', opacity: 0.8 }); this.fx.cancel(); this.fx.start(this.ghost.getSize().x, this.coordinates.width); }, animate: function(width) { var x = (this.coordinates.width/2 + this.coordinates.left) - width/2; var background = '#000000'; if ((width > 100 && width < 140) || (width > 400 && width < 440)) { var background = '#ffffff'; } this.ghost.setStyles({ left: x, width: width, background: background }); }, onAnimationFinished: function() { if (this.ghost.getSize().x > 100) { this.ghost.setStyle('display', 'none'); this.container.setStyles({ display: 'block', visibility: 'visible' }); } else { this.visible = false; this.ghost.setStyle('display', 'none'); } }, hide: function() { $clear(this.interval); this.ghost.setStyle('display', 'block'); this.container.setStyle('display', 'none'); this.fx.cancel(); this.fx.start(this.ghost.getSize().x, 0); }, createGhost: function() { var ghost = new Element('div', { 'class': 'pop-up-ghost', 'styles': { top: this.coordinates.top, left: this.coordinates.width/2 + this.coordinates.left, height: this.coordinates.height, width: 0 } }); ghost.inject($(document.body)); return ghost; } }); Menu = new Class({ Extends: nl.code.scroll.ScrollableArea, initialize: function() { var container = $('sub-navigation-container'); if (! container) { return; } this.parent(container, 250, 214, 20); if (this.scrollbar) { this.scrollToSelectedElement(); $('sub-navigation-container').setStyle('padding-top', '0'); $('sub-navigation-container').setStyle('height', '258px'); } var ul_arr = container.getElements('ul'); for (var i = 0; i < ul_arr.length; i++) { ul_arr[i].setStyle('visibility', 'visible'); } if (this.scrollbar) { var thisObject = this; this.highlightScrollButtons.delay(300, thisObject); } }, createScrollbar: function(height, delta_height) { this.scrollbar = new MenuScrollbar(this, this.container, height, delta_height); }, highlightScrollButtons: function() { if (! this.scrollbar.up.hasClass('up-disabled')) { this.scrollbar.up.setStyles({ opacity: 0, backgroundColor: 'white' }); } if (! this.scrollbar.down.hasClass('down-disabled')) { this.scrollbar.down.setStyles({ opacity: 0, backgroundColor: 'white' }); } var chain = new nl.code.fx.Chain(this); chain.addStep(this, 'animateHighlightScrollButton', { duration: 100, transition: Fx.Transitions.Cubic.easeIn }, 0, 1); chain.addStep(this, 'animateHighlightScrollButton', { duration: 50, transition: Fx.Transitions.Lineair }, 0, 0); chain.addStep(this, 'animateHighlightScrollButton', { duration: 100, transition: Fx.Transitions.Cubic.easeIn }, 0, 1); chain.run(); }, animateHighlightScrollButton: function(opacity) { if (! this.scrollbar.up.hasClass('up-disabled')) { this.scrollbar.up.setStyle('opacity', opacity); } if (! this.scrollbar.down.hasClass('down-disabled')) { this.scrollbar.down.setStyle('opacity', opacity); } }, chainFinished: function() { this.scrollbar.up.erase('style'); this.scrollbar.down.erase('style'); }, scrollToSelectedElement: function() { var y = 0; var selected_element = this.container.getElement('li.sel'); if (selected_element) { selected_element_y = -1 * selected_element.getPosition(this.content).y; } if (selected_element_y < -120) { y = selected_element_y; } this.scrollbar.moveContentToPosition(y); this.scrollbar.moveKnobToPosition(); } }); MenuScrollbar = new Class({ Extends: nl.code.scroll.Scrollbar, initialize: function(scroll, element, height, delta_height) { this.parent(scroll, element, height, delta_height); this.alterControls(scroll.container); }, /** * Alter the position of the up/down buttons * The buttons must be moved outof the scrollbar element to sub-navigation-container element * Standard the buttons react on a click event, now they must react on a mouseover event * * @param Element * @return void */ alterControls: function() { var thisObject = this; this.up.inject(this.scroll.container, 'before'); this.up.removeEvents(); this.up.addEvents({ 'mouseover': function() { $clear(thisObject.interval); thisObject.interval = thisObject.moveByDelta.periodical(150, thisObject, 1); }, 'mouseout': function() { $clear(thisObject.interval); } }); this.down.inject(this.scroll.container, 'after'); this.down.removeEvents(); this.down.addEvents({ 'mouseover': function() { $clear(thisObject.interval); thisObject.interval = thisObject.moveByDelta.periodical(150, thisObject, -1); }, 'mouseout': function() { $clear(thisObject.interval); } }); } }); Tooltip = new Class({ anchor: null, text: null, initialize: function() { container = $(document.body).getElement('div.content .paragraph'); if (!container) { return; } container.getElements('a.tooltip-word').addEvent('mouseover', function(event) { var classname = this.get('rel'); $$('#tooltip-' + classname).setStyles({ 'position': 'absolute', 'display': 'block', 'top': event.page.y + 20, 'left': event.page.x + 20 }); }); container.getElements('a.tooltip-word').addEvent('mouseleave', function(event) { var classname = this.get('rel'); $$('#tooltip-' + classname).setStyles({ 'display': 'none' }); }); } }); Faq = new Class({ Extends: nl.code.elementfolder.ElementFolder, initialize: function(container) { this.parent(container, 'li.question', 'a.question', 'expanded', false); }, createElement: function(child, anchor_selector, active_state_classname) { return new FaqFoldableElement(this, child, anchor_selector, active_state_classname) } }); Faq.createFaqs = function() { var faq_arr = $(document.body).getElements('ul.question-list'); for (var i = 0; i < faq_arr.length; i++) { var faq = new Faq(faq_arr[i]); } }; FaqFoldableElement = new Class({ Extends: nl.code.elementfolder.FoldableElement, fx: null, answer: null, height: 0, loading: null, result: null, initialize: function(element_folder, container, anchor_selector, active_state_classname) { this.parent(element_folder, container, anchor_selector, active_state_classname); this.answer = this.container.getElement('.answer'); this.height = this.getHeight(); this.fx = new nl.code.fx.Fx(this, 'setHeight', { duration: 300, transition: Fx.Transitions.Cubic.easeOut }); var form = this.container.getElement('form'); if (! form) { return; } this.form = new nl.code.form.Form(form , ['radio']); var radio_arr = this.form.getFields([{property: 'name', query: 'assessment'}]); for (var i = 0; i< radio_arr.length; i++) { radio_arr[i].addListener('checked', this); } this.loading = this.createLoadingContainer(); this.result = this.createResultContainer(); }, createLoadingContainer: function() { var container = new Element('div', { 'text': 'Bezig met laden...', 'class': 'loading', 'styles': { display: 'none' } }); container.inject(this.form.container, 'after'); return container; }, createResultContainer: function() { var container = new Element('div', { 'styles': { display: 'none' } }); container.inject(this.form.container, 'after'); return container; }, checked: function(radio_field) { var url = this.form.container.get('action'); var hash_pos = url.indexOf('#'); if (hash_pos != -1) { url = url.substr(0, hash_pos); } nl.code.pager.PageData.request(url, this, this.form.container); this.form.container.setStyle('display', 'none'); this.loading.setStyle('display', 'block'); }, setContent: function(json_object, response) { this.result.set('html', json_object.content); this.loading.setStyle('display', 'none'); this.result.setStyle('display', 'block'); }, setActive: function() { this.container.addClass(this.active_state_classname); this.answer.setStyle('display', 'block'); this.fx.cancel(); this.fx.start(this.answer.getStyle('height').toInt(), this.height); }, setInActive: function() { this.container.removeClass(this.active_state_classname); this.answer.setStyle('display', 'block'); this.fx.cancel(); this.fx.start(this.answer.getStyle('height').toInt(), 0); }, setHeight: function(height) { this.answer.setStyle('height', height); }, getHeight: function() { if (! this.isActive()) { this.answer.setStyles({ position: 'absolute', display: 'block', visibility: 'hidden' }); } var height = this.answer.getCoordinates().height; if (! this.isActive()) { this.answer.setStyles({ position: 'static', display: 'none', visibility: 'visible', height: 1 }); } return height; } }); VideoPlayer = new Class({ initialize: function() { var container = $('video-player'); var anchor = $(document.body).getElement('#video-player a'); if (! container || ! anchor || Browser.Plugins.Flash.version < 8) { return; } var flv_path = anchor.get('href'); anchor.dispose(); this.placeVideo(container, flv_path); }, placeVideo: function(container, flv) { var swiff = new Swiff(nl.code.pager.Uri.base_url +'flash/flv_player.swf', { id: 'flv_player', container: container, width: 410, height: 230, params: { wmode: 'transparent', menu: 'false', quality: 'best', align: 'middle' }, vars: { video_path: flv } }); } }); /** * SearchMenuItem * Show/hide the search form when a users click's the "zoeken" menu item */ ReturnersForm = new Class({ container: null, mode: 'nl', labels: ['Postcode*', 'Huisnummer*', 'Toevoeging', 'Straat*','Woonplaats*'], initialize: function() { this.container = document.id('returners-form'); if (! this.container) { return; } this.address_switch = this.container.getElement('a.address-switch'); this.address_label = this.container.getElement('span.address-label'); this.mode_field = this.container.getElement('input#field_mode'); this.mode = this.mode_field.get('value'); this.address_labels = this.container.getElements('div.address-fields label'); this.military_experience_fields = this.container.getElements('div.military-experience'); this.military_experience_dropdown = document.id('field_military_experience'); thisObject = this; this.address_switch.addEvent('click', function(event) { event.stop(); if (thisObject.mode == 'nl') { thisObject.address_label.set('html', 'Nederlands'); for (var i=0; i<thisObject.address_labels.length; i++) { thisObject.address_labels[i].set('html', 'Adresregel ' + (i+1)); } thisObject.container.getElements('div.address-fields div.error').removeClass('error'); thisObject.mode = 'other'; } else { thisObject.address_label.set('html', 'buitenlands'); for (var i=0; i<thisObject.address_labels.length; i++) { thisObject.address_labels[i].set('html', thisObject.labels[i]); } thisObject.mode = 'nl'; } thisObject.mode_field.set('value', thisObject.mode); }); this.military_experience_dropdown.addEvent('change', function() { if (this.value == '1') { thisObject.military_experience_fields.setStyle('display','block'); } else { thisObject.military_experience_fields.setStyle('display','none'); } }); } });try { console.log('core initiated'); } catch (e) { console = {}; console.log = function(msg) { } } SitePager = new Class({ Extends: nl.code.pager.Pager, tooltip_json: null, initialize: function(base_url, tooltip_json) { this.parent(base_url); this.tooltip_json = tooltip_json; nl.code.pager.PageData.show_loading = false; this.scanContent($(document.body)); }, scanContent: function(root) { this.page_object_arr.push(new Tooltip()); nl.code.pager.PageData.parseExternalLinks(root, [ 'http://solliciteren.werkenbijdeluchtmacht.nl', 'http://forms.werkenbijdeluchtmacht.nl', 'http://test.tdacf.nl', 'http://staging.werkenbijdeluchtmacht.nl', 'http://tdacf.nl', 'http://preview.werkenbijdeluchtmacht.nl', 'http://werkenbijdeluchtmacht.nl', 'http://www.werkenbijdeluchtmacht.nl' ]); this.page_object_arr.push(new SearchMenuItem()); this.page_object_arr.push(new SearchFilter()); this.page_object_arr.push(Trigger.render()); this.page_object_arr.push(new VideoWall()); this.page_object_arr.push(new Menu()); this.page_object_arr.push(Faq.createFaqs()); this.page_object_arr.push(new Slideshow($('slideshow'), 4000, true)); this.page_object_arr.push(new VideoPlayer()); this.page_object_arr.push(new TDAZoekForm()); this.page_object_arr.push(new VacancySearchForm()); this.page_object_arr.push(new CarreerTestForm()); this.page_object_arr.push(new TDAForm()); if (document.id('returners-form')) { this.page_object_arr.push(new nl.code.form.Form(document.id('returners-form'))); this.page_object_arr.push(new ReturnersForm()); } } });