// Functions to zoom the main image
function zoomIn() {

	obj = document.getElementById('occasionImage');

	// Set large image in front of background
	if(obj.src!=occasionImages[2][zoomImage] && occasionImages[2][zoomImage]!='') obj.src=occasionImages[2][zoomImage];

	currentZoom = parseInt(obj.currentStyle.zoom);
	newZoom = currentZoom*1.3;
	if(newZoom>1000) {
		newZoom = 1000;
	}
	obj.style.zoom = newZoom+'%';
	obj.style.left = -((4*(newZoom-100))/2);
	obj.style.top = -((3*(newZoom-100))/2);
	endPosX=obj.offsetLeft;
	endPosY=obj.offsetTop;
}
function zoomOut() {
	obj = document.getElementById('occasionImage');
	currentZoom = parseInt(obj.currentStyle.zoom);
	newZoom = currentZoom/1.3;
	if(newZoom<100) {
		newZoom = 100;
		obj.style.left=0;
		obj.style.top=0;
		// Set background in front of large image
		if(obj.src!=blankImage) obj.src=blankImage;
	}
	obj.style.zoom = newZoom+'%';
	obj.style.left = -((4*(newZoom-100))/2);
	obj.style.top = -((3*(newZoom-100))/2);
	endPosX=obj.offsetLeft;
	endPosY=obj.offsetTop;
}
function zoomReset() {
	obj = document.getElementById('occasionImage');

	// Set background in front of large image
	if(obj.src!=blankImage) obj.src=blankImage;

	newZoom = 100;
	obj.style.left=0;
	obj.style.top=0;
	obj.style.zoom = newZoom+'%';
	endPosX=obj.offsetLeft;
	endPosY=obj.offsetTop;
}
var curElement;
var startPosX=0;
var startPosY=0;
var endPosX=0;
var endPosY=0;
function doMouseMove() {
	currentZoom = parseInt(document.getElementById('occasionImage').currentStyle.zoom);
	var newleft, newTop;
	if ((event.button==1) && (curElement!=null)) {
		newleft=event.clientX-startPosX;
		if (newleft<(-4*(currentZoom-100))) newleft=(-4*(currentZoom-100));
		if (newleft>0) newleft=0;
		curElement.style.pixelLeft= newleft;
		newtop=event.clientY-startPosY;
		if (newtop<(-3*(currentZoom-100))) newtop=(-3*(currentZoom-100));
		if (newtop>0) newtop=0;
		curElement.style.pixelTop= newtop;
		endPosX=document.getElementById('occasionImage').offsetLeft;
		endPosY=document.getElementById('occasionImage').offsetTop;
		event.returnValue = false;
		event.cancelBubble = true;
	}
}
function doDragStart() {
	// Don't do default drag operation
	if ("IMG"==event.srcElement.tagName) {
		event.returnValue=false;
	}
}
function doMouseDown() {
	if ((event.button==1) && (event.srcElement.tagName=="IMG")) {
		curElement = event.srcElement
		startPosX=event.clientX-endPosX;
		startPosY=event.clientY-endPosY;
	}
}
function startZoom() {
	document.getElementById('occasionImageBoundary').ondragstart = doDragStart;
	document.getElementById('occasionImageBoundary').onmousedown = doMouseDown;
	document.getElementById('occasionImageBoundary').onmousemove = doMouseMove;
	document.getElementById('occasionImageBoundary').onmouseup = new Function("curElement=null");
}
function setStatus(str) {
	document.status=str;
	document.getElementById('occasionImageControlLeft').innerHTML=str;
}