//<!-- Large Photo MyFrame (c) 2008 Jiří Mlnařík jmlnarik@agupi.net -->

largeImageLoading = false;
var imageX = 0;
var imageY = 0;
var containerX = 0;
var containerY = 0;
var containerStep = 0;
var timer = false;
completeGalleriesN = new Array();
completeGalleriesV = new Array();
largeImageTarget = "single";

function largeImageGetScrollX() {
	if( typeof( window.pageYOffset ) == 'number' ) {
    return window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    return document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    return document.documentElement.scrollLeft;
  }
}

function largeImageGetScrollY() {
	if( typeof( window.pageYOffset ) == 'number' ) {
    return window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    return document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    return document.documentElement.scrollTop;
  }
}

var echo = false;

function largeImagePlaceAsIs(divID) {
	var winWidth, winHeight, d=document;
	if (typeof window.innerWidth!='undefined')
	{
	   winWidth = window.innerWidth;
	   winHeight = window.innerHeight;
	}
	   else
	{
	   if (d.documentElement && (typeof d.documentElement.clientWidth != 'undefined') && (d.documentElement.clientWidth != 0))
	   {
	       winWidth = d.documentElement.clientWidth;
	       winHeight = d.documentElement.clientHeight;
	   }
	   else
	   {
	       if (d.body && (typeof d.body.clientWidth != 'undefined'))
	       {
	           winWidth = d.body.clientWidth;
	           winHeight = d.body.clientHeight;
	       }
	   }
	}
	if (echo) {
		echo = false;
		alert('winW ' + winWidth + ' winH ' + winHeight);
	}
	scrollX = largeImageGetScrollX();
	if (!scrollX) {scrollX = 0;}
	scrollY = largeImageGetScrollY();
	if (!scrollY) {scrollY = 0;}
	var theDiv = document.getElementById(divID);
	if (divID == 'largeImageLoading') {
		width = 48;
		height = 48;
	} else {
		var width = theDiv.style.width.replace('px','');
		var height = theDiv.style.height.replace('px','');
	}
	theDiv.style.left = (scrollX + Math.round((winWidth - width) / 2)) + 'px';
	theDiv.style.top = Math.max(0,(scrollY + Math.round((winHeight - height) / 2))) + 'px';
}

function largeImageShow(divID) {
	var theDiv = document.getElementById(divID);
	theDiv.style.display = "block";
}

function largeImageHide() {
	var pars = largeImageHide.arguments;
	for (var i = 0; i < pars.length; i++) {
		var theDiv = document.getElementById(pars[i]);
		theDiv.style.display = "none";
	}
}

function largeImageZoomVert() {
	clearTimeout(timer);	
	var container = document.getElementById('largeImageContainer');
	if (containerStep <= 0) {
		containerY = imageY;					
	} else {
		containerY = containerY + Math.round((imageY - containerY) / 4);
	} 
	container.style.height = containerY + "px";
	largeImagePlaceAsIs('largeImageContainer');
	if (containerStep <= 0) {
		var theImage = document.getElementById('largeImageItself');
		theImage.style.display = 'block';
		theImage.alt = "Klepnutím zavři";
		largeImageHide('largeImageLoading');
		var close = document.getElementById('largeImageClose');
		close.style.top = (parseInt(container.style.top) - 3) + "px";
		close.style.left = (parseInt(container.style.left) + parseInt(container.style.width) - 9) + "px";
		largeImageShow('largeImageClose');
	} else {
		timer = setTimeout('largeImageZoomVert()',40);
	}
	containerStep--;
}

function largeImageZoomHorz() {
	clearTimeout(timer);	
	var container = document.getElementById('largeImageContainer');
	if (containerStep <= 0) {
		containerX = imageX;
		containerStep = 12;
		timer = setTimeout('largeImageZoomVert()',40);
	} else {
		containerX = containerX + Math.round((imageX - containerX) / 4);
		timer = setTimeout('largeImageZoomHorz()',40);
	} 
	container.style.width = containerX + "px";
	largeImagePlaceAsIs('largeImageContainer');
	containerStep--;
}

function largeImageZoom() {
	var photo = document.getElementById('largeImageItself');
	if (largeImageLoading) {
		var image = new Image();
		image.src = photo.src;
		imageX = image.width + 20;
		imageY = image.height + 20;
		if (imageX == 0 || imageY == 0) {
			imageX = photo.width;
			imageY = photo.height;
		}
		largeImageLoading = false;
		containerX = 46;
		containerY = 46;
		containerStep = 12;
		timer = setTimeout('largeImageZoomHorz()',40);
	}
}

function largeImageOpen(photoFullPath) {
	var container = document.getElementById('largeImageContainer');
	var theImage = document.getElementById('largeImageItself');
	theImage.style.display = 'none';
	container.style.width = "60px";
	container.style.height = "60px";
	largeImageShow('largeImageContainer');
	largeImagePlaceAsIs('largeImageContainer');
	largeImageShow('largeImageLoading');
	largeImagePlaceAsIs('largeImageLoading');
	largeImageLoading = true;
	document.getElementById('largeImageMultiContainer1').style.display = 'none';
	var photo = document.getElementById('largeImageItself');
	if (photo.src != photoFullPath) {
		largeImageTarget = "single";
		photo.src = photoFullPath;
	} else {
		largeImageZoom();
	}
}

function largeImageZoomVertMulti() {
	clearTimeout(timer);	
	var container = document.getElementById('largeImageContainer');
	if (containerStep <= 0) {
		containerY = imageY;					
	} else {
		containerY = containerY + Math.round((imageY - containerY) / 4);
	} 
	container.style.height = containerY + "px";
	largeImagePlaceAsIs('largeImageContainer');
	if (containerStep <= 0) {
		var theImage = document.getElementById('largeImageItself');
		theImage.style.display = 'block';
		theImage.alt = "Klepnutím přejdi na další";
		largeImageHide('largeImageLoading');
	document.getElementById('largeImageMultiPrev1').style.display = 'block';
	document.getElementById('largeImageMultiPrev2').style.display = 'block';
	document.getElementById('largeImageMultiNext1').style.display = 'block';
	document.getElementById('largeImageMultiNext2').style.display = 'block';
	document.getElementById('largeImageMultiClose1').style.display = 'block';
	document.getElementById('largeImageMultiClose2').style.display = 'block';
	} else {
		timer = setTimeout('largeImageZoomVertMulti()',40);
	}
	containerStep--;
}

function largeImageZoomHorzMulti() {
	clearTimeout(timer);	
	var container = document.getElementById('largeImageContainer');
	if (containerStep <= 0) {
		containerX = imageX;
		containerStep = 25;
		timer = setTimeout('largeImageZoomVertMulti()',40);
	} else {
		containerX = containerX + Math.round((imageX - containerX) / 4);
		timer = setTimeout('largeImageZoomHorzMulti()',40);
	} 
	container.style.width = containerX + "px";
	largeImagePlaceAsIs('largeImageContainer');
	containerStep--;
}

function largeImageZoomMulti() {
	var photo = document.getElementById('largeImageItself');
	if (largeImageLoading) {
		var image = new Image();
		image.src = photo.src;
		imageX = image.width + 20;
		imageY = image.height + 60;
		if (imageX == 0 || imageY == 0) {
			imageX = photo.width;
			imageY = photo.height;
		}
		largeImageLoading = false;
		containerX = 46;
		containerY = 46;
		containerStep = 12;
		timer = setTimeout('largeImageZoomHorzMulti()',40);
	}
}

function largeImageZoomSelect() {
	if (largeImageTarget == "single") {
		largeImageZoom();
	} else {
		largeImageZoomMulti();
	}
}

var openedGalleryName = '';
var openedImageOrder = 0;

function largeImageGoNext() {
	if (largeImageTarget == "single") {
		largeImageHide('largeImageContainer','largeImageClose');
		return;
	}
	if (openedImageOrder < mainGalLen - 1) {
		largeImageOpenMulti(openedGalleryName,(openedImageOrder + 1));
	} else {
		largeImageOpenMulti(openedGalleryName,1);
	}
}

function largeImageOpenMulti(galleryName,imageOrder) {
	openedGalleryName = galleryName;
	openedImageOrder = imageOrder;
	dir = false;
	main = false;
	for (var i = 0; i < completeGalleriesN.length; i++) {
		if (completeGalleriesN[i] == galleryName) {
			dir = completeGalleriesV[i][0];
			mainGalLen = completeGalleriesV[i].length;
			for (var j = 1; j < completeGalleriesV[i].length; j++) {
				if (j == imageOrder) {
					main = completeGalleriesV[i][j];
					break;
				}
			}
		}
	}
	photoFullPath = dir + main;
	
	var container = document.getElementById('largeImageContainer');
	var theImage = document.getElementById('largeImageItself');
	theImage.style.display = 'none';
	container.style.width = "60px";
	container.style.height = "60px";
	largeImageShow('largeImageContainer');
	largeImagePlaceAsIs('largeImageContainer');
	//largeImageShow('largeImageLoading');
	//largeImagePlaceAsIs('largeImageLoading');
	largeImageLoading = true;
	
	document.getElementById('largeImageMultiContainer1').style.display = 'block';
	document.getElementById('largeImageMultiContainer2').style.display = 'block';
	document.getElementById('largeImageMultiPrev1').style.display = 'none';
	document.getElementById('largeImageMultiPrev2').style.display = 'none';
	document.getElementById('largeImageMultiNext1').style.display = 'none';
	document.getElementById('largeImageMultiNext2').style.display = 'none';
	document.getElementById('largeImageMultiClose1').style.display = 'none';
	document.getElementById('largeImageMultiClose2').style.display = 'none';
	if (imageOrder > 1) {
		prevContents = '<span class="largeImageJump" onclick="largeImageOpenMulti(\'' + galleryName + '\',' + (imageOrder - 1) + ')"><img src="slices/largeImageArrowPrev.gif" align="absmiddle"></span>';
	} else {
		prevContents = '&nbsp;'
	}
	document.getElementById('largeImageMultiPrev1').innerHTML = prevContents;
	document.getElementById('largeImageMultiPrev2').innerHTML = prevContents;
	if (imageOrder < mainGalLen - 1) {
		nextContents = '<span class="largeImageJump" onclick="largeImageOpenMulti(\'' + galleryName + '\',' + (imageOrder + 1) + ')"><img src="slices/largeImageArrowNext.gif" align="absmiddle"></span>';
	} else {
		nextContents = '&nbsp;'
	}
	document.getElementById('largeImageMultiNext1').innerHTML = nextContents;
	document.getElementById('largeImageMultiNext2').innerHTML = nextContents;
	
	var photo = document.getElementById('largeImageItself');
	if (photo.src != photoFullPath) {
		largeImageTarget = "multi";
		photo.src = photoFullPath;
	} else {
		largeImageZoomMulti();
	}
}

document.write('<div class="largeImageLoading" id="largeImageLoading" name="largeImageLoading" style="position: absolute;top: 0px;left: 0px;width: 50px;height: 50px;display: none;z-index: 20;">'+
'<img alt="loader" src="slices/largeImageLoader.gif" width="50" height="50" alt="loader"></div>'+
'<div class="largeImageClose clickable" id="largeImageClose" name="largeImageClose" style="position: absolute;top: 0px;left: 0px;width: 15px;height: 15px;display: none;z-index: 25;">'+
'<img alt="kliknutím zavřít" src="slices/close.gif" width="15" height="15" alt="kliknutím zavřít" onclick="largeImageHide(\'largeImageContainer\',\'largeImageClose\')"></div>'+
'<div class="largeImageContainer" id="largeImageContainer" name="largeImageContainer" style="position: absolute;top: 0px;left: 0px;display: none;border:2px solid #AAAAAA;background-color: #FFFFFF;overflow: visible;z-index: 15">'+
'<div style="display:none;height:18px;text-align:center;" id="largeImageMultiContainer1">'+
'<div style="width:100px;float:left;text-align:left;margin-bottom:1px;cursor:pointer" id="largeImageMultiPrev1">&nbsp;</div>'+
'<div style="width:100px;float:right;text-align:right;margin-bottom:1px;cursor:pointer"" id="largeImageMultiNext1">&nbsp;</div>'+
'<div id="largeImageMultiMain"><span id="largeImageMultiClose1" class="largeImageJump" onclick="largeImageHide(\'largeImageContainer\',\'largeImageClose\')"><img src="slices/largeImageClose.gif"></span></div></div>'+
'<img onload="largeImageZoomSelect();" id="largeImageItself" onclick="largeImageGoNext()" src="slices/largeImageShim.gif" alt="kliknutím zavřít" title="kliknutím zavřít" style="margin:10px"/>'+
'<div style="display:none;height:18px;text-align:center;" id="largeImageMultiContainer2">'+
'<div style="width:100px;float:left;text-align:left;margin-top:1px;cursor:pointer" id="largeImageMultiPrev2">&nbsp;</div>'+
'<div style="width:100px;float:right;text-align:right;margin-top:1px;cursor:pointer"" id="largeImageMultiNext2">&nbsp;</div>'+
'<div id="largeImageMultiMain"><span id="largeImageMultiClose2" class="largeImageJump" onclick="largeImageHide(\'largeImageContainer\',\'largeImageClose\')"><img src="slices/largeImageClose.gif"></span></div></div>'+
'</div>');