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(){
18 container: document.body,
23 initialize: function(div,options){
24 this.setOptions(this.getOptions(), options)
26 this.options.container = $(this.options.container)
34 zIndex: this.options.zIndex,
38 this.div.addEvent('click', function(){
39 this.options.onClick()
44 window.addEvent('resize', this.position.bind(this))
45 window.addEvent('scroll', this.position.bind(this))
49 if(this.options.container == document.body){
50 var h = window.getHeight()+'px'
51 var s = window.getScrollTop()+'px'
52 this.div.setStyles({top: s, height: h})
54 var myCoords = this.options.container.getCoordinates()
56 top: myCoords.top+'px',
57 height: myCoords.height+'px',
58 left: myCoords.left+'px',
59 width: myCoords.width+'px'
65 this.div.setStyles({display: 'block'})
69 this.div.setStyles({display: 'none'})
72 showWindow.implement(new Options)
74 /* Make overlay window and start slideshow */
75 function showImage(id,doplay) {
77 /* alert('show id='+id+' index='+i+' doplay='+doplay) */
86 /* Stop slideshow and return to index page */
91 var img = show.newImage.getElement('img');
93 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
94 '#'+img.get('id')+' src='+img.get('src'))
98 img = show.oldImage.getElement('img');
100 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
101 '#'+img.get('id')+' src='+img.get('src'))
105 show.imagesHolder.getElements('img').each(function(el){
106 alert('remove element: '+el.get('tag')+'.'+el.get('class')+'#'+el.get('id')+
107 ' src='+el.get('src'))
114 /* List of lists of img variations. Each image variation is a three-element */
115 /* array: [width, height, url]. Index of the outer array is the global ID. */
120 * [width, height, url]
126 /* resolve string ID to index */
129 /* Initialize everything, to be called on domready */
130 function init_gallery() {
131 $$('.conceal').each(function(el){
132 el.setStyle('display', 'none')
134 $$('a.infoBox').each(function(el){
135 var url=el.get('href')
136 el.set('href',url+'?conceal')
138 $$('a.showStart').each(function(el){
139 el.addEvent('click', showImage.bind(el,[el.get('id'),1]))
141 $$('a.showImage').each(function(el){
142 el.addEvent('click', showImage.bind(el,[el.get('id'),0]))
144 $$('div.varimages').each(function(el,i){
148 el.getElements('a').each(function(ael,j){
149 dim = /(\d+)[^\d](\d+)/.exec(ael.text)
152 vimgs[i][j]=[w,h,ael.href]
156 var msg='loaded '+vimgs.length+' image descriptions:'
157 vimgs.each(function(vimg,i){
159 vimg.each(function(vimg,i){
160 msg+='\n w='+vimg[0]+' h='+vimg[1]+' url='+vimg[2]
164 /* end debugging output */
167 ovl = new overlay(ovlparams)
176 descClassName: 'infoBoxDesc',
178 ibox = new multiBox('infoBox', iboxparams)
181 showwin = new showWindow('slideshowWindow',winparms)
189 onClick: function(i){alert(i)}
191 show = new slideShow('slideshowContainer','slideshowThumbnail',showparms)
193 parsedurl = parseUrl(document.URL)
194 /* alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL) */
195 if ($chk(parsedurl['anchor'])){
196 showImage(parsedurl['anchor'],0)
201 window.addEvent('domready',init_gallery)