//Source by http://www.bluelemur.org.uk/comics/?page=panotest4

var mainxpos = -250; //wenn mittig beginnen soll, muss Minuswert stehen
var mainypos = 250; //wenn mittig beginnen soll, muss Pluswert stehen
var initx, inity;
var mvxoffset = 0;
var mvyoffset = 0;
var shtop = 0;
//var zoom = 600;
var panowidth = 1000;

function msov(mvdiv, event)
	{
	if (!event) event = window.event;
	mvdiv.style.cursor = "move";

	if (document.addEventListener)
  	{
		document.addEventListener("DOMMouseScroll", wheel, true);
		document.addEventListener("mouseout", rmwheel, true);
		} 
	if (document.attachEvent)
  	{
		document.attachEvent("onmouseout", rmwheel);
		document.attachEvent("onmousewheel", wheel);
		}	
	//event.cancelBubble = true;
	//event.returnValue = false;
	//if (event.stopPropagation) event.stopPropagation();
	//if (event.preventDefault) event.preventDefault();
	}

function mkmv(mvdiv, event)
	{
	// if (!event) event = window.event;
	var mvdivleft = parseInt(mvdiv.style.left);
	initx = event.clientX;
	inity = event.clientY;

	shtop = 0;
	mvxoffset = 0;
	mvyoffset = 0;

	setTimeout("automv()", 50);

	if (document.addEventListener)
  	{
		document.addEventListener("mousemove", actmv, true);
		document.addEventListener("mouseup", rmmv, true);
		}
  else if (document.attachEvent)
  	{
		document.attachEvent("onmouseup", rmmv);
		document.attachEvent("onmousemove", actmv);
		}

	event.cancelBubble = true;
	event.returnValue = false;

	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault) event.preventDefault();
	}

function wheel(event)
	{
	var wheeldelta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta)
  	{
		wheeldelta = event.wheelDelta/120;
		if (window.opera) wheeldelta = -wheeldelta
		}
  else if (event.detail)
  	{
		wheeldelta = -event.detail/3;
		}
	//if (wheeldelta) actzoom(wheeldelta);
	event.cancelBubble = true;
	event.returnValue = false;
	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault) event.preventDefault();
	}



function actmv(event)
	{
	if (!event) event = window.event;
	mvxoffset = event.clientX - initx;
	mvyoffset = event.clientY - inity;
	event.returnValue = false;
	event.cancelBubble = true;
	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault) event.preventDefault();
	}



function automv()
	{
	mainxpos = mainxpos - Math.ceil(mvxoffset/10);
	if (mainxpos >= 0) {mainxpos=0};
	if (mainxpos < -panowidth+500) {mainxpos=-panowidth+500};

	mainypos = mainypos - Math.ceil(mvyoffset/10);
	if (mainypos >=500) {mainypos=500};
	if (mainypos <=0) {mainypos=0};

	for (i=1; i<=1; i++)
		{
		document.getElementById('img'+i).style.left = mainxpos + "px";
		document.getElementById('img'+i).style.top = (mainypos-501) + "px";
		}
	if (shtop!=1) { setTimeout("automv()", 10) };
	}


/*
function actzoom(wheeldelta)
	{
	xratio = (mainxpos-475)/panowidth;
	if(wheeldelta<0)
  	{
		zoom = zoom - 30;	
		if(zoom<475) zoom = 475;
		mainypos = mainypos-15;
		}
	else if(wheeldelta>0)
  	{
		zoom = zoom + 30;
		mainypos = mainypos+15;
		}
	panowidth = (zoom*2.38)*1;
	mainxpos = (panowidth*xratio)+475;

	if (mainypos >=zoom-475) {mainypos=zoom-475};
	if (mainypos <=0) {mainypos=0};
	if (mainxpos >= 0) {mainxpos=-panowidth};
	if (mainxpos < -panowidth) {mainxpos=0};

	for (i=1; i<=1; i++)
		{
		document.getElementById('img'+i).style.height = zoom + "px";
		document.getElementById('img'+i).style.width = Math.ceil((zoom*2.38)) + "px";
		document.getElementById('img'+i).style.top = (mainypos-(zoom-475)) + "px";
		document.getElementById('img'+i).style.left = Math.ceil((((i-1)*(zoom*2.38)) + mainxpos)) + "px";
		}
	}
*/
function rmmv(event)
	{
	if (!event) event = window.event;
	shtop = 1;

	if (document.removeEventListener)
  	{
		document.removeEventListener("mousemove", actmv, true);
		document.removeEventListener("mouseup", rmmv, true);
		}
  else if (document.detachEvent)
  	{
		document.detachEvent("onmousemove", actmv);
		document.detachEvent("onmouseup", rmmv);
		}
	event.cancelBubble = true;
	event.returnValue = false;
	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault) event.preventDefault();
	}



function rmwheel(event)
	{
	if (!event) event = window.event;
	if (document.removeEventListener)
  	{
		document.removeEventListener("DOMMouseScroll", wheel, true);
		document.removeEventListener("mouseout", rmwheel, true);
		}
  else if (document.detachEvent)
  	{
		document.detachEvent("onmousewheel", wheel);
		document.detachEvent("onmouseout", rmwheel);
		}
	event.cancelBubble = true;
	event.returnValue = false;

	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault) event.preventDefault();
}