tdiary-contrib 3.2.2.20130518

data/util/image-gallery/js/SmoothGallery/scripts/jd.gallery.set.js

@@ -0,0 +1,183 @@
+/*
+    This file is part of JonDesign's SmoothGallery v2.1beta1.
+
+    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 = new Class({
+	Extends: gallery,
+	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
+		});
+		this.setOptions(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.dispose();
+		}, 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.set('html', this.gallerySet[number].title);
+			this.fireEvent('onGalleryChanged');
+		}
+		this.toggleGallerySelector(false);
+	},
+	createGallerySelectorTab: function() {
+		this.gallerySelectorBtn = new Element('a').addClass('gallerySelectorBtn').setProperties({
+			title: this.options.textShowGallerySelector
+		}).set('html', 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.Morph(
+			new Element('div').addClass(
+				'gallerySelector'
+			).injectInside(
+				this.galleryElement
+			).setStyles({
+				'display': 'none',
+				'opacity': '0'
+			})
+		);
+		this.gallerySelectorTitle = 
+			new Element('h2').set('html', 
+				this.options.textGallerySelector
+			).injectInside(this.gallerySelector.element);
+		var gallerySelectorHeight = this.galleryElement.offsetHeight - 50 - 10 - 2;
+		this.gallerySelectorWrapper = new Fx.Morph(
+			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').set('html', galleryItem.title).injectInside(button);
+			new Element('p').addClass('info').set('html', 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 = new History.Route({
+			defaults: [1,1],
+			pattern: this.historyKey + '\\((\\d+)\\)-picture\\((\\d+)\\)',
+			generate: function(values) {
+				return [this.historyKey, '(', values[0], ')', '-picture','(', values[1], ')'].join('');
+			}.bind(this),
+			onMatch: function(values, defaults) {
+				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)
+		});
+		updateHistory = function(){
+			this.history.setValues([this.currentGallery + 1, this.currentIter + 1]);
+			this.history.defaults=[this.currentGallery + 1, this.currentIter + 1];
+		}.bind(this);		
+		
+		this.addEvent('onChanged', updateHistory);
+		this.addEvent('onGalleryChanged', updateHistory);
+		this.fireEvent('onHistoryInited');
+	}
+});

data/util/image-gallery/js/SmoothGallery/scripts/jd.gallery.transitions.js

@@ -0,0 +1,90 @@
+/*
+    This file is part of JonDesign's SmoothGallery v2.1beta1.
+
+    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/)
+*/
+
+gallery.Transitions.extend({
+	fadeslideleft: function(oldFx, newFx, oldPos, newPos){
+		oldFx.options.transition = newFx.options.transition = Fx.Transitions.Cubic.easeOut;
+		oldFx.options.duration = newFx.options.duration = 1500;
+		if (newPos > oldPos)
+		{
+			newFx.start({
+				left: [this.galleryElement.offsetWidth, 0],
+				opacity: 1
+			});
+			oldFx.start({opacity: [1,0]});
+		} else {
+			newFx.start({opacity: [0,1]});
+			oldFx.start({
+				left: [0, this.galleryElement.offsetWidth],
+				opacity: 0
+			}).chain(function(fx){fx.set({left: 0});}.pass(oldFx));
+		}
+	},
+	continuoushorizontal: function(oldFx, newFx, oldPos, newPos){
+		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
+		if (
+			((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
+			(!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
+		) {
+			oldFx.set({opacity: 1});
+			oldFx.start({
+				left: [0, this.galleryElement.offsetWidth * -1]
+			});
+			newFx.set({opacity: 1, left: this.galleryElement.offsetWidth});
+			newFx.start({
+				left: [this.galleryElement.offsetWidth, 0]
+			});
+		} else  {
+			oldFx.set({opacity: 1});
+			oldFx.start({
+				left: [0, this.galleryElement.offsetWidth]
+			});
+			newFx.set({opacity: 1, left: this.galleryElement.offsetWidth * -1});
+			newFx.start({
+				left: [this.galleryElement.offsetWidth * -1, 0]
+			});
+		}
+	},
+	continuousvertical: function(oldFx, newFx, oldPos, newPos){
+		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
+		if (
+			((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
+			(!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
+		) {
+			oldFx.set({opacity: 1});
+			oldFx.start({
+				top: [0, this.galleryElement.offsetHeight * -1]
+			});
+			newFx.set({opacity: 1, top: this.galleryElement.offsetHeight});
+			newFx.start({
+				top: [this.galleryElement.offsetHeight, 0]
+			});
+		} else  {
+			oldFx.set({opacity: 1});
+			oldFx.start({
+				top: [0, this.galleryElement.offsetHeight]
+			});
+			newFx.set({opacity: 1, top: this.galleryElement.offsetHeight * -1});
+			newFx.start({
+				top: [this.galleryElement.offsetHeight * -1, 0]
+			});
+		}
+	}
+});