2 This is a part of mkgallery.pl suite
3 http://www.average.org/mkgallery/
5 Uses mootools (1.2) http://www.mootools.net/
6 Uses slideshow http://www.phatfusion.net/slideshow/
13 var showWindow = new Class({
15 getOptions: function(){
19 container: document.body,
24 initialize: function(name,options){
25 this.setOptions(this.getOptions(), options)
27 this.options.container = $(this.options.container)
29 this.container = new Element('div').addClass(name).
38 zIndex: this.options.zIndex,
41 }).addEvent('click', function(){
42 this.options.onClick()
43 }.bind(this)).injectInside(this.options.container);
46 this.options.embed.each(function(el){
47 var sub = new Element('div')
48 sub.addClass(el).setProperties({
51 }).injectInside(this.container)
52 this.embedded.push(sub)
57 window.addEvent('resize', this.position.bind(this))
58 window.addEvent('scroll', this.position.bind(this))
62 if(this.options.container == document.body){
63 this.h = window.getHeight()
64 this.s = window.getScrollTop()
66 var myCoords = this.options.container.getCoordinates()
67 this.h = myCoords.height
70 this.container.setStyles({
77 this.container.setStyle('display', 'block')
81 this.container.setStyle('display', 'none')
84 showWindow.implement(new Options)
86 var showControls = new Class({
88 getOptions: function(){
98 initialize: function(name,options){
99 this.setOptions(this.getOptions(), options)
101 this.container = $(name)
103 var buttons = ['prev','stop','play','next','exit','comm']
104 buttons.each(function(el){
105 var sub = new Element('div')
106 if (this.options[el]) {
107 sub.addEvent('click', function() {
111 sub.addClass('controlButton').setProperties({
114 }).injectInside(this.container)
119 showControls.implement(new Options)
121 /* Make overlay window and start slideshow */
122 function showImage(id,doplay) {
124 /* alert('show id='+id+' index='+i+' doplay='+doplay) */
133 /* Stop slideshow and return to index page */
134 function showStop() {
138 var img = show.newImage.getElement('img');
140 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
141 '#'+img.get('id')+' src='+img.get('src'))
145 img = show.oldImage.getElement('img');
147 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
148 '#'+img.get('id')+' src='+img.get('src'))
152 show.imagesHolder.getElements('img').each(function(el){
153 alert('remove element: '+el.get('tag')+'.'+el.get('class')+'#'+el.get('id')+
154 ' src='+el.get('src'))
161 /* List of lists of img variations. Each image variation is a three-element */
162 /* array: [width, height, url]. Index of the outer array is the global ID. */
167 * [width, height, url]
173 /* resolve string ID to index */
176 /* Initialize everything, to be called on domready */
177 function init_gallery() {
178 $$('.conceal').each(function(el){
179 el.setStyle('display', 'none')
181 $$('a.infoBox').each(function(el){
182 var url=el.get('href')
183 el.set('href',url+'?conceal')
185 $$('a.showStart').each(function(el){
186 el.addEvent('click', showImage.bind(el,[el.get('id'),1]))
188 $$('a.showImage').each(function(el){
189 el.addEvent('click', showImage.bind(el,[el.get('id'),0]))
191 $$('div.varimages').each(function(el,i){
194 el.getElements('a').each(function(ael,j){
195 dim = /(\d+)[^\d](\d+)/.exec(ael.text)
198 vimgs[i][j]=[w,h,ael.href,el.id,el.title]
202 var msg='loaded '+vimgs.length+' image descriptions:'
203 vimgs.each(function(vimg,i){
205 vimg.each(function(vimg,i){
206 msg+='\n w='+vimg[0]+' h='+vimg[1]+' url='+vimg[2]
210 /* end debugging output */
213 ovl = new overlay(ovlparams)
222 descClassName: 'infoBoxDesc',
224 ibox = new multiBox('infoBox', iboxparams)
227 /* onClick: showStop, /* temporarily */
228 embed: ['slideshowControls'],
230 showwin = new showWindow('slideshowContainer',winparms)
238 onClick: function(i){alert(i)},
241 show = new slideShow('slideshowContainer',vimgs,showparms)
244 next: function(){show.next()},
245 prev: function(){show.previous()},
246 stop: function(){show.stop()},
247 play: function(){show.play()},
248 exit: function(){showStop()},
250 ctl = new showControls('slideshowControls',ctlparams)
252 parsedurl = parseUrl(document.URL)
253 /* alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL) */
254 if ($chk(parsedurl['anchor'])){
255 showImage(parsedurl['anchor'],0)
260 window.addEvent('domready',init_gallery)