// JavaScript Document

function load() {
	
	if (GBrowserIsCompatible()) {
		
		var markers = [];
		
		var map = new GMap2(document.getElementById("Map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());

		map.setCenter(new GLatLng(40.75519,-73.979616), 13);
		
		//Icon Setup
		var tinyIcon = new GIcon();
		tinyIcon.image = "http://www.ejapion.com/asset_gourmet/img/mm_20_red.png";
		tinyIcon.shadow = "http://www.ejapion.com/asset_gourmet/img/mm_20_shadow.png";
		tinyIcon.iconSize = new GSize(12, 20);
		tinyIcon.shadowSize = new GSize(22, 20);
		tinyIcon.iconAnchor = new GPoint(6, 20);
		tinyIcon.infoWindowAnchor = new GPoint(10, -8);
		
		markerOptions = { icon:tinyIcon };

		//CALL XML
		
		var request = GXmlHttp.create();

		if(selected_issue)
		{
			request.open("GET","/js/pickup_map.ej?issue=" + selected_issue,true);
		}else{
			request.open("GET","/js/pickup_map.ej",true);
		}
		
		request.onreadystatechange = function(){

			if(request.readyState == 4){

				//var xmlDoc = request.responseXML;
				var xmlDoc = GXml.parse(request.responseText);

				markers = xmlDoc.documentElement.getElementsByTagName("restaurant");

				for(var i = 0;i<markers.length;i++)
				{

					var issue = markers[i].getAttribute("issue");
					var name = markers[i].getAttribute("name");
					var food_j = markers[i].getAttribute("food_j");
					var food_e = markers[i].getAttribute("food_e");
					var address_a = markers[i].getAttribute("address_a");
					var address_g = markers[i].getAttribute("address_g");
					
					var ads = address_g.split(",");
					var point = new GLatLng(ads[0],ads[1]);
					
					var html = "<table height=\"70\"><tr><td width=\"150\"><img src=\"http://www.ejapion.com/asset_gourmet/issue_imgs/pickup/" + issue + "_pic1.jpg\" width=\"150\"></td><td width=\"200\"><div>" + issue + "号掲載<br />" + food_j + "<br />" + food_e + "<br />" + name + "</div><div>" + address_a + "</div><div><a href=\"http://www.ejapion.com/gourmet/pickup/" + issue + "\" target=\"blank\">もっと詳しく読む</a></div></td></tr></table>";

					var jumper = 'http://www.ejapion.com/gourmet/pickup/' + issue;
					
					if(markers.length == 1)
					{
						CreateMarkerPointed(point,html,jumper);
						map.setCenter(point, 14);
					}else{
						CreateMarker(point,html,jumper);
					}
					
				}//for()
				
			}//if()
		}//function()
		
		
		function CreateMarker(point,html,jumper)
		{

			var marker = new GMarker(point,markerOptions);

			GEvent.addListener(marker,"mouseover",function(){
			marker.openInfoWindowHtml(html);
					});
			
			GEvent.addListener(marker,"click",function(){
			location.href=jumper;
					});
			
			map.addOverlay(marker);
			
			map.refresh;
		}
		
		function CreateMarkerPointed(point,html,jumper)
		{
			var marker = new GMarker(point,markerOptions);
			
			GEvent.addListener(marker,"mouseover",function(){
			marker.openInfoWindowHtml(html);
					});
			
			GEvent.addListener(marker,"click",function(){
			location.href=jumper;
					});

			map.addOverlay(marker);
			marker.openInfoWindowHtml(html);	
			map.refresh;
		}
		
		request.send(null);
		
	}//if()
		
}//load