X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.js;h=08097589d49f25d9a5647556e9a46c9ae6d89e15;hp=5d24752b5e2c2b24c81153b7a38029397eafe462;hb=b55242bcbdfa5ab5bea3b3391cee28b79ce59762;hpb=224aa7103c52952fe867c36d3cb4f7217f4fbc4c

diff --git a/include/gallery.js b/include/gallery.js
index 5d24752..0809758 100644
--- a/include/gallery.js
+++ b/include/gallery.js
@@ -1,138 +1,122 @@
 /*
+	$Id$
+
         This is a part of mkgallery.pl suite
         http://www.average.org/mkgallery/
 
-	Uses mootools (1.1) http://www.mootools.net/
-	Uses slideshow http://www.phatfusion.net/slideshow/
+	Uses mootools (1.2) http://www.mootools.net/
+	Uses multibox http://www.phatfusion.net/multibox/
+	Inspired by slideshow http://www.phatfusion.net/slideshow/
 */
 
-function showIbox(iboxid) {
- var ibox = document.getElementById(iboxid);
- var bwidth = 400;
- var bheight = 300;
-
- var wwidth = window.getWidth();
- var wheight = window.getHeight();
-
- ibox.style.top = window.getScrollTop() + ((wheight - bheight) / 2) + 'px';
- ibox.style.left = ((wwidth - bwidth) / 2) + "px";
- ibox.style.width = bwidth + "px";
- ibox.style.height = bheight + "px";
- // alert('wwidth='+wwidth+'; bwidth='+bwidth+'; wheight='+wheight+'; bheight='+bheight);
- ibox.zIndex = '0';
- ibox.style.display = 'block';
- return false;
-}
-function HideIbox(iboxid) {
- var ibox = document.getElementById(iboxid);
- ibox.zIndex = '1000';
- ibox.style.display = 'none';
- return false;
-}
-
 /*
-	Slideshow
+	Use slideshow classes with the index generated by mkgallery.pl
 */
 
-var ShowWindow = new Class({
-
-	getOptions: function(){
-		return {
-			zIndex: 2,
-			container: document.body,
-			onClick: Class.empty
-		};
-	},
-
-	initialize: function(div,options){
-		this.setOptions(this.getOptions(), options);
-
-		this.options.container = $(this.options.container);
-
-		this.div = $(div);
-		this.div.setStyles({
-			position: 'absolute',
-			left: '0px',
-			top: '0px',
-			width: '100%',
-			zIndex: this.options.zIndex,
-			overflow: 'hidden',
-			display: 'none'
+/* Initialize everything, to be called on domready */
+function init_gallery() {
+
+	/* List of lists of img variations. Each image variation is a three-element
+	 * array: [width, height, url]. Index of the outer array is the global ID.
+	 *
+	 * [
+	 *  [ id, title, [
+	 *                [ width, height, url ]
+	 *                ...
+	 *               ]
+	 *   ...
+	 *  ]
+	 *  ...
+	 * ]
+	*/
+	var vimgs=[];
+
+	/* resolve string ID to index No which is the index in vimgs[] array */
+	var rimgs=[];
+
+	/* Populate images list */
+
+	$$('div.varimages').each(function(el,i){
+		rimgs[el.id] = i;
+		vimgs[i] = [];
+		el.getElements('a').each(function(ael,j){
+			dim = /(\d+)[^\d](\d+)/.exec(ael.text);
+			w = dim[1];
+			h = dim[2];
+			vimgs[i][j]=[w,h,ael.href,el.id,el.title];
 		});
-		this.div.addEvent('click', function(){
-			this.options.onClick();
-		}.bind(this));
-
-		this.position();
-
-		window.addEvent('resize', this.position.bind(this));
-		window.addEvent('scroll', this.position.bind(this));
-	},
-
-	position: function(){
-		if(this.options.container == document.body){
-			var h = window.getHeight()+'px';
-			var s = window.getScrollTop()+'px';
-			this.div.setStyles({top: s, height: h});
-		}else{
-			var myCoords = this.options.container.getCoordinates();
-			this.div.setStyles({
-				top: myCoords.top+'px',
-				height: myCoords.height+'px',
-				left: myCoords.left+'px',
-				width: myCoords.width+'px'
-			});
-		}
-	},
-
-	show: function(){
-		this.div.setStyles({display: 'block'});
-	},
-
-	hide: function(){
-		this.div.setStyles({display: 'none'});
+	});
+
+			/* debugging output
+	var msg='loaded '+vimgs.length+' image descriptions:';
+	vimgs.each(function(vimg,i){
+		msg+='\nid='+i;
+		vimg.each(function(vimg,i){
+			msg+='\n     w='+vimg[0]+' h='+vimg[1]+' url='+vimg[2];
+		});
+	});
+	alert(msg);
+			/* end debugging output */
+
+	/* Initialize objects */
+
+	var ovlparams = {};
+	ovl = new overlay(ovlparams);
+
+	var iboxparams = {
+		overlay: ovl,
+		showNumbers: false,
+		showControls: true,
+		openFromLink: false,
+		movieWidth: 640,
+		movieHeight: 480,
+		descClassName: 'infoBoxDesc',
+	};
+	ibox = new multiBox('infoBox', iboxparams);
+
+	var winparms = {
+		tohide: 'indexContainer',
+	};
+	var showwin = new showWindow('slideshowContainer',winparms);
+
+	var ctlparams = {
+	};
+	var ctl = new Controls('slideshowControls','slideshowContainer',
+				ctlparams);
+
+	var showparms = {
+		cbStart: function(){ showwin.show(); },
+		cbExit: function(){ showwin.hide(); },
+	};
+	var show = new Show(vimgs,showwin,ctl,showparms);
+
+	/* Update HTML */
+
+	$$('.conceal').each(function(el){
+		el.setStyle('display', 'none');
+	});
+	$$('a.infoBox').each(function(el){
+		var url=el.get('href');
+		el.set('href',url+'?conceal');
+	});
+
+	$$('a.showStart').each(function(el){
+		el.addEvent('click',
+				show.start.bind(show,[rimgs[el.get('id')],1]));
+	});
+	$$('a.showImage').each(function(el){
+		el.addEvent('click',
+				show.start.bind(show,[rimgs[el.get('id')],0]));
+	});
+
+	/* Determine if we need to go directly into show mode */
+
+	parsedurl = parseUrl(document.URL);
+	/* alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL); */
+	if ($chk(parsedurl['anchor'])){
+		show.start(rimgs[parsedurl['anchor']],0);
 	}
-});
-ShowWindow.implement(new Options);
-
-/* Make overlay window and start slideshow */
-function run_slideshow(startid) {
- showwin.show();
- show.stop();
- if (startid < 0) {
-  show.play(0);
- } else {
-  show.play(startid);
-  show.stop();
- }
- return false;
-}
-
-/* Stop slideshow and return to index page */
-function stop_slideshow() {
- show.stop();
- showwin.hide();
- return false;
 }
 
-/* Initialize everything, to be called on domready */
-function init_gallery() {
- var winparms = {}
- showwin = new ShowWindow('slideshowWindow',winparms)
-
- var showparms = {
-  wait: 3000,
-  effect: 'fade',
-  duration: 1000,
-  loop: true, 
-  thumbnails: true,
-  onClick: function(i){alert(i)}
- }
- show = new SlideShow('slideshowContainer','slideshowThumbnail',showparms)
-
- parsedurl = parseUrl(document.URL)
- // alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL)
- if ($chk(parsedurl['anchor'])){
-  run_slideshow(parsedurl['anchor'])
- }
-}
+/* Initialization */
+window.addEvent('domready',init_gallery)