﻿var gallery={initialize:function(a,b){this.setOptions({showArrows:true,showCarousel:true,showInfopane:true,embedLinks:true,fadeDuration:500,timed:false,delay:9e3,preloader:true,preloaderImage:true,preloaderErrorImage:true,manualData:[],populateFrom:false,populateData:true,destroyAfterPopulate:true,elementSelector:"div.imageElement",titleSelector:"h3",subtitleSelector:"p",linkSelector:"a.open",imageSelector:"img.full",thumbnailSelector:"img.thumbnail",defaultTransition:"fade",slideInfoZoneOpacity:.7,slideInfoZoneSlide:true,carouselMinimizedOpacity:.4,carouselMinimizedHeight:20,carouselMaximizedOpacity:.9,thumbHeight:75,thumbWidth:100,thumbSpacing:10,thumbIdleOpacity:.2,textShowCarousel:"Featured Content",showCarouselLabel:true,thumbCloseCarousel:true,useThumbGenerator:false,thumbGenerator:"resizer.php",useExternalCarousel:false,carouselElement:false,carouselHorizontal:true,activateCarouselScroller:true,carouselPreloader:true,textPreloadingCarousel:"Loading...",baseClass:"jdGallery",withArrowsClass:"withArrows",useHistoryManager:false,customHistoryKey:false},b);this.fireEvent("onInit");this.currentIter=0;this.lastIter=0;this.maxIter=0;this.galleryElement=a;this.galleryData=this.options.manualData;this.galleryInit=1;this.galleryElements=Array();this.thumbnailElements=Array();this.galleryElement.addClass(this.options.baseClass);this.populateFrom=a;if(this.options.populateFrom)this.populateFrom=this.options.populateFrom;if(this.options.populateData)this.populateData();a.style.display="block";if(this.options.useHistoryManager)this.initHistory();if(this.options.embedLinks){this.currentLink=(new Element("a")).addClass("open").setProperties({href:"#",title:""}).injectInside(a);if(!this.options.showArrows&&!this.options.showCarousel)this.galleryElement=a=this.currentLink;else this.currentLink.setStyle("display","none")}this.constructElements();if(this.galleryData.length>1&&this.options.showArrows){var d=(new Element("a")).addClass("left").addEvent("click",this.prevItem.bind(this)).injectInside(a),c=(new Element("a")).addClass("right").addEvent("click",this.nextItem.bind(this)).injectInside(a);this.galleryElement.addClass(this.options.withArrowsClass)}this.loadingElement=(new Element("div")).addClass("loadingElement").injectInside(a);if(this.options.showInfopane)this.initInfoSlideshow();if(this.options.showCarousel)this.initCarousel();this.doSlideShow(1)},populateData:function(){currentArrayPlace=this.galleryData.length;options=this.options;var a=$A(this.galleryData);a.extend(this.populateGallery(this.populateFrom,currentArrayPlace));this.galleryData=a;this.fireEvent("onPopulated")},populateGallery:function(c,b){var a=[];options=this.options;currentArrayPlace=b;c.getElements(options.elementSelector).each(function(b){elementDict={image:b.getElement(options.imageSelector).getProperty("src"),number:currentArrayPlace,transition:this.options.defaultTransition};elementDict.extend=$extend;if(options.showInfopane|options.showCarousel)elementDict.extend({title:b.getElement(options.titleSelector).innerHTML,description:b.getElement(options.subtitleSelector).innerHTML});if(options.embedLinks)elementDict.extend({link:b.getElement(options.linkSelector).href||false,linkTitle:b.getElement(options.linkSelector).title||false,linkTarget:b.getElement(options.linkSelector).getProperty("target")||false});if(!options.useThumbGenerator&&options.showCarousel)elementDict.extend({thumbnail:b.getElement(options.thumbnailSelector).getProperty("src")});else if(options.useThumbGenerator)elementDict.extend({thumbnail:options.thumbGenerator+"?imgfile="+elementDict.image+"&max_width="+options.thumbWidth+"&max_height="+options.thumbHeight});a.extend([elementDict]);currentArrayPlace++;if(this.options.destroyAfterPopulate)b.remove()});return a},constructElements:function(){el=this.galleryElement;this.maxIter=this.galleryData.length;var a;for(i=0;i<this.galleryData.length;i++){var a=new Fx.Styles((new Element("div")).addClass("slideElement").setStyles({position:"absolute",left:"0px",right:"0px",margin:"0px",padding:"0px",backgroundPosition:"center center",opacity:"0"}).injectInside(el),"opacity",{duration:this.options.fadeDuration});if(this.options.preloader){a.source=this.galleryData[i].image;a.loaded=false;a.load=function(a){if(!a.loaded)new Asset.image(a.source,{onload:function(a){a.element.setStyle("backgroundImage","url('"+a.source+"')");a.loaded=true}.bind(this,a)})}.pass(a,this)}else a.element.setStyle("backgroundImage","url('"+this.galleryData[i].image+"')");this.galleryElements[parseInt(i)]=a}},destroySlideShow:function(a){var c=a.className,b=(new Element("div")).addClass("myClassName");a.parentNode.replaceChild(b,a)},startSlideShow:function(){this.fireEvent("onStart");this.loadingElement.style.display="none";this.lastIter=this.maxIter-1;this.currentIter=0;this.galleryInit=0;this.galleryElements[parseInt(this.currentIter)].set({opacity:1});if(this.options.showInfopane)this.showInfoSlideShow.delay(1e3,this);var a=formatString(this.options.textShowCarousel,this.currentIter+1,this.maxIter);if(this.options.showCarousel&&!this.options.carouselPreloader)this.carouselBtn.setHTML(a).setProperty("title",a);this.prepareTimer();if(this.options.embedLinks)this.makeLink(this.currentIter)},nextItem:function(){this.fireEvent("onNextCalled");this.nextIter=this.currentIter+1;if(this.nextIter>=this.maxIter)this.nextIter=0;this.galleryInit=0;this.goTo(this.nextIter)},prevItem:function(){this.fireEvent("onPreviousCalled");this.nextIter=this.currentIter-1;if(this.nextIter<=-1)this.nextIter=this.maxIter-1;this.galleryInit=0;this.goTo(this.nextIter)},goTo:function(a){this.clearTimer();if(this.options.preloader){this.galleryElements[a].load();if(a==0)this.galleryElements[this.maxIter-1].load();else this.galleryElements[a-1].load();if(a==this.maxIter-1)this.galleryElements[0].load();else this.galleryElements[a+1].load()}if(this.options.embedLinks)this.clearLink();if(this.options.showInfopane){this.slideInfoZone.clearChain();this.hideInfoSlideShow().chain(this.changeItem.pass(a,this))}else this.currentChangeDelay=this.changeItem.delay(500,this,a);if(this.options.embedLinks)this.makeLink(a);this.prepareTimer()},changeItem:function(a){this.fireEvent("onStartChanging");this.galleryInit=0;if(this.currentIter!=a){for(i=0;i<this.maxIter;i++)if(i!=this.currentIter)this.galleryElements[i].set({opacity:0});gallery.Transitions[this.galleryData[a].transition].pass([this.galleryElements[this.currentIter],this.galleryElements[a],this.currentIter,a],this)();this.currentIter=a}var b=formatString(this.options.textShowCarousel,a+1,this.maxIter);if(this.options.showCarousel)this.carouselBtn.setHTML(b).setProperty("title",b);this.doSlideShow.bind(this)();this.fireEvent("onChanged")},clearTimer:function(){if(this.options.timed)$clear(this.timer)},prepareTimer:function(){if(this.options.timed)this.timer=this.nextItem.delay(this.options.delay,this)},doSlideShow:function(a){if(this.galleryInit==1){imgPreloader=new Image;imgPreloader.onload=function(){this.startSlideShow.delay(10,this)}.bind(this);imgPreloader.src=this.galleryData[0].image;if(this.options.preloader)this.galleryElements[0].load()}else if(this.options.showInfopane)if(this.options.showInfopane)this.showInfoSlideShow.delay(500+this.options.fadeDuration,this);else if(this.options.showCarousel&&this.options.activateCarouselScroller)this.centerCarouselOn(a)},createCarousel:function(){var a;if(!this.options.useExternalCarousel){var b=(new Element("div")).addClass("carouselContainer").injectInside(this.galleryElement);this.carouselContainer=new Fx.Styles(b,{transition:Fx.Transitions.expoOut});this.carouselContainer.normalHeight=b.offsetHeight;this.carouselContainer.set({opacity:this.options.carouselMinimizedOpacity,top:this.options.carouselMinimizedHeight-this.carouselContainer.normalHeight});this.carouselBtn=(new Element("a")).addClass("carouselBtn").setProperties({title:this.options.textShowCarousel}).injectInside(b);if(this.options.carouselPreloader)this.carouselBtn.setHTML(this.options.textPreloadingCarousel);else this.carouselBtn.setHTML(this.options.textShowCarousel);this.carouselBtn.addEvent("click",function(){this.carouselContainer.clearTimer();this.toggleCarousel()}.bind(this));this.carouselActive=false;a=(new Element("div")).addClass("carousel").injectInside(b);this.carousel=new Fx.Styles(a)}else a=$(this.options.carouselElement).addClass("jdExtCarousel");this.carouselElement=new Fx.Styles(a,{transition:Fx.Transitions.expoOut});this.carouselElement.normalHeight=a.offsetHeight;if(this.options.showCarouselLabel)this.carouselLabel=(new Element("p")).addClass("label").injectInside(a);carouselWrapper=(new Element("div")).addClass("carouselWrapper").injectInside(a);this.carouselWrapper=new Fx.Styles(carouselWrapper,{transition:Fx.Transitions.expoOut});this.carouselWrapper.normalHeight=carouselWrapper.offsetHeight;this.carouselInner=(new Element("div")).addClass("carouselInner").injectInside(carouselWrapper);if(this.options.activateCarouselScroller){this.carouselWrapper.scroller=new Scroller(carouselWrapper,{area:100,velocity:.2});this.carouselWrapper.elementScroller=new Fx.Scroll(carouselWrapper,{duration:400,onStart:this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),onComplete:this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)})}},fillCarousel:function(){this.constructThumbnails();this.carouselInner.normalWidth=this.maxIter*(this.options.thumbWidth+this.options.thumbSpacing+2)+this.options.thumbSpacing+"px";this.carouselInner.style.width=this.carouselInner.normalWidth},initCarousel:function(){this.createCarousel();this.fillCarousel();if(this.options.carouselPreloader)this.preloadThumbnails()},flushCarousel:function(){this.thumbnailElements.each(function(a){a.element.remove();a=a.element=null});this.thumbnailElements=[]},toggleCarousel:function(){if(this.carouselActive)this.hideCarousel();else this.showCarousel()},showCarousel:function(){this.fireEvent("onShowCarousel");this.carouselContainer.start({opacity:this.options.carouselMaximizedOpacity,top:0}).chain(function(){this.carouselActive=true;this.carouselWrapper.scroller.start();this.fireEvent("onCarouselShown");this.carouselContainer.options.onComplete=null}.bind(this))},hideCarousel:function(){this.fireEvent("onHideCarousel");var a=this.options.carouselMinimizedHeight-this.carouselContainer.normalHeight;this.carouselContainer.start({opacity:this.options.carouselMinimizedOpacity,top:a}).chain(function(){this.carouselActive=false;this.carouselWrapper.scroller.stop();this.fireEvent("onCarouselHidden");this.carouselContainer.options.onComplete=null}.bind(this))},constructThumbnails:function(){element=this.carouselInner;for(i=0;i<this.galleryData.length;i++){var a=(new Fx.Style((new Element("div")).addClass("thumbnail").setStyles({backgroundImage:"url('"+this.galleryData[i].thumbnail+"')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",marginLeft:this.options.thumbSpacing+"px",width:this.options.thumbWidth+"px",height:this.options.thumbHeight+"px"}).injectInside(element),"opacity",{duration:200})).set(this.options.thumbIdleOpacity);a.element.addEvents({mouseover:function(a){a.clearTimer();a.start(.99);if(this.options.showCarouselLabel)$(this.carouselLabel).setHTML('<span class="number">'+(a.relatedImage.number+1)+"/"+this.maxIter+":</span> "+a.relatedImage.title)}.pass(a,this),mouseout:function(a){a.clearTimer();a.start(this.options.thumbIdleOpacity)}.pass(a,this),click:function(a){this.goTo(a.relatedImage.number);if(this.options.thumbCloseCarousel)this.hideCarousel()}.pass(a,this)});a.relatedImage=this.galleryData[i];this.thumbnailElements[parseInt(i)]=a}},log:function(a){if(console.log)console.log(a)},preloadThumbnails:function(){var a=[];for(i=0;i<this.galleryData.length;i++)a[parseInt(i)]=this.galleryData[i].thumbnail;this.thumbnailPreloader=new Preloader;this.thumbnailPreloader.addEvent("onComplete",function(){var a=formatString(this.options.textShowCarousel,this.currentIter+1,this.maxIter);this.carouselBtn.setHTML(a).setProperty("title",a)}.bind(this));this.thumbnailPreloader.load(a)},clearThumbnailsHighlights:function(){for(i=0;i<this.galleryData.length;i++){this.thumbnailElements[i].clearTimer();this.thumbnailElements[i].start(.2)}},changeThumbnailsSize:function(b,a){for(i=0;i<this.galleryData.length;i++){this.thumbnailElements[i].clearTimer();this.thumbnailElements[i].element.setStyles({width:b+"px",height:a+"px"})}},centerCarouselOn:function(f){if(!this.carouselWallMode){var a=this.thumbnailElements[f],e=a.element.offsetLeft+a.element.offsetWidth/2,b=this.carouselWrapper.element.offsetWidth,g=this.carouselInner.offsetWidth,c=b/2,d=e-c;this.carouselWrapper.elementScroller.scrollTo=(d,0)}},initInfoSlideshow:function(){this.slideInfoZone=(new Fx.Styles((new Element("div")).addClass("slideInfoZone").injectInside($(this.galleryElement)))).set({opacity:0});var b=(new Element("h2")).injectInside(this.slideInfoZone.element),a=(new Element("p")).injectInside(this.slideInfoZone.element);this.slideInfoZone.normalHeight=this.slideInfoZone.element.offsetHeight;this.slideInfoZone.element.setStyle("opacity",0)},changeInfoSlideShow:function(){this.hideInfoSlideShow.delay(10,this);this.showInfoSlideShow.delay(500,this)},showInfoSlideShow:function(){this.fireEvent("onShowInfopane");this.slideInfoZone.clearTimer();element=this.slideInfoZone.element;element.getElement("h2").setHTML(this.galleryData[this.currentIter].title);element.getElement("p").setHTML(this.galleryData[this.currentIter].description);if(this.options.slideInfoZoneSlide)this.slideInfoZone.start({opacity:[0,this.options.slideInfoZoneOpacity],height:[0,this.slideInfoZone.normalHeight]});else this.slideInfoZone.start({opacity:[0,this.options.slideInfoZoneOpacity]});if(this.options.showCarousel)this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter,this));return this.slideInfoZone},hideInfoSlideShow:function(){this.fireEvent("onHideInfopane");this.slideInfoZone.clearTimer();if(this.options.slideInfoZoneSlide)this.slideInfoZone.start({opacity:0,height:0});else this.slideInfoZone.start({opacity:0});return this.slideInfoZone},makeLink:function(a){this.currentLink.setProperties({href:this.galleryData[a].link,title:this.galleryData[a].linkTitle});if(!(this.options.embedLinks&&!this.options.showArrows&&!this.options.showCarousel))this.currentLink.setStyle("display","block")},clearLink:function(){this.currentLink.setProperties({href:"",title:""});if(!(this.options.embedLinks&&!this.options.showArrows&&!this.options.showCarousel))this.currentLink.setStyle("display","none")},flushGallery:function(){this.galleryElements.each(function(a){a.element.remove();a=a.element=null});this.galleryElements=[]},changeData:function(a){this.galleryData=a;this.clearTimer();this.flushGallery();if(this.options.showCarousel)this.flushCarousel();this.constructElements();if(this.options.showCarousel)this.fillCarousel();if(this.options.showInfopane)this.hideInfoSlideShow();this.galleryInit=1;this.lastIter=0;this.currentIter=0;this.doSlideShow(1)},initHistory:function(){this.fireEvent("onHistoryInit");this.historyKey=this.galleryElement.id+"-picture";if(this.options.customHistoryKey)this.historyKey=this.options.customHistoryKey();this.history=HistoryManager.register(this.historyKey,[1],function(a){if(parseInt(a[0])-1<this.maxIter)this.goTo(parseInt(a[0])-1)}.bind(this),function(a){return [this.historyKey,"(",a[0],")"].join("")}.bind(this),this.historyKey+"\\((\\d+)\\)");this.addEvent("onChanged",function(){this.history.setValue(0,this.currentIter+1)}.bind(this));this.fireEvent("onHistoryInited")}};gallery=new Class(gallery);gallery.implement(new Events);gallery.implement(new Options);gallery.Transitions=new Abstract({fade:function(b,a,d,c){b.options.transition=a.options.transition=Fx.Transitions.linear;b.options.duration=a.options.duration=this.options.fadeDuration;if(c>d)a.start({opacity:1});else{a.set({opacity:1});b.start({opacity:0})}},crossfade:function(b,a){b.options.transition=a.options.transition=Fx.Transitions.linear;b.options.duration=a.options.duration=this.options.fadeDuration;a.start({opacity:1});b.start({opacity:0})},fadebg:function(b,a){b.options.transition=a.options.transition=Fx.Transitions.linear;b.options.duration=a.options.duration=this.options.fadeDuration/2;b.start({opacity:0}).chain(a.start.pass([{opacity:1}],a))}});var Preloader=new Class({Implements:[Events,Options],options:{root:"",period:100},initialize:function(a){this.setOptions(a)},load:function(a){this.index=0;this.images=[];this.sources=this.temps=a;this.total=this.sources.length;this.fireEvent("onStart",[this.index,this.total]);this.timer=this.progress.periodical(this.options.period,this);this.sources.each(function(b,a){this.images[a]=new Asset.image(this.options.root+b,{onload:function(){this.index++;if(this.images[a])this.fireEvent("onLoad",[this.images[a],a,b])}.bind(this),onerror:function(){this.index++;this.fireEvent("onError",[this.images.splice(a,1),a,b])}.bind(this),onabort:function(){this.index++;this.fireEvent("onError",[this.images.splice(a,1),a,b])}.bind(this)})},this)},progress:function(){this.fireEvent("onProgress",[Math.min(this.index,this.total),this.total]);if(this.index>=this.total)this.complete()},complete:function(){$clear(this.timer);this.fireEvent("onComplete",[this.images])},cancel:function(){$clear(this.timer)}});Preloader.implement(new Events,new Options);function formatString(){var d=arguments.length,b=arguments[0];for(var a=1;a<d;a++){var c="\\{"+(a-1)+"\\}",e=new RegExp(c,"g");b=b.replace(e,arguments[a])}return b}