LightboxOptions=Object.extend({fileLoadingImage:otz_images_url+"/lightbox/loading.gif",fileBottomNavCloseImage:otz_images_url+"/lightbox/closelabel.gif",overlayOpacity:0.8,animate:true,resizeSpeed:7,borderSize:10,labelImage:"Изображение",labelOf:"из"},window.LightboxOptions||{});
var Lightbox=Class.create();
Lightbox.prototype={imageArray:[],activeImage:undefined,initialize:function(){this.updateImageList();
this.keyboardAction=this.keyboardAction.bindAsEventListener(this);
if(LightboxOptions.resizeSpeed>10){LightboxOptions.resizeSpeed=10
}if(LightboxOptions.resizeSpeed<1){LightboxOptions.resizeSpeed=1
}this.resizeDuration=LightboxOptions.animate?((11-LightboxOptions.resizeSpeed)*0.15):0;
this.overlayDuration=LightboxOptions.animate?0.2:0;
var b=(LightboxOptions.animate?250:1)+"px";
var a=$$("body")[0];
a.appendChild(Builder.node("div",{id:"overlay"}));
a.appendChild(Builder.node("div",{id:"lightbox"},[Builder.node("div",{id:"outerImageContainer"},Builder.node("div",{id:"imageContainer"},[Builder.node("img",{id:"lightboxImage"}),Builder.node("div",{id:"hoverNav"},[Builder.node("a",{id:"prevLink",href:"#"}),Builder.node("a",{id:"nextLink",href:"#"})]),Builder.node("div",{id:"loading"},Builder.node("a",{id:"loadingLink",href:"#"},Builder.node("img",{src:LightboxOptions.fileLoadingImage})))])),Builder.node("div",{id:"imageDataContainer"},Builder.node("div",{id:"imageData"},[Builder.node("div",{id:"imageDetails"},[Builder.node("span",{id:"caption"}),Builder.node("span",{id:"numberDisplay"})]),Builder.node("div",{id:"bottomNav"},Builder.node("a",{id:"bottomNavClose",href:"#"},Builder.node("img",{src:LightboxOptions.fileBottomNavCloseImage})))]))]));
$("overlay").hide().observe("click",(function(){this.end()
}).bind(this));
$("lightbox").hide().observe("click",(function(d){if(d.element().id=="lightbox"){this.end()
}}).bind(this));
$("outerImageContainer").setStyle({width:b,height:b});
$("prevLink").observe("click",(function(d){d.stop();
this.changeImage(this.activeImage-1)
}).bindAsEventListener(this));
$("nextLink").observe("click",(function(d){d.stop();
this.changeImage(this.activeImage+1)
}).bindAsEventListener(this));
$("loadingLink").observe("click",(function(d){d.stop();
this.end()
}).bind(this));
$("bottomNavClose").observe("click",(function(d){d.stop();
this.end()
}).bind(this));
var c=this;
(function(){var d="overlay lightbox outerImageContainer imageContainer lightboxImage hoverNav prevLink nextLink loading loadingLink imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose";
$w(d).each(function(e){c[e]=$(e)
})
}).defer()
},updateImageList:function(){this.updateImageList=Prototype.emptyFunction;
document.observe("click",(function(a){var b=a.findElement("a[rel^=lightbox]")||a.findElement("area[rel^=lightbox]");
if(b){a.stop();
this.start(b)
}}).bind(this))
},start:function(f){$$("select","object","embed").each(function(g){g.style.visibility="hidden"
});
var c=this.getPageSize();
$("overlay").setStyle({width:c[0]+"px",height:c[1]+"px"});
new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0,to:LightboxOptions.overlayOpacity});
this.imageArray=[];
var b=0;
if((f.rel=="lightbox")){this.imageArray.push([f.href,f.title])
}else{this.imageArray=$$(f.tagName+'[href][rel="'+f.rel+'"]').collect(function(g){return[g.href,g.title]
}).uniq();
while(this.imageArray[b][0]!=f.href){b++
}}var a=document.viewport.getScrollOffsets();
var e=a[1]+(document.viewport.getHeight()/10);
var d=a[0];
this.lightbox.setStyle({top:e+"px",left:d+"px"}).show();
this.changeImage(b)
},changeImage:function(b){this.activeImage=b;
if(LightboxOptions.animate){this.loading.show()
}this.lightboxImage.hide();
this.hoverNav.hide();
this.prevLink.hide();
this.nextLink.hide();
this.imageDataContainer.setStyle({opacity:0.0001});
this.numberDisplay.hide();

var a=new Image();
var fotoID = this.imageArray[this.activeImage][0];
var regular = /(\/\d+\.jpg)/i;
var pos_start = fotoID.search(regular)+1;
regular = /(\..{3,4}$)/i;
var pos_end = fotoID.search(regular);
fotoID = fotoID.substring(pos_start,pos_end);

LightboxOptions.labelImage="<a href='index.php?action=user_photo;id="+fotoID+"#comments' title='Просмотр и добавление комментариев к фотографии' target='_blank'>Комментарии</a><br/>Изображение";

a.onload=(function(){this.lightboxImage.src=this.imageArray[this.activeImage][0];
this.resizeImageContainer(a.width,a.height)
}).bind(this);
a.src=this.imageArray[this.activeImage][0]
},resizeImageContainer:function(e,f){var h=this.outerImageContainer.getWidth();
var c=this.outerImageContainer.getHeight();
var g=(e+LightboxOptions.borderSize*2);
var j=(f+LightboxOptions.borderSize*2);
var k=(g/h)*100;
var b=(j/c)*100;
var i=h-g;
var a=c-j;
if(a!=0){new Effect.Scale(this.outerImageContainer,b,{scaleX:false,duration:this.resizeDuration,queue:"front"})
}if(i!=0){new Effect.Scale(this.outerImageContainer,k,{scaleY:false,duration:this.resizeDuration,delay:this.resizeDuration})
}var d=0;
if((a==0)&&(i==0)){d=100;
if(Prototype.Browser.IE){d=250
}}(function(){this.prevLink.setStyle({height:f+"px"});
this.nextLink.setStyle({height:f+"px"});
this.imageDataContainer.setStyle({width:g+"px"});
this.showImage()
}).bind(this).delay(d/1000)
},showImage:function(){this.loading.hide();
new Effect.Appear(this.lightboxImage,{duration:this.resizeDuration,queue:"end",afterFinish:(function(){this.updateDetails()
}).bind(this)});
this.preloadNeighborImages()
},updateDetails:function(){if(this.imageArray[this.activeImage][1]!=""){this.caption.update(this.imageArray[this.activeImage][1]).show()
}else{this.caption.update("")
}if(this.imageArray.length>1){this.numberDisplay.update(LightboxOptions.labelImage+" "+(this.activeImage+1)+" "+LightboxOptions.labelOf+"  "+this.imageArray.length).show()
}new Effect.Parallel([new Effect.SlideDown(this.imageDataContainer,{sync:true,duration:this.resizeDuration,from:0,to:1}),new Effect.Appear(this.imageDataContainer,{sync:true,duration:this.resizeDuration})],{duration:this.resizeDuration,afterFinish:(function(){var a=this.getPageSize();
this.overlay.setStyle({height:a[1]+"px"});
this.updateNav()
}).bind(this)})
},updateNav:function(){this.hoverNav.show();
if(this.activeImage>0){this.prevLink.show()
}if(this.activeImage<(this.imageArray.length-1)){this.nextLink.show()
}this.enableKeyboardNav()
},enableKeyboardNav:function(){document.observe("keydown",this.keyboardAction)
},disableKeyboardNav:function(){document.stopObserving("keydown",this.keyboardAction)
},keyboardAction:function(d){var a=d.keyCode;
var b;
if(d.DOM_VK_ESCAPE){b=d.DOM_VK_ESCAPE
}else{b=27
}var c=String.fromCharCode(a).toLowerCase();
if(c.match(/x|o|c/)||(a==b)){this.end()
}else{if((c=="p")||(a==37)){if(this.activeImage!=0){this.disableKeyboardNav();
this.changeImage(this.activeImage-1)
}}else{if((c=="n")||(a==39)){if(this.activeImage!=(this.imageArray.length-1)){this.disableKeyboardNav();
this.changeImage(this.activeImage+1)
}}}}},preloadNeighborImages:function(){var a,b;
if(this.imageArray.length>this.activeImage+1){a=new Image();
a.src=this.imageArray[this.activeImage+1][0]
}if(this.activeImage>0){b=new Image();
b.src=this.imageArray[this.activeImage-1][0]
}},end:function(){this.disableKeyboardNav();
this.lightbox.hide();
new Effect.Fade(this.overlay,{duration:this.overlayDuration});
$$("select","object","embed").each(function(a){a.style.visibility="visible"
})
},getPageSize:function(){var c,a;
if(window.innerHeight&&window.scrollMaxY){c=window.innerWidth+window.scrollMaxX;
a=window.innerHeight+window.scrollMaxY
}else{if(document.body.scrollHeight>document.body.offsetHeight){c=document.body.scrollWidth;
a=document.body.scrollHeight
}else{c=document.body.offsetWidth;
a=document.body.offsetHeight
}}var b,d;
if(self.innerHeight){if(document.documentElement.clientWidth){b=document.documentElement.clientWidth
}else{b=self.innerWidth
}d=self.innerHeight
}else{if(document.documentElement&&document.documentElement.clientHeight){b=document.documentElement.clientWidth;
d=document.documentElement.clientHeight
}else{if(document.body){b=document.body.clientWidth;
d=document.body.clientHeight
}}}if(a<d){pageHeight=d
}else{pageHeight=a
}if(c<b){pageWidth=c
}else{pageWidth=b
}return[pageWidth,pageHeight]
}};
document.observe("dom:loaded",function(){new Lightbox()
});