X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.js;h=fa37bbf7925fb12e10b86ab050477aade5c294bd;hp=d5ff7755778ee00dd4a786dd1fa5871268b82d7e;hb=78362df33eae45686a72edd0f13f060aad6c136b;hpb=9e2f170c6e4ffb4f6ba758387c5689142615ecbd

diff --git a/include/gallery.js b/include/gallery.js
index d5ff775..fa37bbf 100644
--- a/include/gallery.js
+++ b/include/gallery.js
@@ -38,8 +38,9 @@ function init_gallery() {
 	/* Populate images list */
 
 	$$('div.varimages').each(function(el,i){
-		rimgs[el.id] = i;
-		vimgs[i] = [el.id, el.title, []];
+		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.text);
 			w = dim[1];
@@ -91,6 +92,20 @@ function init_gallery() {
 	};
 	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){
@@ -103,11 +118,11 @@ function init_gallery() {
 
 	$$('a.showStart').each(function(el){
 		el.addEvent('click',
-				show.start.bind(show,[rimgs[el.get('id')],1]));
+			show.start.bind(show,[rimgs[el.get('rel')],1]));
 	});
 	$$('a.showImage').each(function(el){
 		el.addEvent('click',
-				show.start.bind(show,[rimgs[el.get('id')],0]));
+			show.start.bind(show,[rimgs[el.get('rel')],0]));
 	});
 
 	/* Determine if we need to go directly into show mode */
@@ -122,9 +137,3 @@ function init_gallery() {
 /* Initialization */
 window.addEvent('domready',init_gallery);
 
-/* This is how I would like it done for explorer:
-window.addEvent('readystatechange',function(parm){
-	alert('readystatechange, parm='+parm);
-	init_gallery();
-});
-/* but it does not seem to work */