| Dir : /home/trave494/islandpc.ca/wp-content/plugins/featured-content-gallery/scripts/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/islandpc.ca/wp-content/plugins/featured-content-gallery/scripts/jd.gallery.set.js |
/*
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');
}
});