/*
	HL-Box St(Highlight-Box) v0.6 (c) 2007-2008 Riccardo Budini 2008  -  <http://www.provisum-illumina.com>
	MIT-style license.
	This is the alone ver. get HL-Box.js at http://www.provisum-illumina.com/info/hl-box-plugin-and-javascript.html 
	if you need integration with Slimbox v1.51 by Christophe Beyls <http://www.digitalia.be>
*/

hlbox={init:function(b){this.anchors=[];$each(document.links,function(a){if(a.rel&&a.rel.test(/^hlbox/i)){a.onclick=this.click.pass(a,this);this.anchors.push(a)}},this);this.eventPosition=this.position.bind(this);this.overlay=new Element('div',{'id':'HL-Overlay'}).injectInside(document.body);this.center=new Element('div',{'id':'HL-C'}).injectInside(document.body);this.image=new Element('div',{'id':'HL-Image'}).injectInside(this.center);new Element('a',{'id':'HL-CloseImage','href':'#'}).injectInside(this.center).onclick=this.center.onclick=this.close.bind(this);this.st=new Element('div',{'id':'HL-B'}).injectInside(document.body);new Element('a',{'id':'HL-close','href':'#'}).injectInside(this.overlay).onclick=this.overlay.onclick=this.close.bind(this);effect=this.effect.bind(this);this.fx={overlay:this.overlay.effect('opacity',{duration:500}).hide(),center:this.center.effect('opacity',{duration:500}).hide(),st:this.st.effect('margin-top',{duration:500,onComplete:effect})};this.eventKeyDown=this.keyboardListener.bindAsEventListener(this)},keyboardListener:function(a){switch(a.keyCode){case 27:this.close();break}},click:function(b){image=[];this.anchors.each(function(a){if(a.rel==b.rel){for(jt=image;jt<image;)if(image[jt]==a.href)break;if(jt==image){image.push([a.href])}}},this);return this.open(image)},setup:function(a){var b=a?'addEvent':'removeEvent';window[b]('scroll',this.eventPosition)[b]('resize',this.eventPosition);document[b]('keydown',this.eventKeyDown)},open:function(a){this.setup(true);this.icon=a;this.position();this.top=window.getScrollTop()+(window.getHeight()/15);this.center.setStyles({top:this.top,display:''});this.fx.overlay.start(0.8);this.fx.center.start(1);this.preload=new Image();this.preload.onload=this.effect.bind(this);this.preload.src=this.icon[0];return false},position:function(){this.overlay.setStyles({'top':window.getScrollTop(),'height':window.getHeight()})},effect:function(a){this.image.style.backgroundImage='url('+this.icon[0]+')';this.image.style.width=this.st.style.width=this.preload.width+'px';this.image.style.height=this.preload.height+'px'},close:function(){this.fx.center.chain(this.setup.pass(false,this)).start(0);this.fx.overlay.chain(this.setup.pass(false,this)).start(0);return false}};window.addEvent('domready',hlbox.init.bind(hlbox));


