var musicPlayer = " ";             /* */
var fileLoadingImage = "../backboxfiles/loading.gif";
var fileBottomNavCloseImage1 = "../backboxfiles/close1.gif";
var fileBottomNavCloseImage2 = "../backboxfiles/close2.gif";
var resizeSpeed = 10;
var borderSize = 10;
var slideShowWidth = 400;           /* trqbva da bade ednakva s tazi na backbox.css */
var slideShowHeight = 490;
var SlideShowStartImage = "../backboxfiles/start.gif";
var SlideShowStopImage = "../backboxfiles/stop.gif";
var slideshow = 0;
var foreverLoop = 1;
var loopInterval = 2500;
var resize = 0;
var imageArray = new Array;
var activeImage;

if(resizeSpeed > 10){ resizeSpeed = 10;}
if(resizeSpeed < 1){ resizeSpeed = 1;}
resizeDuration = (11 - resizeSpeed) * 0.15;
var so = null;
var objSlideShowImage;
var objLightboxImage;
var objImageDataContainer;
var keyPressed = false;
var slideshowMusic = null;          /* music*/
var firstTime = 1;
var saveSlideshow;
var saveForeverLoop;
var saveLoopInterval;
var saveSlideShowWidth;
var saveSlideShowHeight; Object.extend(Element, {
getWidth:
function(element) {
 element = $(element);
 return element.offsetWidth;
 },
 setWidth:
 function(element,w) {
  element = $(element);
  element.style.width = w +"px";
  },
  setHeight: function(element,h) {
  element = $(element);
  element.style.height = h +"px";},
  setTop: function(element,t) {
  element = $(element);
  element.style.top = t +"px";},
  setSrc: function(element,src) {
   element = $(element);
   element.src = src;
   },
   setHref:
   function(element,href) {
   element = $(element);
   element.href = href;
   },
   setInnerHTML:
   function(element,content) {
   element = $(element);
   element.innerHTML = content;
   }
});
Array.prototype.removeDuplicates = function () {
for(i = 1; i < this.length; i++){
if(this[i][0] == this[i-1][0]){ this.splice(i,1);}
}
};
Array.prototype.empty = function () {
for(i = 0; i <= this.length; i++){ this.shift();}
}; var Lightbox = Class.create();
Lightbox.prototype = { initialize: function() {
if (!document.getElementsByTagName){ return;}
var anchors = document.getElementsByTagName('a');
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));
if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
anchor.onclick = function () {
myLightbox.start(this);
return false;};}
}
var objBody = document.getElementsByTagName("body").item(0);
var objOverlay = document.createElement("div");
objOverlay.setAttribute('id','overlay');
objOverlay.style.display = 'none';
objOverlay.onclick = function() {
myLightbox.end(); return false;
};
objBody.appendChild(objOverlay);
var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objBody.appendChild(objLightbox);
var objOuterImageContainer = document.createElement("div");
objOuterImageContainer.setAttribute('id','outerImageContainer');
objLightbox.appendChild(objOuterImageContainer);
var objImageContainer = document.createElement("div");
objImageContainer.setAttribute('id','imageContainer');
objOuterImageContainer.appendChild(objImageContainer);
objLightboxImage = document.createElement("img");
objLightboxImage.setAttribute('id','lightboxImage');
objLightboxImage.setAttribute('width','');
objLightboxImage.setAttribute('height','');
objLightboxImage.setAttribute('galleryimg','no');
objLightboxImage.setAttribute('oncontextmenu','return false;');
objLightboxImage.setAttribute('onmousedown','return false;');
objLightboxImage.setAttribute('onmousemove','return false;');
objImageContainer.appendChild(objLightboxImage);
var objHoverNav = document.createElement("div");
objHoverNav.setAttribute('id','hoverNav');
objImageContainer.appendChild(objHoverNav);
var objPrevLink = document.createElement("a");
objPrevLink.setAttribute('id','prevLink');
objPrevLink.setAttribute('href','#');
objPrevLink.setAttribute('onFocus', 'if (this.blur) this.blur()');
objHoverNav.appendChild(objPrevLink);
var objNextLink = document.createElement("a");
objNextLink.setAttribute('id','nextLink');
objNextLink.setAttribute('href','#');
objNextLink.setAttribute('onFocus', 'if (this.blur) this.blur()');
objHoverNav.appendChild(objNextLink);
var objLoading = document.createElement("div");
objLoading.setAttribute('id','loading');
objImageContainer.appendChild(objLoading);
var objLoadingLink = document.createElement("a");
objLoadingLink.setAttribute('id','loadingLink');
objLoadingLink.setAttribute('href','#');
objLoadingLink.setAttribute('onFocus', 'if (this.blur) this.blur()');
objLoadingLink.onclick = function() {
myLightbox.end();
return false;
};
objLoading.appendChild(objLoadingLink);
var objLoadingImage = document.createElement("img");
objLoadingImage.setAttribute('src', fileLoadingImage);
objLoadingLink.appendChild(objLoadingImage);
objImageDataContainer = document.createElement("div");
objImageDataContainer.setAttribute('id','imageDataContainer');
objImageDataContainer.className = 'clearfix';
objLightbox.appendChild(objImageDataContainer);
var objImageData = document.createElement("div");
objImageData.setAttribute('id','imageData');
objImageDataContainer.appendChild(objImageData);
var objImageDetails = document.createElement("div");
objImageDetails.setAttribute('id','imageDetails');
objImageData.appendChild(objImageDetails);
var objCaption = document.createElement("span");
objCaption.setAttribute('id','caption');
objCaption.setAttribute('align','left');
objImageDetails.appendChild(objCaption);
var objNumberDisplay = document.createElement("span");
objNumberDisplay.setAttribute('align','left');
objNumberDisplay.setAttribute('id','numberDisplay');
objImageDetails.appendChild(objNumberDisplay);
var objBottomNav = document.createElement("div");
objBottomNav.setAttribute('id','bottomNav');
objImageData.appendChild(objBottomNav);
var objBottomNavCloseLink = document.createElement("a");
objBottomNavCloseLink.setAttribute('id','bottomNavClose');
objBottomNavCloseLink.setAttribute('href','#');
objBottomNavCloseLink.setAttribute('onFocus', 'if (this.blur) this.blur()');
objBottomNavCloseLink.onclick = function() {
myLightbox.end(); window.clearInterval(chid);
history.go(-1);
return false;
};
objBottomNavCloseLink.onmouseover = function () {
objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage2);
};
objBottomNavCloseLink.onmouseout = function () {
objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage1);
};
objBottomNav.appendChild(objBottomNavCloseLink);
var objBottomNavCloseImage = document.createElement("img");            /* sazdavane na buton clouse*/
objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage1);
objBottomNavCloseImage.setAttribute('align', 'right');
objBottomNavCloseImage.setAttribute('name', 'close');
objBottomNavCloseImage.setAttribute('height', '11');
objBottomNavCloseImage.setAttribute('width', '48');




objBottomNavCloseLink.appendChild(objBottomNavCloseImage);
var objSlideShowLink = document.createElement("a");
objSlideShowLink.setAttribute('id','slideshowLink');
objSlideShowLink.setAttribute('href','#');
objSlideShowLink.setAttribute('title','Slideshow');
objSlideShowLink.setAttribute('onFocus', 'if (this.blur) this.blur()');
objSlideShowLink.onclick = function() {
myLightbox.toggleSlideShow();
return false;
};
objBottomNav.appendChild(objSlideShowLink);
objSlideShowImage = document.createElement("img");
objSlideShowImage.setAttribute('src', SlideShowStartImage);
objSlideShowImage.setAttribute('height', '14');  /*razmerite na start stop butona*/
objSlideShowImage.setAttribute('width', '53');
objSlideShowLink.appendChild(objSlideShowImage);
var objFlashPlayer = document.createElement("div");
objFlashPlayer.setAttribute('id','flashPlayer');
objBottomNav.appendChild(objFlashPlayer);
},
start: function(imageLink) {
firstTime = 1;
saveSlideshow = slideshow;
saveForeverLoop = foreverLoop;
saveLoopInterval = loopInterval;
saveSlideShowWidth = slideShowWidth;
saveSlideShowHeight = slideShowHeight;
hideSelectBoxes();
var arrayPageSize = getPageSize();
Element.setHeight('overlay', arrayPageSize[1]);
Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });
imageArray = []; imageNum = 0;
if (!document.getElementsByTagName){
return;
}
var anchors = document.getElementsByTagName('a');
if((imageLink.getAttribute('rel') == 'lightbox')){
imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('caption')));
}
else {
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){
imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('caption')));
if (imageArray.length == 1) {
slideshowMusic = anchor.getAttribute('music');               /* musik ?*/
if (slideshowMusic == null) {
Element.hide('flashPlayer');
}
else
{ Element.show('flashPlayer');
}
var startSlideshow = anchor.getAttribute('startslideshow');
if (startSlideshow != null) {
if (startSlideshow == "false") slideshow = 0;
}
var forever = anchor.getAttribute('forever');
if (forever != null) {
if (forever == "true")
foreverLoop = 1;
else
foreverLoop = 0;
}
var slideDuration = anchor.getAttribute('slideDuration');
if (slideDuration != null) {
loopInterval = slideDuration * 1000;}
var width = anchor.getAttribute('slideshowwidth');
if (width != null) {
slideShowWidth = width *1;}
var height = anchor.getAttribute('slideshowheight');
if (height != null) { slideShowHeight = height *1;}
}
}
}
imageArray.removeDuplicates();
while(imageArray[imageNum][0] != imageLink.getAttribute('href')) {
imageNum++;}
}
this.changeImageByTimer(imageNum);
},
showLightBox: function() {
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);
Element.setTop('lightbox', lightboxTop);
Element.show('lightbox');},
changeImageByTimer: function(imageNum) {
activeImage = imageNum;
this.imageTimer = setTimeout(function() {
this.showLightBox();
this.changeImage(activeImage);
}
.bind(this), 10);
},
changeImage: function(imageNum) {
activeImage = imageNum; Element.show('loading');
Element.hide('lightboxImage');
Element.hide('hoverNav');
Element.hide('prevLink');
Element.hide('nextLink');
Element.hide('imageDataContainer');
Element.hide('numberDisplay');
Element.hide('slideshowLink');
imgPreloader = new Image();
imgPreloader.onload=function(){
Element.setSrc('lightboxImage', imageArray[activeImage][0]);
objLightboxImage.setAttribute('width', imgPreloader.width);
objLightboxImage.setAttribute('height', imgPreloader.height);
if ((imageArray.length > 1) && (slideShowWidth != -1 || slideShowHeight != -1)) {
if ( (slideShowWidth >= imgPreloader.width) &&
(slideShowHeight >= imgPreloader.height) ) {
myLightbox.resizeImageContainer(slideShowWidth, slideShowHeight);
}
else {
myLightbox.resizeImageAndContainer(imgPreloader.width, imgPreloader.height);
}
}
else {
myLightbox.resizeImageAndContainer(imgPreloader.width, imgPreloader.height);
}
}
imgPreloader.src = imageArray[activeImage][0];
},
resizeImageAndContainer: function(imgWidth, imgHeight) {
if(resize == 1) {
useableWidth = 0.9;
useableHeight = 0.8;
var arrayPageSize = getPageSize();
windowWidth = arrayPageSize[2];
windowHeight = arrayPageSize[3];
scaleX = 1; scaleY = 1;
if ( imgWidth > windowWidth * useableWidth ) scaleX = (windowWidth * useableWidth) / imgWidth;
if ( imgHeight > windowHeight * useableHeight ) scaleY = (windowHeight * useableHeight) / imgHeight;
scale = Math.min( scaleX, scaleY );
imgWidth *= scale;
imgHeight *= scale;
objLightboxImage.setAttribute('width', imgWidth);
objLightboxImage.setAttribute('height', imgHeight);}
this.resizeImageContainer(imgWidth, imgHeight);
},
resizeImageContainer: function( imgWidth, imgHeight) {
this.wCur = Element.getWidth('outerImageContainer');
this.hCur = Element.getHeight('outerImageContainer');
this.xScale = ((imgWidth + (borderSize * 2)) / this.wCur) * 100;
this.yScale = ((imgHeight + (borderSize * 2)) / this.hCur) * 100;
wDiff = (this.wCur - borderSize * 2) - imgWidth;
hDiff = (this.hCur - borderSize * 2) - imgHeight;
if(!( hDiff == 0)){
new Effect.Scale('outerImageContainer', this.yScale, {
scaleX: false, duration: resizeDuration, queue: 'front'});
}
if(!( wDiff == 0)){
new Effect.Scale('outerImageContainer', this.xScale, {
scaleY: false, delay: resizeDuration, duration: resizeDuration});
}
if((hDiff == 0) && (wDiff == 0)){ if (navigator.appVersion.indexOf("MSIE")!=-1){
pause(250);
}
else {
pause(100);
}
}
Element.setHeight('prevLink', imgHeight);
Element.setHeight('nextLink', imgHeight);
Element.setWidth( 'imageDataContainer', imgWidth + (borderSize * 2));
this.showImage();}, showImage: function(){
Element.hide('loading');
new Effect.Appear('lightboxImage', {
duration: 0.5, queue: 'end', afterFinish: function(){
myLightbox.updateDetails();} });
this.preloadNeighborImages();
}, updateDetails: function() {
Element.show('caption');
if (imageArray[activeImage][1] != '') {
Element.setInnerHTML( 'caption', imageArray[activeImage][1]);
}
else {
Element.setInnerHTML( 'caption', "&nbsp;");
}
if(imageArray.length>1){
var ndhtml;
Element.show('numberDisplay');                                    /* butonite ot navigaciqta*/
ndhtml=""+eval(activeImage+1)+" of "+imageArray.length;
if(eval(activeImage+1)>1){ ndhtml="<a id='prevLink2'>|<</a>&nbsp;&nbsp;"+ndhtml;}       /*Previous*/
if(eval(activeImage+1)<imageArray.length){
ndhtml=ndhtml+"&nbsp;&nbsp;<a id='nextLink2'> >|</a>";}    /* Next*/
Element.setInnerHTML('numberDisplay',ndhtml);}
if (1 == 1) {
new Effect.Parallel( [ new Effect.SlideDown( 'imageDataContainer', {
sync: true, duration: resizeDuration + 0.25, from: 0.0, to: 1.0 }),
new Effect.Appear('imageDataContainer', {
sync: true, duration: 1.0 }) ], { duration: 0.65, afterFinish: function() {
myLightbox.updateNav();
} } );
}
else { myLightbox.updateNav();
}
if (imageArray.length > 1) {
Element.show('flashPlayer');
Element.show('slideshowLink');
}
else {
Element.hide('flashPlayer');
Element.hide('slideshowLink');
}
if (slideshow == 1) {
this.startSlideShow();
}
},
updateNav: function() {
Element.show('hoverNav');
if(activeImage != 0){
Element.show('prevLink');
document.getElementById('prevLink').onclick = function() {
if (slideshow == 1) keyPressed = true;
myLightbox.changeImage(activeImage - 1);
return false;}
document.getElementById('prevLink2').onclick = function() {
if (slideshow == 1) keyPressed = true;
myLightbox.changeImage(activeImage - 1);
return false;
}
}
if(activeImage != (imageArray.length - 1)){
Element.show('nextLink');
document.getElementById('nextLink').onclick = function() {
if (slideshow == 1) keyPressed = true;
myLightbox.changeImage(activeImage + 1);
return false;
}
document.getElementById('nextLink2').onclick=function(){
if (slideshow == 1) keyPressed = true;
myLightbox.changeImage(activeImage+1);
return false;
}
}
this.enableKeyboardNav();
if (firstTime == 1) {
firstTime = 0;
if (imageArray.length > 1 && slideshow == 1)
this.showMusicPlayer();
if (slideshow == 1)
this.playMusic();}
}, enableKeyboardNav: function() {
document.onkeydown = this.keyboardAction;
},
disableKeyboardNav: function() {
document.onkeydown = '';
}, keyboardAction: function(e) {
if (e == null) { keycode = event.keyCode;}
else { keycode = e.which;}
key = String.fromCharCode(keycode).toLowerCase();
if((key == 'x') || (keycode == 27) || (key == 'o') || (key == 'c')){     /* pri koi klavishi da se izkliuchva*/
myLightbox.end();}
else if((keycode == 188) || (key == 'p') || (keycode == 37)){           /* klavishi za predichen*/
if(activeImage != 0){ if (slideshow == 1) keyPressed = true;
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage - 1);
}
}
else
if((keycode == 190) || (key == 'n') || (keycode == 39)){     /* klavishi za sledvasht*/
if(activeImage != (imageArray.length - 1)){
if (slideshow == 1)
keyPressed = true;
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage + 1);
}
} else
if((key == 's') || (keycode == 32)){                /* klavish za avto slaid*/
myLightbox.toggleSlideShow();
}
}, preloadNeighborImages: function(){
if((imageArray.length - 1) > activeImage){
preloadNextImage = new Image();
preloadNextImage.src = imageArray[activeImage + 1][0];
}
if(activeImage > 0){
preloadPrevImage = new Image();
preloadPrevImage.src = imageArray[activeImage - 1][0]
}
}, toggleSlideShow: function() {
if(slideshow == 1) this.stopSlideShow();
else {
if(activeImage == (imageArray.length-1)) {
slideshow = 1;
this.changeImage(0);}
else { this.startSlideShow();
}
}
}, startSlideShow: function() {
slideshow = 1;
objSlideShowImage.setAttribute('src', SlideShowStopImage);
this.slideShowTimer = setTimeout(function() { if (keyPressed) {
keyPressed = false;
return;
}
if(activeImage < (imageArray.length-1))
this.changeImage(activeImage + 1);
else {
if(foreverLoop)
this.changeImage(0);
else {
slideshow = 0;
objSlideShowImage.setAttribute('src', SlideShowStartImage);
}
}
}.bind(this), loopInterval);
},
stopSlideShow: function() {
slideshow = 0; objSlideShowImage.setAttribute('src', SlideShowStartImage);
if(this.slideShowTimer) {
clearTimeout(this.slideShowTimer);
this.slideShowTimer = null;
Element.setInnerHTML('flashPlayer', '');
}
}, end: function() {
this.stopSlideShow();
this.disableKeyboardNav();
Element.hide('lightbox');
new Effect.Fade('overlay', {
duration: 0.2});
showSelectBoxes();
slideshow = saveSlideshow;
foreverLoop = saveForeverLoop;
loopInterval = saveLoopInterval;
slideShowWidth = saveSlideShowWidth;
slideShowHeight = saveSlideShowHeight;}
}
function getPageScroll(){
var yScroll; if (self.pageYOffset) {
yScroll = self.pageYOffset;}
else
if (document.documentElement && document.documentElement.scrollTop){
yScroll = document.documentElement.scrollTop;}
else
if (document.body) {
yScroll = document.body.scrollTop;}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
}
else
if (document.body.scrollHeight > document.body.offsetHeight){
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
}
else { xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;}
var windowWidth, windowHeight;
if (self.innerHeight) {
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
}
else
if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
}
else
if (document.body) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;}
if(yScroll < windowHeight){
pageHeight = windowHeight+60;}         /*  + 40 az go dobavih za da izbegna dolo da e prazno*/
else { pageHeight = yScroll;}
if(xScroll < windowWidth){
pageWidth = windowWidth+40;}
else { pageWidth = xScroll;}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;}
function getKey(e){ if (e == null) {
keycode = event.keyCode;} else {
keycode = e.which;}
key = String.fromCharCode(keycode).toLowerCase();
if(key == 'x'){ }
}
function listenKey () {
document.onkeypress = getKey;
}
function showSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "visible";
}
}
function hideSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "hidden";
}
}
function pause(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;}
}
function initLightbox() {
 myLightbox = new Lightbox();
 }
function init() {
 if (arguments.callee.done)
 return; arguments.callee.done = true;
 if (_timer) {
 clearInterval(_timer); _timer = null;}
initLightbox();
};
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}
if (/WebKit/i.test(navigator.userAgent)) {
var _timer = setInterval(function() {
if (/loaded|complete/.test(document.readyState)) {
init();
}
},
10);
}
window.onload = init;