// JavaScript Document

//フロント用
function gmapSet() {
  if (GBrowserIsCompatible()) {
		
		map = new GMap2(document.getElementById("map"));
		
		map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
		map.setCenter(mapCenter, 16);
		
		shop = new GMarker(point);
    map.addOverlay(shop);
		shop.openInfoWindowHtml(map_title);
		GEvent.addListener(shop, "click", function() {
			shop.openInfoWindowHtml(map_title);
		});
  }
}


//シンプル版
function gmapLoadSimple() {
  if (GBrowserIsCompatible()) {
		
		map = new GMap2(document.getElementById("map"));
		
		var icon = new GIcon(); 
		icon.image = url+"img/gmarker.png"; 
		icon.shadow = url+"img/gshadow.png"; 
		icon.shadowSize = new GSize(50,45); 
		icon.iconSize = new GSize(30,45); 
		icon.iconAnchor = new GPoint(15,45); 
		
		map.addControl(new GMapTypeControl());
    //map.addControl(new GOverviewMapControl());
		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
		map.setCenter(mapCenter, 16);
		
		shop = new GMarker(point, {'icon':icon, title:msgbody});
    map.addOverlay(shop);
  }
}


//==================================================================

//管理画面用
function gmapLoad() {
  if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		
		map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
		map.setCenter(mapCenter, 16);
		
		shop = new GMarker(point, {title:map_title});
    map.addOverlay(shop);
		/*
		shop.openInfoWindowHtml(map_title);
		GEvent.addListener(shop, "click", function() {
			shop.openInfoWindowHtml(map_title);
		});
		*/
		GEvent.addListener(map, "drag", moveCenter);
		
		
		//中心の座標を取得する
		var latlng = map.getCenter();
		var lat = latlng.lat();
		var lng = latlng.lng();
		/*var str = "(緯度,経度)=(" + lat + "," + lng + ")";
		alert(str);*/
		
		$("input[name='lat']").val(lat);
		$("input[name='lon']").val(lng);
		
		
		//cross_px：十字の横幅・縦幅（ピクセル）
		//cross_td：十字の太さ（ピクセル）
		//cross_cr：十字の色（スタイルシートと同様の書式）
		var cross_px = 60;
		var cross_td = 2;
		var cross_cr = "red";
		
		//十字の縦線のエレメントを設定    
		var cross_h_emt =  document.createElement("div");
		//IE用にfontSizeを最小値
		cross_h_emt.style.fontSize = "1px";
		cross_h_emt.style.margin = "0px";
		cross_h_emt.style.padding = "0px";
		cross_h_emt.style.width = cross_px + "px";
		cross_h_emt.style.height = cross_td + "px";
		cross_h_emt.style.backgroundColor = cross_cr;
		
		//十字の横線のエレメントを設定
		var cross_v_emt =  document.createElement("div");
		cross_v_emt.style.margin = "0px";
		cross_v_emt.style.padding = "0px";
		cross_v_emt.style.width = cross_td+"px";
		cross_v_emt.style.height = cross_px + "px";
		cross_v_emt.style.backgroundColor = cross_cr;
		
		//十字（縦・横線）の位置を計算
		var MapPX = map.getSize();
		var mycenterHX = MapPX.width  / 2 - cross_px / 2;
		var mycenterHY = MapPX.height / 2 - cross_td / 2;
		var mycenterVX = MapPX.width  / 2 - cross_td / 2;
		var mycenterVY = MapPX.height / 2 - cross_px / 2;
		
		var mycenter_H = new GSize(mycenterHX,mycenterHY);
		var myposH = new GControlPosition(G_ANCHOR_TOP_LEFT, mycenter_H);
		myposH.apply(cross_h_emt);
		map.getContainer().appendChild(cross_h_emt); 
		
		var mycenter_V = new GSize(mycenterVX,mycenterVY);
		var myposV = new GControlPosition(G_ANCHOR_TOP_LEFT, mycenter_V);
		myposV.apply(cross_v_emt); 
		map.getContainer().appendChild(cross_v_emt);
  }
}

function moveCenter(){
  var nowPoint = map.getCenter();
	var lat = nowPoint.lat();
	var lng = nowPoint.lng();
	
	$("input[name='lat']").val(lat);
	$("input[name='lon']").val(lng);
}