var baseIcon = new GIcon;
baseIcon.shadow = "images/point.gif";
baseIcon.iconSize = new GSize(28,26);
baseIcon.iconAnchor = new GPoint(14,13);
baseIcon.shadowSize = new GSize(28,26);
iconName = ['a','b','c','d','e','f'];

var map;

function load() {
  if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	var lon_a = '135.42447835206985';	var lat_a = '34.69806878907035';
	var lon_c = '135.429497';	var lat_c = '34.707257';
	var lon_z = '135.429368';	var lat_z = '34.697749';
		var build = new GLatLng( lat_a, lon_a);
		var center = new GLatLng( lat_c, lon_c);
		var zoomCenter = new GLatLng( lat_z, lon_z);
	map.setCenter(center, 14);
	var aura = new GMarker(build);
	map.addOverlay(aura);
	map.addControl(new GSmallZoomControl());
	GEvent.addListener(aura, "click", function(){
		map.setZoom(14);
		map.panTo(zoomCenter);
		popupInfo(map,build);
		document.getElementById("msg").innerHTML = '<img src="images/photo0.jpg" width="256" height="166" />';
//		map.openInfoWindowHtml(build,'<div style="font-size:12px;line-height:125%"><strong>宏和製作株式会社</strong><br />大阪市西淀川区中島2-1-105<br />Tel. <strong style="color: #CC3300;">06-6471-1432</strong>　Fax. 06-6471-1435<br /><br /><a href="../company/">会社概要</a>　|　<a href="../inquiry/">お問い合わせ</a></div>');
//		document.getElementById("msg").innerHTML = '<img src="images/photo0.jpg" width="256" height="166" />';
	});
//	GEvent.addListener(map, "click", moveCenter);

	var request = GXmlHttp.create();
	request.open("GET","point.xml",true);
	request.onreadystatechange = function(){
		if(request.readyState == 4){
			var res = request.responseXML;
			
			var xmlDoc = res.documentElement
			var markers = xmlDoc.getElementsByTagName("marker");
			for(var i=0; i < markers.length; i++){
				var lon_p = parseFloat(markers[i].getAttribute("lon"));
				var lat_p = parseFloat(markers[i].getAttribute("lat"));
				var my	  = parseFloat(markers[i].getAttribute("my"));
				var point = new GLatLng(lat_p, lon_p);
				var marker = createIcon(map,point,i);
				map.addOverlay(marker);
			}

		}
	}
	request.send('');
	document.getElementById("msg").innerHTML = '<img src="images/photo0.jpg" width="256" height="166" />';

  }

}

function createIcon(map, point, index){

	var icon = new GIcon(baseIcon);
	icon.image = "./images/point_"+ iconName[index] + ".gif";
	var marker = new GMarker(point,{title:'クリック', icon:icon});
	index = index+1;
	GEvent.addListener(marker, "click", function(){
		map.setZoom(15);
		map.panTo(point);
		document.getElementById("msg").innerHTML = '<img src="images/photo'+index+'.jpg" width="256" height="166" />';
	});
//	GEvent.addListener(marker, "click", moveCenterPoint);
	return marker;

}

function moveCenter(overlay, point){
		map.setZoom(15);
		map.panTo(point);
//		document.getElementById("msg").innerHTML = point;
}

function movePoint(key,lat, lon){

	var point = new GLatLng( lat, lon);
	map.setZoom(15);
	map.panTo(point);
	document.getElementById("msg").innerHTML = '<img src="images/photo'+key+'.jpg" width="256" height="166" />';

}

function popupInfo(map,build){
		map.openInfoWindowHtml(build,'<div style="font-size:12px;line-height:125%"><strong>宏和製作株式会社</strong><br />大阪市西淀川区中島2-1-105<br />Tel. <strong style="color: #CC3300;">06-6471-1432</strong>　Fax. 06-6471-1435<br /><br />&gt; <a href="../company/">会社概要</a>　&gt; <a href="../inquiry/">お問い合わせ</a></div>');
}