$(document).ready(function() {
	var DragFlag = 0;
	var MapPosition = $("#MapLayer").position();
	var Map = {
		LeftOffset : MapPosition.left, 
		TopOffset : MapPosition.top,
		MX : 0, 
		MY : 0,
		Shift : 30
	};
	$('#WestArrow').click(function() {
		MoveMap(-Map.Shift,0);
	});
	$('#NorthArrow').click(function() {
		MoveMap(0,-Map.Shift);
	});
	$('#EastArrow').click(function() {
		MoveMap(Map.Shift,0);
	});
	$('#SouthArrow').click(function() {
		MoveMap(0,Map.Shift);
	});
	$('#MapLayer').mousedown(function(e) {
		DragFlag = 1; Map.MX = e.pageX; Map.MY = e.pageY;
		/*$('#MapLayer').css("cursor","-moz-grabbing");*/
	});
	$('#MapLayer').mouseup(function(e) {
		if(DragFlag) {
			DX = (Map.MX-e.pageX);
			DY = (Map.MY-e.pageY);
			MoveMap(DX,DY);
		}
		/*$('#MapLayer').css("cursor","-moz-grab");*/
		DragFlag = 0;
	});
	$('#MapLayer').mousemove(function(e) {
		if(DragFlag) {
			DX = Map.MX-e.pageX;
			DY = Map.MY-e.pageY;
			Map.MX = e.pageX; Map.MY = e.pageY;
			MoveMap(DX,DY);
		}
	});
	$('#MapLayer').mouseout(function(e) {
		DragFlag && (DragFlag = 0);
	});
	function MoveMap(DX,DY) {
		Map.LeftOffset-=DX;
		Map.TopOffset-=DY;
		$(".MapItem").each(function(i) {
			var ItemPosition = $(this).position();
			ItemPosition.left-=DX;
			ItemPosition.top-=DY;
			$(this).css("left",ItemPosition.left).css("top",ItemPosition.top);
		});
		$('#MapLayer').css("left",Map.LeftOffset).css("top",Map.TopOffset);
	}
	$("a.effect-on-start").effect("pulsate", {}, 1000);
});