(function(g){window.addEvent("domready",function(){new worksView;new SlidableViewer});this.worksView=new Class({Implements:[Options],options:{flag:".list",title:"h2",caption:"ul"},initialize:function(a){this.setOptions(a);(this.elements=$$(this.options.flag))&&this.elements.each(function(c){var e=c.getElement(this.options.title),b=e.getElement("a").href,d=c.getElement(this.options.caption),f=new Element("div",{"class":"mask",morph:{transition:"expo:in:out"},styles:{opacity:0,bottom:-90}}),h=(new Element("figcaption")).grab(c.getElement(".category abbr"));
c.getElement("figure").grab(h);f.grab(e).grab(d);f.inject(c);c.addEvents({mouseenter:function(){f.morph({opacity:1,bottom:0})}.bind(this),mouseleave:function(){f.morph({opacity:0,bottom:-90})}.bind(this),click:function(i){i.stop();location.href=b}})},this)}});this.SlidableViewer=new Class({Implements:[Options],options:{id:"picture",get:"img",mainClass:"top",duration:500,transition:"expo:out"},initialize:function(a){this.setOptions(a);if(this.container=g(this.options.id)){this.pictures=this.container.getElements(this.options.get);
this.container.store("current",0);$each(this.pictures,function(c){if(!c.hasClass(this.options.mainClass))c.style.display="none";c.setStyles({position:"absolute",top:0,left:0,"z-index":0});c.set("morph",{duration:this.options.duration,transition:this.options.transition,onComplete:function(){this.pictures[this.container.retrieve("old")].style.display="none"}.bind(this)})},this);a=this.container.getStyles(["height","width","position"]);$extend(a,{overflow:"hidden"});a=new Element("div",{styles:a});this.pictures.inject(a);
a.inject(this.container);this.create_arrow()}},create_arrow:function(){var a=this,c=new Element("a",{href:"#","class":"prev",text:"Prev",title:"Prev",events:{click:function(b){b.stop();a.container.store("old",a.container.retrieve("current"));a.pictures.setStyle("z-index",0);b=a.container.retrieve("current")-1;var d=a.pictures[b];d.morph({left:[-d.getStyle("width").toInt(),0],"z-index":1,display:"block"});b==0&&this.destroy();b>=0&&e.inject(a.container);a.container.store("current",b)}}}),e=new Element("a",
{href:"#","class":"next",text:"Next",title:"Next",events:{click:function(b){b.stop();a.container.store("old",a.container.retrieve("current"));a.pictures.setStyle("z-index",0);b=a.container.retrieve("current")+1;var d=a.pictures[b];d.morph({left:[d.getStyle("width").toInt(),0],"z-index":1,display:"block"});b==a.pictures.length-1&&this.destroy();c.inject(a.container);a.container.store("current",b)}}});e.inject(this.container)}})})(document.id);