//<!-- 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;

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;
  }
}

function largeImagePlaceAsIs(divID) {
	winW = document.body.clientWidth;
	winH = document.body.clientHeight;
	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 = (window.scrollX + Math.round((winW - width) / 2)) + 'px';
	theDiv.style.top = Math.max(0,(window.scrollY + Math.round((winH - height) / 2))) + 'px';
}

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

function largeImageHide(divID) {
	var theDiv = document.getElementById(divID);
	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');
	} else {
		timer = setTimeout('largeImageZoomVert()',40);
	}
	containerStep--;
}

function largeImageZoomHorz() {
	clearTimeout(timer);	
	var container = document.getElementById('largeImageContainer');
	if (containerStep <= 0) {
		containerX = imageX;
		containerStep = 25;
		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;
		imageY = image.height;
		if (imageX == 0 || imageY == 0) {
			imageX = photo.width;
			imageY = photo.height;
		}
		largeImageLoading = false;
		containerX = 46;
		containerY = 46;
		containerStep = 25;
		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;
	var photo = document.getElementById('largeImageItself');
	if (photo.src != photoFullPath) {
		photo.src = photoFullPath;
	} else {
		largeImageZoom();
	}
}

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="largeImageContainer" id="largeImageContainer" name="largeImageContainer" style="position: absolute;top: 0px;left: 0px;display: none;border:2px solid #AA6600;background-color: #FFFFFF;overflow: hidden;z-index: 10;"><img onload="largeImageZoom();" onClick="largeImageHide(\'largeImageContainer\')" id="largeImageItself" src="slices/largeImageShim.gif" alt="Close" /></div>');