var photoToLoad;
var lPhoto = new Image(80, 80);
var photoNowNumber = 0;
var photoLastNumber;
var photosAll = new Array();
var photosTexts = new Array();

function nextPhoto() {
showPhoto(photosAll[photoNowNumber + 1], photoNowNumber + 1, photosTexts[photoNowNumber + 1]);
}

function prevPhoto() {
showPhoto(photosAll[photoNowNumber - 1], photoNowNumber - 1, photosTexts[photoNowNumber - 1]);	
}

function showPhoto(photo, num, txt) {

photoNowNumber = num;

if(!num) {photoLastNumber = 0; photoNowNumber = 0;}

document.getElementById('photoPopSrc').src = '/images/preloader.gif';
document.getElementById('btnNextPhoto').style.display = 'none';
document.getElementById('btnPrevPhoto').style.display = 'none';

lPhoto.onload = loadPhoto;
photoToLoad = lPhoto.src = photo;

under = document.getElementById('underPop');
under.style.width = Math.max(document.body.offsetWidth, document.getElementById('site').offsetWidth) + 'px';
under.style.height = Math.max(document.body.clientHeight, document.getElementById('site').offsetHeight) + 'px';
under.style.display = 'block';

pop = document.getElementById('photoPop');
pop.style.display = 'block';
pop.style.left = document.documentElement.scrollLeft + ((document.documentElement.offsetWidth  - pop.offsetWidth) / 2) + 'px';
pop.style.top = document.body.scrollTop + ((document.body.clientHeight - pop.offsetHeight) / 2) + 'px';

if(txt) {document.getElementById('photoTxt').innerHTML = txt;}
}



function loadPhoto() {

document.getElementById('photoPopSrc').src = lPhoto.src;

pop = document.getElementById('photoPop');
pop.style.display = 'block';
pop.style.left = document.documentElement.scrollLeft + ((document.documentElement.offsetWidth  - pop.offsetWidth) / 2) + 'px';
pop.style.top = document.body.scrollTop + ((document.body.clientHeight - pop.offsetHeight) / 2) + 'px';

if(photoNowNumber >= photoLastNumber - 1) {document.getElementById('btnNextPhoto').style.display = 'none';}
else {document.getElementById('btnNextPhoto').style.display = 'block';}
if(photoNowNumber == 1) {document.getElementById('btnPrevPhoto').style.display = 'none';}
else {document.getElementById('btnPrevPhoto').style.display = 'block';}

document.getElementById('btnNextPhoto').style.top = document.getElementById('btnPrevPhoto').style.top = (pop.offsetHeight / 2) + 'px';
}



function hidePhoto() {
document.getElementById('photoPop').style.display = 'none';
under = document.getElementById('underPop').style.display = 'none';
}