var imageX = 0;
var imageY = 0;
var difX = 0;
var difY =0;
var sMapPoint = 0;
var eMapPoint = 0;


function centerPicture() {
	var ilayer =  document.getElementById("imgMapCanvas");
	var blayer =  document.getElementById("imgBackCanvas");
	ilayer.src = blayer.src;
	moveLayer(ilayer.style,Xmargin,Ymargin);	
}

// start pan.... image will move
function startPan(ptUsrClick) {
	var layer =  getLayer("hvMapPage")
	difX = ptUsrClick.x - layer.left -Xmargin;
	difY = ptUsrClick.y - layer.top -Ymargin;
	sMapPoint = m_mapViewer.toMapPoint(Xmargin,Ymargin);
	startSubmit();
	var ilayer = getLayer("imgMapCanvas");
	moveLayer(ilayer,ptUsrClick.x -difX , ptUsrClick.y -difY );
	return true;
}

function stopPan(ptUsrClick) {
	var imageX = ptUsrClick.x -difX;
	var imageY =  ptUsrClick.y -difY ;
	var layer = getLayer("imgMapCanvas");
	var blayer = getLayer("imgBackCanvas");
	moveLayer(layer,imageX ,imageY);
	eMapPoint = m_mapViewer.toMapPoint(imageX,imageY);
	m_mapViewer.move2point(eMapPoint.x - sMapPoint.x, eMapPoint.y-sMapPoint.y);
	dragSubmit();
	return false;
}

// move map image with mouse
function panMouse(ptUsrClick) {
	var ilayer = getLayer("imgMapCanvas");
	moveLayer(ilayer,ptUsrClick.x -difX , ptUsrClick.y -difY );
	//once image tiling works smoother (Asp.NEt 2.0) call it here//
	//panSubmit();*/
	return true;
}

function pan(ptUsrClick) {
		return true;
}	

function moveLayer(layer, x, y) {		
	if (document.layers)
	{
		layer.top = y;
		layer.left = x;
	}
	else if (document.getElementById || document.all)
	{
		layer.left = x;
		layer.top = y;
	}  	  
}

// get the layer object called "name"
function getLayer(name) {
	if (document.getElementById)
   {
		return document.getElementById(name).style;
	}
	else if (document.all)
	{
		return document.all[name];
	}
	else if (document.layers)
	{
		return document.layers[name];
	}
	else return false;
}