// JavaScript Document
// put local javascript here
var winTerval;
var curZoom=23;
var zoomBy = 3;
var zoomFrom = 10;
var zoomTo = 100;
var zoomAt = 10;
var curImageId = '';
var photoSizes = new Array();
var pctIdx = 0;
var opacityIdx = 0;
var pctArray = ['.85','.86','.87','.88','.89','.90','.91','.92','.93','.94','.95','.96','.97','.98','.99','1'];
function callZoomIn(curId) {
	if (curImageId != curId && curImageId != '') {
		setImage(curImageId);
		}
	curImageId = curId;
	window.clearInterval(winTerval);
	hideThumbs();
	document.getElementById(curImageId+'-Div').style.opacity = '.' + zoomFrom;
	document.getElementById(curImageId+'-Div').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + zoomFrom + ")";
	pctIdx = 0;
	document.getElementById(curImageId).style.width=getIEStoopidX(curImageId) + 'px';
	document.getElementById(curImageId).style.height=getIEStoopidY(curImageId) + 'px';
	document.getElementById(curImageId+'-Div').style.visibility='visible';
	winTerval = window.setInterval("zoomImageIn()", zoomAt);
	}
function callZoomOut() {
	window.clearInterval(winTerval);
	winTerval = window.setInterval("zoomImageOut()", zoomAt);
	}

function zoomImageIn() {
	var ffOp = 100;
	document.getElementById(curImageId+'-Div').style.visibility='visible';
	curZoom += zoomBy;
	if(curZoom>=zoomTo) {
		curZoom = zoomTo;
		}
	if (curZoom < 100) {
		ffOp = '.' + curZoom;
		}
	if(curZoom==zoomTo) {
		document.getElementById(curImageId+'-Div').style.width=photoSizes[curImageId][0] + 'px';
		document.getElementById(curImageId+'-Div').style.height=photoSizes[curImageId][1] + 'px';
		if (pctIdx < pctArray.length) {
			document.getElementById(curImageId).style.width=getIEStoopidX(curImageId) + 'px';
			document.getElementById(curImageId).style.height=getIEStoopidY(curImageId) + 'px';
			document.getElementById(curImageId+'-Div').style.opacity = 1;
			document.getElementById(curImageId+'-Div').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
			pctIdx++;
			}
		else {
			window.clearInterval(winTerval);
			document.getElementById(curImageId).style.width=photoSizes[curImageId][0] + 'px';
			document.getElementById(curImageId).style.height=photoSizes[curImageId][1] + 'px';
			document.getElementById(curImageId+'-Div').style.opacity = 1;
			document.getElementById(curImageId+'-Div').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
			}
		}
	else {
		document.getElementById(curImageId+'-Div').style.width=getCurX(curImageId) + 'px';
		document.getElementById(curImageId+'-Div').style.height=getCurY(curImageId) + 'px';
		document.getElementById(curImageId).style.width=getIEStoopidX(curImageId) + 'px';
		document.getElementById(curImageId).style.height=getIEStoopidY(curImageId) + 'px';
		document.getElementById(curImageId+'-Div').style.opacity = ffOp;
		document.getElementById(curImageId+'-Div').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + curZoom + ")";
		}
	}

function zoomImageOut() {
	var ffOp = 0;
	pctIdx = 0;
	document.getElementById(curImageId+'-Div').style.visibility='visible';
	curZoom -= zoomBy;
	if(curZoom<=zoomFrom) {
		curZoom = zoomFrom;
		}
	if (curZoom < 100) {
		ffOp = '.' + curZoom;
		}
	document.getElementById(curImageId+'-Div').style.width=getCurX(curImageId) + 'px';
	document.getElementById(curImageId+'-Div').style.height=getCurY(curImageId) + 'px';
	document.getElementById(curImageId).style.width=getIEStoopidX(curImageId) + 'px';
	document.getElementById(curImageId).style.height=getIEStoopidY(curImageId) + 'px';
	document.getElementById(curImageId+'-Div').style.opacity = ffOp;
	document.getElementById(curImageId+'-Div').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + curZoom + ")";
	if(curZoom==zoomFrom) {
		window.clearInterval(winTerval);
		document.getElementById(curImageId+'-Div').style.visibility='hidden';
		showThumbs();
		}
	}
function setImage(imageId) {
	document.getElementById(imageId+'-Div').style.visibility='hidden';
	curZoom = zoomFrom;
	document.getElementById(imageId+'-Div').style.width=getCurX(imageId) + 'px';
	document.getElementById(imageId+'-Div').style.height=getCurY(imageId) + 'px';
	}
function getCurX(imageId) {
	var x=1;
	x = Math.floor(photoSizes[imageId][0]*(curZoom/100));
	return x;
	}
function getCurY(imageId) {
	var y=1;
	y = Math.floor(photoSizes[imageId][1]*(curZoom/100));
	return y;
	}
function getIEStoopidX(imageId) {
	var x=1;
	x = Math.floor(photoSizes[imageId][0]*(curZoom/100)*pctArray[pctIdx]);
	return x;
	}
function getIEStoopidY(imageId) {
	var y=1;
	y = Math.floor(photoSizes[imageId][1]*(curZoom/100)*pctArray[pctIdx]);
	return y;
	}
function hideThumbs() {
	for(var i in photoSizes) {
		if (i != 'toJSONString') {
			document.getElementById(i+'-ThumbDiv').style.visibility = 'hidden';
			}
		}
	}
function showThumbs() {
	for(var i in photoSizes) {
		if (i != 'toJSONString') {
			document.getElementById(i+'-ThumbDiv').style.visibility = 'visible';
			}
		}
	}