var cx=0;
var cxmax=0;
var cy=0;
var cymax=0;
var zoomLevel=1;
newPosition = "top left";
var cxmax2=0;
var cymax2=0;
var cxmax3=0;
var cymax3=0;
var cxmax4=0;
var cymax4=0;
var timesX=0;
var timesY=0;
function setMaxMapValues(maxXValue2, maxYValue2, maxXValue3, maxYValue3, maxXValue4, maxYValue4, factorX, factorY)
{
	cxmax2=maxXValue2;
	cymax2=maxYValue2;
	cxmax3=maxXValue3;
	cymax3=maxYValue3;
	cxmax4=maxXValue4;
	cymax4=maxYValue4;
	timesX=factorX;
	timesY=factorY;
}
function doMoveImage()
{
	xvalue = 0-(cx*400);
	yvalue = 0-(cy*275);
	newPosition = (xvalue.toString() + "px " + yvalue.toString() + "px");
	document.getElementById("map").style.backgroundPosition = newPosition;
}
function moveImageX()
{
	if (cx<cxmax) 
	{
		cx=cx+1;	
		doMoveImage();
	}
}
function moveImageXBack()
{
	if (cx>0) 
	{
		cx=cx-1;
		doMoveImage();
	}
}
function moveImageY()
{
	if (cy<cymax) 
	{
		cy=cy+1;
		doMoveImage();
	}
}
function moveImageYBack()
{
	if (cy>0) 
	{
		cy=cy-1;
		doMoveImage();
	}
}
function mapZoomIn()
{
	if (zoomLevel==3)
	{
		zoomLevel=4;
		document.getElementById("map").style.backgroundImage = mapFourUrl;
		cxmax=cxmax4;
		cymax=cymax4;
		cx=(cx * timesX);
		if (cx>cxmax) {
			cx=cxmax;
			}
		cy=(cy * timesY);
		if (cy>cymax) {
			cy=cymax;
			}
		doMoveImage();
	}
	else if (zoomLevel==2)
	{
		zoomLevel=3;
		document.getElementById("map").style.backgroundImage = mapThreeUrl;
		cxmax=cxmax3;
		cymax=cymax3;
		cx=(cx * timesX);
		if (cx>cxmax) {
			cx=cxmax;
			}
		cy=(cy * timesY);
		if (cy>cymax) {
			cy=cymax;
			}
		doMoveImage();
	}
	else if (zoomLevel==1)
	{
		zoomLevel=2;
		document.getElementById("map").style.backgroundImage = mapTwoUrl;
		cxmax=cxmax2;
		cymax=cymax2;
		cx=0;
		cy=0;
		doMoveImage();
	}
}
function mapZoomOut()
{
	if (zoomLevel==2)
	{
		zoomLevel=1;
		document.getElementById("map").style.backgroundImage = mapOneUrl;
		cxmax=0;
		cymax=0;
		cx=0;
		cy=0;
		doMoveImage();
	}
	else if (zoomLevel==3)
	{
		zoomLevel=2;
		document.getElementById("map").style.backgroundImage = mapTwoUrl;
		cxmax=cxmax2;
		cymax=cymax2;
		cx=cx / timesX;
		cx=parseInt(cx);
		if (cx>cxmax) {
			cx=cxmax;
			}
		cy=cy / timesX;
		cy=parseInt(cy);
		if (cy>cymax) {
			cy=cymax;
			}
		doMoveImage();
	}
	else if (zoomLevel==4)
	{
		zoomLevel=3;
		document.getElementById("map").style.backgroundImage = mapThreeUrl;
		cxmax=cxmax3;
		cymax=cymax3;
		cx=cx / timesX;
		cx=parseInt(cx);
		if (cx>cxmax) {
			cx=cxmax;
			}
		cy=cy / timesX;
		cy=parseInt(cy);
		if (cy>cymax) {
			cy=cymax;
			}
		doMoveImage();
	}
}