//slide show animation
var step = 5;	//px
var speed = 10; //ms
var mTimer = null;
var dv = null;
var leftPos = 0;
var width = 0;
var imgWidth = 50;
// - slide show animation


// big foto
var pageCount = 5;
var lOffset = 0;
var rOffset = 0;
var imgLst = new Array();
var pages = 0;
var actualPage = 0;
var pId = 0;
var leftArrows = null;
var rightArrows = null;
// - big foto

function initMove() {
	dv = document.getElementById('slide_content').firstChild;
	imgs = dv.getElementsByTagName('img');
	if  ( imgs.length == 0)
	{
		document.getElementById('slide_show').style.display = 'none';
	}
	
	else
	{
		width = imgs.length * imgWidth;
		width += (imgs.length) * 5;
		dv.style.width = width + 'px';
		dv.style.display = 'block';
	}
	initPager(0);
}

function moveImgBox(direction) {
	if(direction == 1) {
		if(leftPos == 0) {
			dv.style.left = '0px';
			return 0;
		}
	} else {
		if(leftPos <= 223 - width) {
			dv.style.left = 223 - width;
			return 1;
		}
	}
	leftPos += step * direction;
	dv.style.left = leftPos + 'px';
}

function startMove(direction) {
	mTimer = window.setInterval('moveImgBox('+direction+')', speed);
}

function stopMove() {
	window.clearInterval(mTimer);
	mTimer = null;
}

function showBigFoto(id) {
	
	document.getElementById('big_img').src= '/./getimage.php?file='+imgLst[id][0]+'&filep=imgs/gallery/&color=ffffff&x=255&y=163';
	document.getElementById('photo_desc').innerHTML = imgLst[id][1];
	pId = id;
}

function showPopup() {
	changeFoto(pId);
	document.getElementById('popup').style.display = 'block';
}

function hidePopup() {
	document.getElementById('popup').style.display = 'none';
}

function ImgArray(id,url,popisy)
{
	imgLst[id] = new Array(url, popisy);
}

function initPager(pageId) {
	pages = imgLst.length;
	lOffset = rOffset = Math.floor(pageCount / 2);
	var aLst = '';
	for(var i=0; i<pages; i++) {
		aLst += '<a class="pager_numbers" href="javascript:changeFoto(' + i + ');" id="pager_item_' + i + '" >' + (i+1) + '</a>';
	}
	leftArrows = document.getElementById('leftPagerPart');
	rightArrows = document.getElementById('rightPagerPart');
	document.getElementById('pager').innerHTML = aLst;
	regeneratePages(pageId);
}

function changeFoto(id) {
	actualPage = id;
	pImg = document.getElementById('popup_img');
	pImg.src = '/./getimage.php?file='+imgLst[id][0]+'&filep=imgs/gallery/&color=CB8920&x=400&y=300';
	regeneratePages(id);
	document.getElementById('popup_popis').innerHTML = imgLst[id][1];
}

function goToFirst() {
	if(actualPage == 0) return;
	changeFoto(0);
}

function goToLast() {
	if(actualPage == (pages-1)) return;
	changeFoto(pages-1);
}

function goToNext() {
	if(actualPage == (pages -1)) return;
	changeFoto(actualPage+1);
}

function goToPrev() {
	if(actualPage == 0) return;
	changeFoto(actualPage-1);	
}

function regeneratePages(pageId) {
	hrefs = document.getElementById('pager').getElementsByTagName('a');
	lOffset = rOffset = Math.floor(pageCount / 2);
	if(lOffset > pageId) {
		lOffset = pageId;
		if(pageCount < pages) {
			rOffset = pageCount - lOffset - 1;
		}
	}
	if((pages - pageId - 1) < rOffset) {
		rOffset = pages - pageId - 1;
		if(pageCount < pages) {
			lOffset = pageCount - (rOffset + 1);
		}
	}
	
	for(var i=0;i<hrefs.length; i++) {
		hrefs[i].style.display = 'none';
	}
	setArrowsStyle(0,lOffset);
	setArrowsStyle(1,rOffset);
	//zmizeni vsech cisel
	for(var i=0;i<hrefs.length; i++) {
		hrefs[i].className = '';
		if((i >= (pageId-lOffset)) && (i <= (rOffset + pageId))) {
			hrefs[i].style.display = 'inline';
			if(i==pageId) { hrefs[i].className = 'selected'; }
		}
	}
}

function setArrowsStyle(side, state) {
	cls = new Array('noactive', 'active');
	if(state > 0) state = 1;
	if(side == 0) {
		leftArrows.className = cls[state];
	} else {
		rightArrows.className = cls[state];
	}
}

function ShowElementById(id) {
	document.getElementById(id).style.display = 'block';
}

function HideElementById(id) {
	document.getElementById(id).style.display = 'none';
}