var mouseLastX=0, mouseLastY=0;
var posX=0, posY=470;
var viewWidth = 0;
var viewHeight = 0;
var start=0;

function startPosition()
{
var scrollbox = document.getElementById('scrollbox');
scrollbox.scrollTop = 470;
}

function zoom_in()	{
	var scrollbox = document.getElementById('scrollbox');
	//alert(scrollbox.scrollTop);
	//scrollbox.scrollTop = 300;
	//scrollbox.scrollLeft = 1600;
	

	var map = document.getElementById('map');
	var zoom_in = document.getElementById('zoom_in');
	var zoom_out = document.getElementById('zoom_out');
	var imagebox = document.getElementById('imagebox');
	var scrollbox = document.getElementById('scrollbox');
	
	
	map.className = 'map_big';
	scrollbox.className = 'block_big';
	
	if (navigator.appName == "Netscape"){
		imagebox.className = 'imagebox_big';
		imagebox.style.position = 'relative';
	} else
	{
	imagebox.className = 'imagebox_big';
	}
	
	zoom_in.style.display = 'none';
	zoom_out.style.display = 'block';
	
	scrollbox.scrollTop = 520;
	scrollbox.scrollLeft = 330;

	posY=520;
	posX=330;

	imagebox.style.backgroundImage = 'url("/img/big_map.jpg")';


	
}

function zoom_out()	{
	var map = document.getElementById('map');
	var zoom_in = document.getElementById('zoom_in');
	var zoom_out = document.getElementById('zoom_out');
	var imagebox = document.getElementById('imagebox');
	var scrollbox = document.getElementById('scrollbox');

	map.className = 'map_small';
	scrollbox.className = 'block_small';
	imagebox.className = 'imagebox_small';
	zoom_in.style.display = 'block';
	zoom_out.style.display = 'none';
	imagebox.style.backgroundImage = 'url("/img/map.jpg")';
	
	scrollbox.scrollTop = 470;
	scrollbox.scrollLeft = 0;

	posY=470;
	posX=0;

}

function test() {
	var t = document.getElementById("spos");
	var sbox = document.getElementById('scrollbox');
	var ibox = document.getElementById('imagebox');
};

function scrollMouse(e){
	if (!e) var e = window.event;
	
	var sbox = document.getElementById('scrollbox');
	var thisX = e.clientX;
	var thisY = e.clientY;
	if (mouseLastX>0) {
		dx = thisX - mouseLastX;
		posX = posX-dx;
		if (posX <0) posX = 0;
		if (posX > (sbox.scrollWidth - viewWidth)) posX = sbox.scrollWidth - viewWidth;
		sbox.scrollLeft = posX;
	}
	if (mouseLastY>0) {
		dy = thisY - mouseLastY;
		posY = posY-dy;
		if (posY <0) posY = 0;
		if (posY > (sbox.scrollHeight - viewHeight)) posY = sbox.scrollHeight - viewHeight;
		sbox.scrollTop = posY;
	};
	mouseLastX = thisX;
	mouseLastY = thisY;
};

startScrollMouse = function (){
	start = 1;
	document.onmousemove = scrollMouse;
};

stopScrollMouse = function (){
	var sbox = document.getElementById('scrollbox');
	start = 0;
	document.onmousemove = null;
	mouseLastX=0;
	mouseLastY=0;
	
};