northButton.onRollOver = function()
{
	northButton.onEnterFrame = function()
	{
		var viewportBounds = _root.viewport.getBounds("_root");
	
		if ((_root.bigMap._y + 10) >= (viewportBounds.yMin))
		{
			// de grote map heeft de rand van de viewport bereikt -> niet verder scrollen!
			delete northButton.onEnterFrame;
		}
		else
		{
			_root.bigMap._y += 10;
		}
	}
}

northButton.onRollOut = function()
{
	delete northButton.onEnterFrame;
}

eastButton.onRollOver = function()
{
	eastButton.onEnterFrame=function()
	{
		if (_root.bigMap._x <= -170)
		{
			// de grote map heeft de rand van de viewport bereikt -> niet verder scrollen!
			delete eastButton.onEnterFrame;
		}
		else
		{
			_root.bigMap._x -= 10;
		}
	}
}

eastButton.onRollOut = function()
{
	delete eastButton.onEnterFrame;
}


southButton.onRollOver = function()
{
	southButton.onEnterFrame = function()
	{
		if (_root.bigMap._y <= -555)
		{
			// de grote map heeft de rand van de viewport bereikt -> niet verder scrollen!
			delete southButton.onEnterFrame;
		}
		else
		{
			_root.bigMap._y -= 10;
		}
	}
}

southButton.onRollOut = function()
{
	delete southButton.onEnterFrame;
}

westButton.onRollOver = function()
{
	westButton.onEnterFrame = function()
	{
		if (_root.bigMap._x >= 95)
		{
			// de grote map heeft de rand van de viewport bereikt -> niet verder scrollen!
			delete westButton.onEnterFrame;
		}
		else
		{
			_root.bigMap._x += 10;
		}
	}
}

westButton.onRollOut = function()
{
	delete westButton.onEnterFrame;
}