var rBlur;
var previousYoffset = 0;
var sourceDir;
var imageNum = 1;

function showHideButton(){
				var	nBut = document.getElementById('nextButton');
				var	pBut = document.getElementById('prevButton');

				switch(imageNum)
				{
					case 8:
									nBut.style.display="none";
									pBut.style.display="block";
									break;
					case 1:
									pBut.style.display="none";	
									nBut.style.display="block";
									break;
					default:
									pBut.style.display="block";														
									nBut.style.display="block";
									break;
				}
}
	
function nextImage() {
				var pU = document.getElementById('popUp');
				var pSlika = pU.getElementsByTagName('img')[0];
		var currentImage = pSlika.src;
				var imageNumS;
				imageNum = imageNum + 1;
				var	nBut = document.getElementById('nextButton');
				var	pBut = document.getElementById('prevButton');
				if (imageNum > 8) {
					imageNum = 8;
					return false;
				}
				switch(imageNum)
				{
					case 8:
									nBut.style.display="none";
									break;
					case 1:
									pBut.style.display="none";	
									break;
					default:
									pBut.style.display="block";														
									nBut.style.display="block";
									break;
				}

				imageNumS = imageNum + ''
//				window.alert((imageNum + '').length);
				if(imageNumS.length == 1) {
					imageNumS = "00" + imageNumS; 
				}else if(imageNumS.length == 2) {
					imageNumS = "0" + imageNumS; 
				}
				else {
					imageNumS = imageNumS; 
				}
				//window.alert(sourceDir + 'image' + imageNumS + '.jpg');
				pSlika.setAttribute('src', sourceDir + 'image' + imageNumS + '.jpg');
/* window.alert('prev: ' + currentImage);
window.alert('new: ' + pSlika.src);
if(currentImage == pSlika.src) {
		window.alert('image hasn t changed');
		imageNum = imageNum - 1;
	} */
}
function prevImage() {
				var pU = document.getElementById('popUp');
				var pSlika = pU.getElementsByTagName('img')[0];
				var imageNumS;
				imageNum = imageNum - 1;
				var	nBut = document.getElementById('nextButton');
				var	pBut = document.getElementById('prevButton');

				if (imageNum < 1) {
					imageNum = 1;
					return false;
				}
				switch(imageNum)
				{
					case 8:
									nBut.style.display="none";
									break;
					case 1:
									pBut.style.display="none";	
									break;
					default:
									pBut.style.display="block";														
									nBut.style.display="block";
									break;
				}


				imageNumS = imageNum + ''
//				window.alert((imageNum + '').length);
				if(imageNumS.length == 1) {
					imageNumS = "00" + imageNumS; 
				}else if(imageNumS.length == 2) {
					imageNumS = "0" + imageNumS; 
				}
				else {
					imageNumS = imageNumS; 
				}
				pSlika.setAttribute('src', sourceDir + 'image' + imageNumS + '.jpg');
//	window.alert(pSlika.src);
}
function closeButton() {
		var pU = document.getElementById('popUp');
		var rBlur = document.getElementById('refBlur');
		var pImg = pU.getElementsByTagName('img')[0];
			pImg.setAttribute('src', 'images/loading.gif');
			rBlur.style.display="none";
			pU.style.display="none";
}

function galleryPopUps() {
	
		var pU = document.getElementById('popUp');
		var zaslon = document.getElementById('refBlur');
		
		pU.style.display="none";
		zaslon.style.display="none";
				
	if (ref) {
		for (i=0; i<ref.getElementsByTagName('a').length; i++) {
			ref.getElementsByTagName('a')[i].onclick = function () {			
				
				zaslon.style.display="block";
								
				var pSlika = pU.getElementsByTagName('img')[0];
				sourceDir = this.name;
//				window.alert(this.name);
				MM_preloadImages(sourceDir +'image001.jpg', sourceDir +'image002.jpg', sourceDir +'image003.jpg', sourceDir +'image004.jpg', sourceDir +'image005.jpg', sourceDir +'image006.jpg', sourceDir +'image007.jpg',  sourceDir +'image008.jpg');
				pSlika.setAttribute('src', sourceDir + 'image001.jpg');
				imageNum = 1
			//	showHideButton();
				pU.style.display="block";				

				return false;
			}			
		}		
	}
	if (pU.style.display == "block") {
		closeButton();
	}	
}

window.onscroll = function() {
	rPop = document.getElementById('popUp').style;
	rBlur = document.getElementById('refBlur').style;
	if(rBlur.display == "block"){
//		window.scroll(0,0);
		var pageBody = document.getElementsByTagName('body');
//		window.alert(pageBody);
//		pageBody.setAttribute('style', 'overflow:hidden;');
	//			window.alert('nothing');

	}
	
//	rBlur.top = Number(rBlur.top.substring(0, rBlur.top.length - 2))+ (self.pageYOffset- previousYoffset);
//	rPop.top = Number(rBlur.top.substring(0, rBlur.top.length - 2)) + 10;
//	previousYoffset = self.pageYOffset
}
window.onload= function() {
	galleryPopUps();
}