IE compatibility

[mkgallery.git] / include / gallery.js

diff --git a/include/gallery.js b/include/gallery.js
index a9d52999ae40cfb32fac05e17c386aff405abec4..39d8d846b4aa9ed7759c98195daada2942311c85 100644 (file)
--- a/include/gallery.js
+++ b/include/gallery.js
@@ -1,23 +1,139 @@
-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';
+/*
+       $Id$
+
+        This is a part of mkgallery.pl suite
+        http://www.average.org/mkgallery/
+
+       Uses mootools (1.2) http://www.mootools.net/
+       Uses multibox http://www.phatfusion.net/multibox/
+       Inspired by slideshow http://www.phatfusion.net/slideshow/
+*/
+
+/*
+       Use slideshow classes with the index generated by mkgallery.pl
+*/
+
+/* 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){
+               var rel=el.get('id');
+               rimgs[rel] = i;
+               vimgs[i] = [rel, el.title, []];
+               el.getElements('a').each(function(ael,j){
+                       dim = /(\d+)[^\d](\d+)/.exec(ael.rel);
+                       w = dim[1];
+                       h = dim[2];
+                       vimgs[i][2][j]=[w,h,ael.href];
+               });
+       });
+
+                       /* debugging output
+       var msg='loaded '+vimgs.length+' image descriptions:';
+       vimgs.each(function(vimg,i){
+               msg+='\nid='+i+' ('+vimg[0]+') title='+vimg[1];
+               vimg[2].each(function(vv,i){
+                       msg+='\n     w='+vv[0]+' h='+vv[1]+' url='+vv[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);
+
+       document.addEvent('keypress', function(ev){
+               if (ev.key == 'esc') {
+                       show.exit();
+               } else if (ev.key == 'left') {
+                       show.prev();
+               } else if (ev.key == 'right') {
+                       show.next();
+               } else if (ev.key == 'space') {
+                       show.toggleplay();
+               } else {
+                       /* alert('keypress: '+ev.key); */
+               }
+       });
+
+       /* 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('rel')],1]));
+       });
+       $$('a.showImage').each(function(el){
+               el.addEvent('click',
+                       show.start.bind(show,[rimgs[el.get('rel')],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);
+       }
 }
 
+/* Initialization */
+window.addEvent('domready',init_gallery);
+