/*
Milkbox - required: mootools.js v1.2 core + more: Assets
v1.3
- feature: hide milkbox links hover default firefox tooltips
- feature: hide select and textarea tags while playing
by Luca Reghellin (http://www.reghellin.com) May 2008, MIT-style license.
Inspiration from Slimbox by Christophe Beyls (http://www.digitalia.be) 
and from THE VERY FIRST MAN ON THE MOON: Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/)
AND OF COURSE, SPECIAL THANKS TO THE MOOTOOLS DEVELOPERS
*/
var Milkbox=new Class({
Implements:Options,
options:{
overlayOpacity:0.7,
topPosition:80,
initialWidth:250,
initialHeight:250,
resizeDuration:500,
resizeTransition:'sine:in:out',
hoverBackgroundPosition:'0 -23px',
autoPlay:false,
autoPlayDelay:7,
removeTitle:true
},
initialize:function(options){
this.setOptions(options);
this.galleries=[];
this.currentImage=null;
this.currentIndex=null;
this.currentGallery=null;
this.specialDescription=null;
this.activated=false;
this.mode=null;
this.closed=true;
this.busy=true;
this.intObj=null;
this.formtags=null;
this.loadedImages=[];
this.prepareGalleries();
if(this.galleries.length==0){return;};
this.initMilkbox();
},
initMilkbox:function(){
this.prepareHTML();
this.prepareEffects();
this.prepareEvents();
this.activated=true;
this.formtags=$$('select','textarea');
},
openMilkbox:function(gallery,index){
if(this.formtags.length!=0){this.formtags.setStyle('display','none')};
this.overlay.setStyles({'top':-$(window).getScroll().y,'height':$(window).getScrollSize().y+$(window).getScroll().y});
this.center.addClass('mbLoading');
this.center.setStyle('top',$(window).getScroll().y+this.options.topPosition);
this.currentGallery=gallery;
this.currentIndex=index;
this.overlay.tween('opacity',this.options.overlayOpacity);
if(gallery.length==1){
this.mode='singleImage';
this.loadImages(gallery[index].href);
}else{
this.mode='imageGallery';
var images=gallery.map(function(item){return item.href;});
$$(this.prev,this.next,this.count).setStyles({'display':'block'});
var border=this.center.getStyle('border-right-width').toInt();
var navWidth=this.prev.getSize().x+this.next.getSize().x+this.close.getSize().x+border;
var altNavWidth=this.count.getSize().x+10;
if(images.length>=10){navWidth=altNavWidth;}
this.navigation.setStyle('width',navWidth);
this.description.setStyle('margin-right',navWidth);
var next=(index!=images.length-1)?images[index+1]:images[0];
var prev=(index!=0)?images[index-1]:images[images.length-1];
var preloads=(prev==next)?[prev]:[prev,next];
this.loadImages(images[index],preloads);
}
this.closed=false;
},
showThisImage:function(image,description){
if(!this.activated){this.initMilkbox();}
this.mode='showThisImage';
this.specialDescription=description;
this.overlay.setStyles({'top':-$(window).getScroll().y,'height':$(window).getScrollSize().y+$(window).getScroll().y});
this.center.addClass('mbLoading');
this.center.setStyle('top',$(window).getScroll().y+this.options.topPosition);
this.overlay.tween('opacity',this.options.overlayOpacity);
this.loadImages(image);
this.closed=false;
},
showImage:function(image){
if(this.closed){return;};
var imageBoxSize=this.image.getSize();
this.image.setStyles({'opacity':0,'width':'','height':''});
var imageSize=new Hash(image.getProperties('width','height')).map(function(item,index){
return item.toInt();
});
var centerSize=new Hash(this.center.getStyles('width','height')).map(function(item,index){
return item.toInt();
});
var targetSize={};
if(imageSize.width!=centerSize.width){
targetSize.width=imageSize.width;
targetSize.marginLeft=-(imageSize.width/2).round();
};
var gap=(imageBoxSize.y>0)?centerSize.height-imageBoxSize.y:0;
var targetHeight=imageSize.height+gap;
targetSize.height=targetHeight;
this.image.setStyles({'width':imageSize.width,'height':imageSize.height})
this.center.removeClass('mbLoading');
this.center.morph(targetSize);
},
loadImages:function(currentImage,preloads){
var loadImage=new Asset.image(currentImage,{onload:function(img){
this.currentImage=img;
if(!this.loadedImages.contains(currentImage)){this.loadedImages.push(currentImage);};
$$(this.description,this.navigation).setStyle('visibility','hidden');
this.navigation.setStyle('height','');
$$(this.next,this.prev,this.close).setStyle('backgroundPosition','0 0');
this.showImage(this.currentImage);
}.bindWithEvent(this)});
if(preloads&&!this.loadedImages.contains(preloads)){
var preloadImages=new Asset.images(preloads,{onComplete:function(img){
preloads.each(function(item){
if(!(this.loadedImages.contains(item))){this.loadedImages.push(item);}
}.bind(this));
}.bindWithEvent(this)});
};
},
prepareEvents:function(){
this.galleries.each(function(gallery){
$$(gallery).addEvent('click',function(e){
var button=($(e.target).match('a'))?$(e.target):$(e.target).getParent('a');
e.preventDefault();
if(this.options.autoPlay){
this.autoPlay({gallery:gallery,index:gallery.indexOf(button)});
}
else{this.openMilkbox(gallery,gallery.indexOf(button));}
}.bindWithEvent(this));
},this);
this.next.addEvent('click',this.next_prev_aux.bindWithEvent(this,'next'));
this.prev.addEvent('click',this.next_prev_aux.bindWithEvent(this,'prev'));
$(window.document).addEvent('keydown',function(e){
if(this.mode!='imageGallery'||this.busy==true){return;};
if(e.key=='right'||e.key=='space'){this.next_prev_aux(e,'next');}
else if(e.key=='left'){this.next_prev_aux(e,'prev');}
else if(e.key=='esc'){this.closeMilkbox();};
}.bindWithEvent(this));
$$(this.next,this.prev,this.close).addEvents({
'mouseover':function(e){
var button=($(e.target).match('a'))?$(e.target):$(e.target).getParent('a');
button.setStyle('backgroundPosition',this.options.hoverBackgroundPosition);
}.bindWithEvent(this),
'mouseout':function(){this.setStyle('backgroundPosition','0 0');}
});
this.overlay.get('tween').addEvent('onComplete',function(){
if(this.overlay.getStyle('opacity')==this.options.overlayOpacity){
this.center.tween('opacity',1);
}else if(this.overlay.getStyle('opacity')==0){
this.overlay.setStyles({'height':'','top':''});
};
}.bindWithEvent(this));
this.center.get('morph').addEvent('onComplete',function(){
this.image.grab(this.currentImage);
this.image.tween('opacity',1);
var d=(!(this.mode=='showThisImage'))?this.currentGallery[this.currentIndex].retrieve('title'):this.specialDescription;
if($chk(d)){this.description.innerHTML=d;};
if(this.mode=='imageGallery'){
this.count.appendText('Bild '+(this.currentIndex+1)+' von '+this.currentGallery.length);
}
var currentCenterHeight=this.center.getStyle('height').toInt();
this.navigation.setStyle('height',this.bottom.getStyle('height').toInt());
var bottomSize=this.bottom.getSize().y;
var targetOffset=(currentCenterHeight>this.image.getSize().y)?(this.bottom.getSize().y+this.image.getSize().y)-currentCenterHeight:bottomSize;
this.bottom.setStyle('display','none');
this.center.retrieve('setFinalHeight').start(currentCenterHeight,currentCenterHeight+targetOffset);
}.bindWithEvent(this));
this.center.retrieve('setFinalHeight').addEvent('onComplete',function(){
this.bottom.setStyles({'visibility':'visible','display':'block'});
$$(this.description,this.navigation).setStyle('visibility','visible');
var scrollSize=$(window).getScrollSize().y;
var scrollTop=$(window).getScroll().y;
this.overlay.setStyle('height',scrollSize+scrollTop);
this.busy=false;
}.bindWithEvent(this));
window.addEvent('resize',function(){
if(this.overlay.getStyle('opacity')==0){return;};
var scrollSize=$(window).getScrollSize().y;
var scrollTop=$(window).getScroll().y;
this.overlay.setStyles({'height':scrollSize+scrollTop,'top':-scrollTop});
}.bindWithEvent(this))
$$(this.overlay,this.image,this.close).addEvent('click',function(){this.closeMilkbox();}.bindWithEvent(this));
},
next_prev_aux:function(e,direction){
if(e){
e.preventDefault();
if(this.intObj){$clear(this.intObj);this.intObj=null;};
}
else{if(this.busy){return;}}
this.busy=true;
var backupIndex=this.currentIndex;
if(direction=="next"){
var i=(this.currentIndex!=this.currentGallery.length-1)?this.currentIndex+=1:this.currentIndex=0;
var _i=(this.currentIndex!=this.currentGallery.length-1)?this.currentIndex+1:0;
}else{
var i=(this.currentIndex!=0)?this.currentIndex-=1:this.currentIndex=this.currentGallery.length-1;
var _i=(this.currentIndex!=0)?this.currentIndex-1:this.currentGallery.length-1;
};
this.image.empty();
this.description.empty();
this.count.empty();
if(!this.loadedImages.contains(this.currentGallery[i].href)){
this.center.addClass('mbLoading');
};
this.loadImages(this.currentGallery[i].href,[this.currentGallery[_i].href]);
},
autoPlay:function(obj){
var g=(obj&&obj.gallery&&($type(obj.gallery)=='array'))?obj.gallery:Milkbox.galleries[0];
var i=(obj&&obj.index&&($type(obj.index)=='number'))?obj.index:0;
var d=(obj&&obj.delay&&($type(obj.delay)=='number'))?obj.delay*1000:this.options.autoPlayDelay*1000;
if(d<this.options.resizeDuration*2){d=this.options.resizeDuration*2};
Milkbox.openMilkbox(g,i);
if(this.mode!='imageGallery'){return;};
this.intObj=this.next_prev_aux.periodical(d,this,[null,'next']);
},
closeMilkbox:function(){
this.cancelAllEffects();
if(this.intObj){$clear(this.intObj);};
this.currentImage=null;
this.currentIndex=null;
this.currentGallery=null;
$$(this.prev,this.next,this.count).setStyle('display','none');
var border=this.center.getStyle('border-right-width').toInt();
var navWidth=this.close.getSize().x+border;
this.navigation.setStyles({'width':navWidth,'height':'','visibility':'hidden'});
this.description.setStyle('margin-right',navWidth);
this.description.empty();
this.bottom.setStyles({'visibility':'hidden','display':''});
this.image.setStyles({'opacity':0,'width':'','height':''});
this.image.empty();
this.count.empty();
this.center.setStyles({'opacity':0,'width':this.options.initialWidth,'height':this.options.initialHeight,'marginLeft':-(this.options.initialWidth/2)});
this.overlay.tween('opacity',0);
if(this.formtags.length!=0){this.formtags.setStyle('display','inline')};
this.mode=null;
this.closed=true;
},
cancelAllEffects:function(){
this.overlay.get('tween').cancel();
this.center.get('morph').cancel();
this.center.get('tween').cancel();
this.center.retrieve('setFinalHeight').cancel();
this.image.get('tween').cancel();
},
prepareEffects:function(){
this.overlay.set('tween',{duration:'short',link:'cancel'});
this.center.set('tween',{duration:'short',link:'chain'});
this.center.set('morph',{duration:this.options.resizeDuration,link:'chain',transition:this.options.resizeTransition});
this.center.store('setFinalHeight',new Fx.Tween(this.center,{property:'height',duration:'short'}));
this.image.set('tween',{link:'chain'});
},
prepareGalleries:function(){
var families=[];
var milkbox_a=[];
$$('a').each(function(a){
if(a.rel&&a.rel.test(/^lightbox/i)&&a.href.test(/\.(gif|jpg|png)/i)){
if(a.rel.length>7&&!families.contains(a.rel)){families.push(a.rel);};
milkbox_a.push(a);
}
},this);
milkbox_a.each(function(a){
$(a).store('href',a.href);
$(a).store('rel',a.rel);
$(a).store('title',a.title);
if(this.options.removeTitle){$(a).removeProperty('title');}
if(a.rel.length>7){
families.each(function(f,i){
if(a.rel==f){
if(!this.galleries[i]){this.galleries[i]=[]};
this.galleries[i].push($(a));
};
},this);
}else{this.galleries.push([$(a)]);};
},this);
},
prepareHTML:function(){
this.overlay=new Element('div',{'id':'mbOverlay','styles':{'opacity':'0','visibility':'visible'}}).inject($(document.body));
this.center=new Element('div',{'id':'mbCenter','styles':{'width':this.options.initialWidth,'height':this.options.initialHeight,'marginLeft':-(this.options.initialWidth/2),'opacity':0}}).inject($(document.body));
this.image=new Element('div',{'id':'mbImage'}).inject(this.center);
this.bottom=new Element('div',{'id':'mbBottom'}).inject(this.center).setStyle('visibility','hidden');
this.navigation=new Element('div',{'id':'mbNavigation'}).setStyle('visibility','hidden');
this.description=new Element('div',{'id':'mbDescription'}).setStyle('visibility','hidden');
this.bottom.adopt(this.navigation,this.description,new Element('div',{'class':'clear'}));
this.close=new Element('a',{'id':'mbCloseLink'});
this.close.title="schließen";
this.next=new Element('a',{'id':'mbNextLink'});
this.next.title="weiter";
this.prev=new Element('a',{'id':'mbPrevLink'});
this.prev.title="zurück";
this.count=new Element('span',{'id':'mbCount'});
$$(this.next,this.prev,this.count).setStyle('display','none');
this.navigation.adopt(this.close,this.next,this.prev,new Element('div',{'class':'clear'}),this.count);
}
});
window.addEvent('domready',function(){
Milkbox=new Milkbox();
});