- 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'
- });
+ });
+
+ /* 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); */