var googlemapApiKey = 'ABQIAAAAzYRIYl6wSp4_FUEaDXJ4sBTu1UzPnQUxTlyeIZ6pVEcN96G5PhSl9JZmhTdc06fpLKltw7Zu--HJyQ';
$('<div id="contact-map" class="large"></div>').appendTo('#map');
$('#map .toggle').click(toggleContactMap);
$('#map .small').click(toggleContactMap);

function loadGmap() // Google Map API
{
	var a_lat =25.05789;
	var a_long = 121.53284;
	if (GBrowserIsCompatible()) 
	{
		//$('#contact-map').show();
		var map = new GMap2(document.getElementById('contact-map'));
			map.setCenter(new GLatLng(a_lat,a_long), 15);
			map.setUIToDefault();
		var point = new GLatLng(a_lat,a_long);
		var marker = new GMarker(point);
			map.addOverlay(marker);
		//$('#contact-map').hide();
	}
}

function toggleContactMap()
{
	var cmap = $('#contact-map');
	if(cmap.is(':visible') ) 
	{
		$('#map .toggle').text('展開地圖');
		cmap.hide();
		jQuery.event.remove(document, 'mousedown'); // 刪除:按任一處縮回
	} 
	else 
	{
		$('#map .toggle').text('縮回地圖');
		cmap.show();
		if(cmap.attr('loaded')!='1') {
			loadGmap();
			cmap.attr('loaded','1')
		}
		cmap.css({width:'112px', height:'112px'})
		cmap.animate({width:'500px', height:'350px'}, 500);
		$(document).mousedown(toggleContactMap) // 按任一處縮回
		// 展開地圖高度超過瀏覽器可視高度, 往下捲
		var scroll_gap = cmap.offset().top - $(document).scrollTop()
		if( scroll_gap > cmap.height() )
			$('html, body').animate({scrollTop: cmap.offset().top - ($(window).height()-cmap.height())/2 }, 'slow')
	}
}