jQuery('#map').hover(
	function () {
		jQuery('#zoom').show();
	},
	function () {
		jQuery('#zoom').hide();
	}
);

/*
var map_is_far = true;
jQuery('#zoom').click(
	function () {
		if (map_is_far) {
			// zoom in
			alert('zooming in');
			
			
			jQuery('#zoom').removeClass('thisZoomIn');
			jQuery('#zoom').addClass('thisZoomOut');
			
			jQuery('#map').removeClass('thisMapFar');
			jQuery('#map').addClass('thisMapClose');
			map_is_far = false;
		} else {
			// zoom out
			alert('zooming out');
			
			jQuery('#zoom').removeClass('thisZoomOut');
			jQuery('#zoom').addClass('thisZoomIn');
			
			jQuery('#map').removeClass('thisMapClose');
			jQuery('#map').addClass('thisMapFar');
			map_is_far = true;
		}
	}
);
*/

var map_is_far = true;
jQuery('.mapZoom').click(
	function () {
		if (map_is_far) {
			// zoom in
			jQuery('.mapZoom').removeClass('zoomOut');
			jQuery('.mapZoom').addClass('noBg');
			jQuery('.mapImage').find('img:first').animate(
				{
					marginTop: '-156px',
					marginLeft: '-171px',
					width: '200%',
					opacity: 0.0
				}, 500, 'swing',
				function () {
					jQuery('.mapZoom').removeClass('noBg');
				}
			);
			
			map_is_far = false;
		} else {
			// zoom out
			jQuery('.mapZoom').removeClass('zoomIn');
			jQuery('.mapZoom').addClass('noBg');
			jQuery('.mapImage').find('img:first').animate(
				{
					marginTop: '0px',
					marginLeft: '0px',
					width: '100%',
					opacity: 100
				}, 500, 'swing',
				function () {
					jQuery('.mapZoom').removeClass('noBg');
				}
			);
			
			map_is_far = true;
		}
	}
);

jQuery('.mapZoom').hover(
		function () {
			if (map_is_far) {
				jQuery('.mapZoom').addClass('zoomOut');
			} else {
				jQuery('.mapZoom').addClass('zoomIn');
			}
		},
		function () {
			if (map_is_far) {
				jQuery('.mapZoom').removeClass('zoomOut');
			} else {
				jQuery('.mapZoom').removeClass('zoomIn');
			}
		}
	);