function getElementPosition(element){
	var x=0,y=0;
	while (element!=null){
		x += element.offsetLeft-element.scrollLeft;
		y += element.offsetTop -element.scrollTop;
		element=element.offsetParent;
	}
	return {x:x,y:y};
}

// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.
if (document.layers) { // Netscape
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = captureMousePosition;
//	window.status = "Netscape";
} else if (document.all) { // Internet Explorer
	document.onmousemove = captureMousePosition;
	window.onload = onLoad;
//	window.status = "Internet Explorer";
} else if (document.getElementById) { // Netcsape 6
	document.onmousemove = captureMousePosition;
	window.onload = onLoad;
//	window.status = "Netcsape 6";
}

function onLoad(e){
//	document.getElementById("bak").style.width	= 512 + "px";
//	document.getElementById("bak").style.height = 512 + "px";
	//window.status = "onload";
}

function min(a, b){	if(a < b) return a; else return b;	}
function max(a, b){	if(a > b) return a; else return b;	}

scale	= 1;
function setScale(s){
	scale = s;
}

function captureMousePosition(e) {
	xMousePos	= 0; // Horizontal position of the mouse on the screen
	yMousePos	= 0; // Vertical position of the mouse on the screen
	scrollLeft	= 0;
	scrollTop	= 0;
	//xMousePosMax= 0; // Width of the page
	//yMousePosMax= 0; // Height of the page

	if (document.layers) {
		// When the page scrolls in Netscape, the event's mouse position
		// reflects the absolute position on the screen. innerHight/Width
		// is the position from the top/left of the screen that the user is
		// looking at. pageX/YOffset is the amount that the user has
		// scrolled into the page. So the values will be in relation to
		// each other as the total offsets into the page, no matter if
		// the user has scrolled or not.
		scrollLeft	= window.pageXOffset;
		scrollTop	= window.pageYOffset;
		xMousePos	= e.pageX;
		yMousePos	= e.pageY;
		//xMousePosMax= window.innerWidth +scrollLeft;
		//yMousePosMax= window.innerHeight+scrollTop;
	} else if (document.all) {
		// When the page scrolls in IE, the event's mouse position
		// reflects the position from the top/left of the screen the
		// user is looking at. scrollLeft/Top is the amount the user
		// has scrolled into the page. clientWidth/Height is the height/
		// width of the current page the user is looking at. So, to be
		// consistent with Netscape (above), add the scroll offsets to
		// both so we end up with an absolute value on the page, no
		// matter if the user has scrolled or not.
		scrollLeft	= document.documentElement.scrollLeft;
		scrollTop	= document.documentElement.scrollTop;
		xMousePos	= window.event.clientX;// 			+scrollLeft;
		yMousePos	= window.event.clientY;//			+scrollTop;
		//xMousePosMax= document.body.clientWidth +scrollLeft;
		//yMousePosMax= document.body.clientHeight+scrollTop;
	} else if (document.getElementById) {
		// Netscape 6 behaves the same as Netscape 4 in this regard
		xMousePos	= e.pageX;
		yMousePos	= e.pageY;
		scrollLeft	= window.pageXOffset;
		scrollTop	= window.pageYOffset;
		//xMousePosMax= window.innerWidth +window.pageXOffset;
		//yMousePosMax= window.innerHeight+window.pageYOffset;
	}
	mcx = mcy = 200;

	viewleft= xMousePos - mcx/2;
	viewtop	= yMousePos - mcy/2;
	viewleft-= getElementPosition(document.getElementById("pagecontent")).x;
	viewtop -= getElementPosition(document.getElementById("pagecontent")).y;
	viewleft-= getElementPosition(document.getElementById("allpagecontent")).x;
	viewtop -= getElementPosition(document.getElementById("allpagecontent")).y;

	imgleft	=-(xMousePos-getElementPosition(document.getElementById("bak")).x)*scale + mcx/2;// + scrollLeft*2;
	imgtop	=-(yMousePos-getElementPosition(document.getElementById("bak")).y)*scale + mcy/2;// + scrollTop*2;
	
	v = document.getElementById("view");
	i = document.getElementById("img");
	if(v != null){		v.style.left = viewleft+ "px";		v.style.top = viewtop + "px";	}
	if(i != null){		i.style.left = imgleft + "px";		i.style.top	= imgtop  + "px";	}
/*
	document.getElementById("st").innerHTML   = 
				  "MousePos=["		+ xMousePos		+ "," + yMousePos		+ "]" 
//		+   	", MousePosMax=["	+ xMousePosMax	+ "," + yMousePosMax	+ "]"
		+   	", scroll=["		+ scrollLeft	+ "," + scrollTop		+ "]" 
		+   	", view=["			+ viewleft		+ "," + viewtop			+ "]" 
;
*/
}