//lightbox_plus.js
//written by Takuya Otani<takuya.otani@gmail.com>
//(C) 2006 SimpleBoxes/SerendipityNZ Ltd.
/*Copyright (C) 2006 Takuya Otani/SimpleBoxes http://serennz.cool.ne.jp/sb/
Copyright (C) 2006 SerendipityNZ http://serennz.cool.ne.jp/snz/*/
/*Original script:Lightbox JS:Fullsize Image Overlays
(C) 2005 Lokesh Dhakar
ver. 20090318*/
function WindowSize(){this.w=0
this.h=0
return this.update()}
WindowSize.prototype.update=function(){var d=document
this.w=
(window.innerWidth)?window.innerWidth
:(d.documentElement&&d.documentElement.clientWidth)?d.documentElement.clientWidth
:d.body.clientWidth
this.h=
(window.innerHeight)?window.innerHeight
:(d.documentElement&&d.documentElement.clientHeight)?d.documentElement.clientHeight
:d.body.clientHeight
return this}
function PageSize(){this.win=new WindowSize()
this.w=0
this.h=0
return this.update()}
PageSize.prototype.update=function(){var d=document
this.w=
(window.innerWidth&&window.scrollMaxX)?window.innerWidth+window.scrollMaxX
:(d.body.scrollWidth>d.body.offsetWidth)?d.body.scrollWidth
:d.body.offsetWidt
this.h=
(window.innerHeight&&window.scrollMaxY)?window.innerHeight+window.scrollMaxY
:(d.body.scrollHeight>d.body.offsetHeight)?d.body.scrollHeight
:d.body.offsetHeight
this.win.update()
if(this.w<this.win.w)this.w=this.win.w
if(this.h<this.win.h)this.h=this.win.h
return this}
function PagePos(){this.x=0
this.y=0
return this.update()}
PagePos.prototype.update=function(){var d=document
this.x=
(window.pageXOffset)?window.pageXOffset
:(d.documentElement&&d.documentElement.scrollLeft)?d.documentElement.scrollLeft
:(d.body)?d.body.scrollLeft
:0
this.y=
(window.pageYOffset)?window.pageYOffset
:(d.documentElement&&d.documentElement.scrollTop)?d.documentElement.scrollTop
:(d.body)?d.body.scrollTop
:0
return this}
function LightBox(option){var self=this
self._imgs=new Array()
self._sets=new Array()
self._wrap=null
self._box=null
self._img=null
self._open=-1
self._page=new PageSize()
self._pos=new PagePos()
self._zoomimg=null
self._expandable=false
self._expanded=false
self._funcs={'move':null,'up':null,'drag':null,'wheel':null,'dbl':null}
self._level=1
self._curpos={x:0,y:0}
self._imgpos={x:0,y:0}
self._minpos={x:0,y:0}
self._expand=option.expandimg
self._shrink=option.shrinkimg
self._resizable=option.resizable
self._timer=null
self._indicator=null
self._overall=null
self._openedset=null
self._prev=null
self._next=null
self._hiding=[]
self._first=false
return self._init(option)}
LightBox.prototype={_init :function(option){var self=this
var d=document
if(!d.getElementsByTagName)return
if(Browser.isMacIE)return self
var links=d.getElementsByTagName("a")
for(var i=0;i<links.length;i++){var anchor=links[i]
var num=self._imgs.length
var rel=String(anchor.getAttribute("rel")).toLowerCase()
if(!anchor.getAttribute("href")|| !rel.match('lightbox'))continue
self._imgs[num]={src:anchor.getAttribute("href"),
w:-1,h:-1,title:'',cls:anchor.className,set:rel}
if(anchor.getAttribute("title"))
self._imgs[num].title=anchor.getAttribute("title")
else if(anchor.firstChild
&&anchor.firstChild.getAttribute
&&anchor.firstChild.getAttribute("title"))
self._imgs[num].title=anchor.firstChild.getAttribute("title")
anchor.onclick=self._genOpener(num)
if(rel !='lightbox'){if(!self._sets[rel])self._sets[rel]=new Array()
self._sets[rel].push(num)}}
var body=d.getElementsByTagName("body")[0]
self._wrap=self._createWrapOn(body,option.loadingimg)
self._box=self._createBoxOn(body,option)
self._img=self._box.firstChild
self._zoomimg=d.getElementById('actionImage')
return self
},_genOpener :function(num){var self=this
return function(){self._show(num);return false;}
},_createWrapOn :function(obj,imagePath){var self=this
if(!obj)return null
var wrap=document.createElement('div')
obj.appendChild(wrap)
wrap.id='overlay'
wrap.style.display='none'
wrap.style.position='fixed'
wrap.style.top='0px'
wrap.style.left='0px'
wrap.style.zIndex='50'
wrap.style.width='100%'
wrap.style.height='100%'
if(Browser.isWinIE)wrap.style.position='absolute'
Event.register(wrap,"click",function(evt){self._close(evt);})
var imag=new Image
imag.onload=function(){var spin=document.createElement('img')
wrap.appendChild(spin)
spin.id='loadingImage'
spin.src=imag.src
spin.style.position='relative'
self._set_cursor(spin)
Event.register(spin,'click',function(evt){self._close(evt);})
imag.onload=function(){}}
if(imagePath !='')imag.src=imagePath
return wrap
},_createBoxOn :function(obj,option){var self=this
if(!obj)return null
var box=document.createElement('div')
obj.appendChild(box)
box.id='lightbox'
box.style.display='none'
box.style.position='absolute'
box.style.zIndex='60'
var img=document.createElement('img')
box.appendChild(img)
img.id='lightboxImage'
self._set_cursor(img)
Event.register(img,'mouseover',function(){self._show_action();})
Event.register(img,'mouseout',function(){self._hide_action();})
Event.register(img,'click',function(evt){self._close(evt);})
if(option.previmg){var prevLink=document.createElement('img')
box.appendChild(prevLink)
prevLink.id='prevLink'
prevLink.style.display='none'
prevLink.style.position='absolute'
prevLink.style.left='9px'
prevLink.style.zIndex='70'
prevLink.src=option.previmg
self._prev=prevLink
Event.register(prevLink,'mouseover',function(){self._show_action();})
Event.register(prevLink,'click',function(){self._show_next(-1);})}
if(option.nextimg){var nextLink=document.createElement('img')
box.appendChild(nextLink)
nextLink.id='nextLink'
nextLink.style.display='none'
nextLink.style.position='absolute'
nextLink.style.right='9px'
nextLink.style.zIndex='70'
nextLink.src=option.nextimg
self._next=nextLink
Event.register(nextLink,'mouseover',function(){self._show_action();})
Event.register(nextLink,'click',function(){self._show_next(+1);})}
var zoom=document.createElement('img')
box.appendChild(zoom)
zoom.id='actionImage'
zoom.style.display='none'
zoom.style.position='absolute'
zoom.style.top='15px'
zoom.style.left='15px'
zoom.style.zIndex='70'
self._set_cursor(zoom)
zoom.src=self._expand
Event.register(zoom,'mouseover',function(){self._show_action();})
Event.register(zoom,'click',function(){self._zoom();})
Event.register(window,'resize',function(){self._set_size(true);})
if(option.closeimg){var btn=document.createElement('img')
box.appendChild(btn)
btn.id='closeButton'
btn.style.display='inline'
btn.style.position='absolute'
btn.style.right='9px'
btn.style.top='10px'
btn.style.zIndex='80'
btn.src=option.closeimg
self._set_cursor(btn)
Event.register(btn,'click',function(evt){self._close(evt);})}
var caption=document.createElement('span')
box.appendChild(caption)
caption.id='lightboxCaption'
caption.style.display='none'
caption.style.position='absolute'
caption.style.zIndex='80'
if(self._resizable){var overall=document.createElement('div')
obj.appendChild(overall)
overall.id='lightboxOverallView'
overall.style.display='none'
overall.style.position='absolute'
overall.style.zIndex='70'
self._overall=overall
var indicator=document.createElement('div')
obj.appendChild(indicator)
indicator.id='lightboxIndicator'
indicator.style.display='none'
indicator.style.position='absolute'
indicator.style.zIndex='80'
self._indicator=indicator}
return box
},_set_photo_size :function(){var self=this
if(self._open==-1)return
var targ={w:self._page.win.w-30,h:self._page.win.h-30}
var zoom={x:15,y:15}
var navi={p:9,n:9,y:0}
if(!self._expanded){var orig={w:self._imgs[self._open].w,h:self._imgs[self._open].h}
var ratio=1.0
if((orig.w>=targ.w || orig.h>=targ.h)&&orig.h&&orig.w)
ratio=((targ.w/orig.w)<(targ.h/orig.h))?targ.w/orig.w :targ.h/orig.h
self._img.width=Math.floor(orig.w*ratio)
self._img.height=Math.floor(orig.h*ratio)
self._expandable=(ratio<1.0)?true :false
if(self._resizable)self._expandable=true
if(Browser.isWinIE)self._box.style.display="block"
self._imgpos.x=self._pos.x+(targ.w-self._img.width)/2
self._imgpos.y=self._pos.y+(targ.h-self._img.height)/2
navi.y=Math.floor(self._img.height/2)-10
self._show_caption(true)
self._show_overall(false)}
else{var width=parseInt(self._imgs[self._open].w*self._level)
var height=parseInt(self._imgs[self._open].h*self._level)
self._minpos.x=self._pos.x+targ.w-width
self._minpos.y=self._pos.y+targ.h-height
if(width<=targ.w)
self._imgpos.x=self._pos.x+(targ.w-width)/2
else{if(self._imgpos.x>self._pos.x)self._imgpos.x=self._pos.x
else if(self._imgpos.x<self._minpos.x)self._imgpos.x=self._minpos.x
zoom.x=15+self._pos.x-self._imgpos.x
navi.p=self._pos.x-self._imgpos.x-5
navi.n=width-self._page.win.w+self._imgpos.x+25
if(Browser.isWinIE)navi.n-=10}
if(height<=targ.h){self._imgpos.y=self._pos.y+(targ.h-height)/2
navi.y=Math.floor(self._img.height/2)-10}
else{if(self._imgpos.y>self._pos.y)self._imgpos.y=self._pos.y
else if(self._imgpos.y<self._minpos.y)self._imgpos.y=self._minpos.y
zoom.y=15+self._pos.y-self._imgpos.y
navi.y=Math.floor(targ.h/2)-10+self._pos.y-self._imgpos.y}
self._img.width=width
self._img.height=height
self._show_caption(false)
self._show_overall(true)}
self._box.style.left=[self._imgpos.x,'px'].join('')
self._box.style.top=[self._imgpos.y,'px'].join('')
self._zoomimg.style.left=[zoom.x,'px'].join('')
self._zoomimg.style.top=[zoom.y,'px'].join('')
self._wrap.style.left=self._pos.x
if(self._prev&&self._next){self._prev.style.left=[navi.p,'px'].join('')
self._next.style.right=[navi.n,'px'].join('')
self._prev.style.top=self._next.style.top=[navi.y,'px'].join('')}
},_show_overall :function(visible){var self=this
if(self._overall==null)return
if(visible){if(self._open==-1)return
var base=100
var outer={w:0,h:0,x:0,y:0}
var inner={w:0,h:0,x:0,y:0}
var orig={w:self._img.width,h:self._img.height}
var targ={w:self._page.win.w-30,h:self._page.win.h-30}
var max=orig.w
if(max<orig.h)max=orig.h
if(max<targ.w)max=targ.w
if(max<targ.h)max=targ.h
if(max<1)return
outer.w=parseInt(orig.w/max*base)
outer.h=parseInt(orig.h/max*base)
inner.w=parseInt(targ.w/max*base)
inner.h=parseInt(targ.h/max*base)
outer.x=self._pos.x+targ.w-base-20
outer.y=self._pos.y+targ.h-base-20
inner.x=outer.x-parseInt((self._imgpos.x-self._pos.x)/max*base)
inner.y=outer.y-parseInt((self._imgpos.y-self._pos.y)/max*base)
self._overall.style.left=[outer.x,'px'].join('')
self._overall.style.top=[outer.y,'px'].join('')
self._overall.style.width=[outer.w,'px'].join('')
self._overall.style.height=[outer.h,'px'].join('')
self._indicator.style.left=[inner.x,'px'].join('')
self._indicator.style.top=[inner.y,'px'].join('')
self._indicator.style.width=[inner.w,'px'].join('')
self._indicator.style.height=[inner.h,'px'].join('')
self._overall.style.display='block'
self._indicator.style.display='block'}
else{self._overall.style.display='none'
self._indicator.style.display='none'}
},_set_size :function(onResize){var self=this
if(self._open==-1)return
self._page.update()
self._pos.update()
var spin=self._wrap.firstChild
if(spin){var top=(self._page.win.h-spin.height)/2
if(self._wrap.style.position=='absolute')top+=self._pos.y
spin.style.top=[top,'px'].join('')
spin.style.left=[(self._page.win.w-spin.width-30)/2,'px'].join('')}
if(Browser.isWinIE){self._wrap.style.width=[self._page.win.w,'px'].join('')
self._wrap.style.height=[self._page.win.h,'px'].join('')
self._wrap.style.top=[self._pos.y,'px'].join('')}
if(onResize)self._set_photo_size()
},_set_cursor :function(obj){var self=this
if(Browser.isWinIE&&!Browser.isNewIE)return
obj.style.cursor='pointer'
},_current_setindex :function(){var self=this
if(!self._openedset)return-1
var list=self._sets[self._openedset]
for(var i=0,n=list.length;i<n;i++){if(list[i]==self._open)return i}
return-1
},_get_setlength :function(){var self=this
if(!self._openedset)return-1
return self._sets[self._openedset].length
},_show_action :function(){var self=this
if(self._open==-1)return
var check=self._current_setindex()
if(check>-1){if(check>0)self._prev.style.display='inline'
if(check<self._get_setlength()-1)self._next.style.display='inline'}
if(!self._expandable || !self._zoomimg)return
self._zoomimg.src=(self._expanded)?self._shrink :self._expand
self._zoomimg.style.display='inline'
},_hide_action :function(){var self=this
if(self._zoomimg)self._zoomimg.style.display='none'
if(self._open>-1&&self._expanded)self._dragstop(null)
if(self._prev)self._prev.style.display='none'
if(self._next)self._next.style.display='none'
},_zoom :function(){var self=this
var closeBtn=document.getElementById('closeButton')
if(self._expanded){self._reset_func()
self._expanded=false
if(closeBtn)closeBtn.style.display='inline'}
else if(self._open>-1){self._level=1
self._imgpos.x=self._pos.x
self._imgpos.y=self._pos.y
self._expanded=true
self._funcs.drag=function(evt){self._dragstart(evt)}
self._funcs.dbl=function(evt){self._close(null)}
if(self._resizable){self._funcs.wheel=function(evt){self._onwheel(evt)}
Event.register(self._box,'mousewheel',self._funcs.wheel)}
Event.register(self._img,'mousedown',self._funcs.drag)
Event.register(self._img,'dblclick',self._funcs.dbl)
if(closeBtn)closeBtn.style.display='none'}
self._set_photo_size()
self._show_action()
},_reset_func :function(){var self=this
if(self._funcs.wheel !=null)Event.deregister(self._box,'mousewheel',self._funcs.wheel)
if(self._funcs.move !=null)Event.deregister(self._img,'mousemove',self._funcs.move)
if(self._funcs.up !=null)Event.deregister(self._img,'mouseup',self._funcs.up)
if(self._funcs.drag !=null)Event.deregister(self._img,'mousedown',self._funcs.drag)
if(self._funcs.dbl !=null)Event.deregister(self._img,'dblclick',self._funcs.dbl)
self._funcs={'move':null,'up':null,'drag':null,'wheel':null,'dbl':null}
},_onwheel :function(evt){var self=this
var delta=0
evt=Event.getEvent(evt)
if(evt.wheelDelta)delta=event.wheelDelta/-120
else if(evt.detail)delta=evt.detail/3
if(Browser.isOpera)delta=-delta
var step=
(self._level<1)?0.1
:(self._level<2)?0.25
:(self._level<4)?0.5
:1
self._level=(delta>0)?self._level+step :self._level-step
if(self._level>8)self._level=8
else if(self._level<0.5)self._level=0.5
self._set_photo_size()
return Event.stop(evt)
},_dragstart :function(evt){var self=this
evt=Event.getEvent(evt)
self._curpos.x=evt.screenX
self._curpos.y=evt.screenY
self._funcs.move=function(evnt){self._dragging(evnt);}
self._funcs.up=function(evnt){self._dragstop(evnt);}
Event.register(self._img,'mousemove',self._funcs.move)
Event.register(self._img,'mouseup',self._funcs.up)
return Event.stop(evt)
},_dragging :function(evt){var self=this
evt=Event.getEvent(evt)
self._imgpos.x+=evt.screenX-self._curpos.x
self._imgpos.y+=evt.screenY-self._curpos.y
self._curpos.x=evt.screenX
self._curpos.y=evt.screenY
self._set_photo_size()
return Event.stop(evt)
},_dragstop :function(evt){var self=this
evt=Event.getEvent(evt)
if(self._funcs.move !=null)Event.deregister(self._img,'mousemove',self._funcs.move)
if(self._funcs.up !=null)Event.deregister(self._img,'mouseup',self._funcs.up)
self._funcs.move=null
self._funcs.up=null
self._set_photo_size()
return(evt)?Event.stop(evt):false
},_show_caption :function(enable){var self=this
var caption=document.getElementById('lightboxCaption')
if(!caption)return
if(caption.innerHTML.length==0 || !enable){caption.style.display='none'}
else{caption.style.top=[self._img.height+10,'px'].join('')
caption.style.left='0px'
caption.style.width=[self._img.width+20,'px'].join('')
caption.style.display='block'}
},_toggle_wrap :function(flag){var self=this
self._wrap.style.display=flag ?"block" :"none"
if(self._hiding.length==0&&!self._first){var tags=['select','embed','object']
for(var i=0,n=tags.length;i<n;i++){var elem=document.getElementsByTagName(tags[i])
for(var j=0,m=elem.length;j<m;j++){var check=elem[j].style.visibility
if(!check){if(elem[j].currentStyle)
check=elem[j].currentStyle['visibility']
else if(document.defaultView)
check=document.defaultView.getComputedStyle(elem[j],'').getPropertyValue('visibility')}
if(check=='hidden')continue
self._hiding.push(elem[j])}}
self._first=true}
for(var i=0,n=self._hiding.length;i<n;i++)
self._hiding[i].style.visibility=flag ?"hidden" :"visible"
},_show :function(num){var self=this
var imag=new Image
if(num<0 || num>=self._imgs.length)return
var loading=document.getElementById('loadingImage')
var caption=document.getElementById('lightboxCaption')
var effect=document.getElementById('effectImage')
self._open=num
self._set_size(false)
self._toggle_wrap(true)
if(loading)loading.style.display='inline'
imag.onload=function(){if(self._imgs[self._open].w==-1){self._imgs[self._open].w=imag.width
self._imgs[self._open].h=imag.height}
if(effect){effect.style.display=(!effect.className || self._imgs[self._open].cls==effect.className)
?'block' :'none'}
if(caption)try{caption.innerHTML=self._imgs[self._open].title;}catch(e){}
self._set_photo_size()
self._hide_action()
self._box.style.display="block"
self._img.src=imag.src
self._img.setAttribute('title',self._imgs[self._open].title)
self._timer=window.setInterval(function(){self._set_size(true)},100)
if(loading)loading.style.display='none'
if(self._imgs[self._open].set !='lightbox'){var set=self._imgs[self._open].set
if(self._sets[set].length>1)self._openedset=set
if(!self._prev || !self._next)self._openedset=null}}
self._expandable=false
self._expanded=false
imag.src=self._imgs[self._open].src
},_close_box :function(){var self=this
self._open=-1
self._openedset=null
self._hide_action()
self._hide_action()
self._reset_func()
self._show_overall(false)
self._box.style.display="none"
if(self._timer !=null){window.clearInterval(self._timer)
self._timer=null}
},_show_next :function(direction){var self=this
if(!self._openedset)return self._close(null)
var index=self._current_setindex()+direction
var targ=self._sets[self._openedset][index]
self._close_box()
self._show(targ)
},_close :function(evt){var self=this
if(evt !=null){evt=Event.getEvent(evt)
var targ=evt.target || evt.srcElement
if(targ&&targ.getAttribute('id')=='lightboxImage'&&self._expanded)return}
self._close_box()
self._toggle_wrap(false)}}
Event.register(window,"load",function(){var lightbox=new LightBox({loadingimg:'../js/l.gif',expandimg:'../js/expand.gif',shrinkimg:'../js/shrink.gif',previmg:'../js/prev.gif',nextimg:'../js/next.gif',closeimg:'../js/close.gif',resizable:true
})
})