var map;
var jNormal = new GMapType(G_NORMAL_MAP.getTileLayers(), G_NORMAL_MAP.getProjection(),"マップ");
var jSatellite = new GMapType(G_SATELLITE_MAP.getTileLayers(), G_SATELLITE_MAP.getProjection(),"衛星写真");
	
	
	var iconS = new GIcon();
	iconS.image = "/shared/img/pin.png";
	iconS.shadow = '';
	iconS.iconSize = new GSize(60,31);
	iconS.shadowSize = new GSize(50,31);
	iconS.iconAnchor = new GPoint(8,28);
	iconS.infoWindowAnchor = new GPoint(10,2);
	
	var pointS1 = new GLatLng(35.27425291671969,136.25724524259567);
	var pointS2 = new GLatLng(35.27197335710414,136.26307904720306);
	
	var markerS1 = new GMarker(pointS1,iconS);
	var markerS2 = new GMarker(pointS2, iconS);
	
	var htmlS1 = '<div class="info"><h5>（社）彦根観光協会</h5><p>〒522-0001<br />滋賀県彦根市尾末町1-51<br />TEL：0749-23-0001<br />FAX：0749-26-1919</p></div>';
	var htmlS2 = '<div class="info"><h5>彦根市観光案内所</h5><p>〒522-0007<br />滋賀県彦根市古沢町<br />JR彦根駅構内<br />TEL：0749-22-2954</p></div>';

	var iconP1 = new GIcon();
	iconP1.image = "/shared/img/pin_parking1.png";
	iconP1.shadow = '';
	iconP1.iconSize = new GSize(60,31);
	iconP1.shadowSize = new GSize(50,31);
	iconP1.iconAnchor = new GPoint(8,28);
	iconP1.infoWindowAnchor = new GPoint(10,2);

	var iconP2 = new GIcon();
	iconP2.image = "/shared/img/pin_parking2.png";
	iconP2.shadow = '';
	iconP2.iconSize = new GSize(60,31);
	iconP2.shadowSize = new GSize(50,31);
	iconP2.iconAnchor = new GPoint(8,28);
	iconP2.infoWindowAnchor = new GPoint(10,2);

	var iconP3 = new GIcon();
	iconP3.image = "/shared/img/pin_parking3.png";
	iconP3.shadow = '';
	iconP3.iconSize = new GSize(60,31);
	iconP3.shadowSize = new GSize(50,31);
	iconP3.iconAnchor = new GPoint(8,28);
	iconP3.infoWindowAnchor = new GPoint(10,2);


	var pointP1 = new GLatLng(35.27727909175266,136.25468909740448); //桜庭
	var pointP2 = new GLatLng(35.274960202195835,136.25467032194138); //二の丸
	var pointP3 = new GLatLng(35.27358066133179,136.25298857688904); //大手前
	var pointP4 = new GLatLng(35.274441234818184,136.25695556402206); //いろは松
	var pointP5 = new GLatLng(35.27238941984093,136.25133901834488); //京橋口
	var pointP6 = new GLatLng(35.27020835141801,136.24993354082108); //	本町
	
	var markerP1 = new GMarker(pointP1,iconP1);
	var markerP2 = new GMarker(pointP2,iconP1);
	var markerP3 = new GMarker(pointP3,iconP1);
	var markerP4 = new GMarker(pointP4,iconP2);
	var markerP5 = new GMarker(pointP5,iconP3);
	var markerP6 = new GMarker(pointP6,iconP3);

	var htmlP1 = '<div class="info"><h5>桜場駐車場 [普通車]</h5><table><tr><th>収容台数</th><td>普通車110台</td></tr><tr><th>営業時間</th><td>8:30〜17:00<br />12月〜3月は土日祝のみ営業</td></tr><tr><th>料金</th><td>乗用車 1日400円</td></tr></table></div>';
	var htmlP2 = '<div class="info"><h5>二の丸駐車場 [普通車]</h5><table><tr><th>収容台数</th><td>普通車60台</td></tr><tr><th>営業時間</th><td>8:30〜17:00 年中無休</td></tr><tr><th>料金</th><td>乗用車 1日400円</td></tr></table></div>';
	var htmlP3 = '<div class="info"><h5>大手前駐車場 [普通車]</h5><table><tr><th>収容台数</th><td>普通車25台</td></tr><tr><th>営業時間</th><td>8:30〜17:00 年中無休</td></tr><tr><th>料金</th><td>乗用車 1日400円</td></tr></table></div>';
	var htmlP4 = '<div class="info"><h5>いろは松駐車場 [大型車]</h5><table><tr><th>収容台数</th><td>大型車20台</td></tr><tr><th>営業時間</th><td>8:30〜17:00<br />年中無休</td></tr><tr><th>料金</th><td>観光・マイクロバス 1500円</td></tr></table></div>';
	var htmlP5 = '<div class="info"><h5>京橋口駐車場 [普通・大型]</h5><table><tr><th>収容台数</th><td>普通車160台 / 大型車10台</td></tr><tr><th>営業時間</th><td>普通 24時間営業 /<br />大型 8:30〜17:00 年中無休</td></tr><tr><th>料金</th><td>普通車 2時間まで200円その後1時間ごとにプラス100円（1日最大800円） / 大型車 1500円</td></tr></tabel></div>';
	var htmlP6 = '<div class="info"><h5>本町駐車場 [普通・大型]</h5><table><tr><th>収容台数</th><td>普通車10台 / 大型車4台</td></tr><tr><th>営業時間</th><td>8:30〜17:00 年中無休</td></tr><tr><th>料金</th><td>乗用車 1日400円観光 /<br />マイクロバス 1500円</td></tr></table></div>';

	var flagP;

function mapLoad(str){
	map = new GMap2(document.getElementById("area-map"));
	map.getMapTypes().length = 0; 
	map.addMapType(jNormal);
	map.addMapType(jSatellite);

	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());

	map.setCenter(new GLatLng(35.25823551745827,136.22514724731445),12);

	mapOverlay(str);
	overlayParking();
}

function mapOverlayParking(){
	map.clearOverlays();
	overlayParking();
}

function mapOverlay(str){
	map.clearOverlays();
	
	var icon = new GIcon();
	icon.shadow = "/shared/img/shadow.png";
	icon.iconSize = new GSize(20, 34);
	icon.shadowSize = new GSize(37, 34);
	icon.iconAnchor = new GPoint(9, 34);
	icon.infoWindowAnchor = new GPoint(9, 2);
	icon.infoShadowAnchor = new GPoint(18, 25);

	function createMarker(point, text, type) {
		if(type == "食べる"){ icon.image = "/shared/img/marker1.png"; }
		else if(type == "泊まる"){ icon.image = "/shared/img/marker2.png"; }
		else if(type == "買う"){ icon.image = "/shared/img/marker3.png"; }
		else if(type == "観光スポット"){ icon.image = "/shared/img/marker4.png"; }
		else if(type == "寺社仏閣"){ icon.image = "/shared/img/marker6.png"; }
		else if(type == "企業・団体等"){ icon.image = "/shared/img/marker5.png"; }
		else{icon.image = "/shared/img/marker4.png";}
		
		var marker = new GMarker(point, icon);
		var html = "<div class=\"info\">" + text + "</div>";
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);
		});
		return marker;
	}
	
	
	var request = GXmlHttp.create();
	request.open("GET", "./mark.php?catid="+str, true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var point = new GPoint(parseFloat(markers[i].getAttribute("lng")),parseFloat(markers[i].getAttribute("lat")));
				var marker = createMarker(point, markers[i].firstChild.nodeValue, markers[i].getAttribute("type") );
				map.addOverlay(marker);
			}
		}
	}
	request.send(null);
	

	GEvent.addListener(markerS1, "click", function() {
			markerS1.openInfoWindowHtml(htmlS1);
	});
	GEvent.addListener(markerS2, "click", function() {
			markerS2.openInfoWindowHtml(htmlS2);
	});

	map.addOverlay(markerS1);
	map.addOverlay(markerS2);
	
	flagP = 0;

}

function overlayParking(){
	GEvent.addListener(markerP1, "click", function() {
			markerP1.openInfoWindowHtml(htmlP1);
	});
	GEvent.addListener(markerP2, "click", function() {
			markerP2.openInfoWindowHtml(htmlP2);
	});
	GEvent.addListener(markerP3, "click", function() {
			markerP3.openInfoWindowHtml(htmlP3);
	});
	GEvent.addListener(markerP4, "click", function() {
			markerP4.openInfoWindowHtml(htmlP4);
	});
	GEvent.addListener(markerP5, "click", function() {
			markerP5.openInfoWindowHtml(htmlP5);
	});
	GEvent.addListener(markerP6, "click", function() {
			markerP6.openInfoWindowHtml(htmlP6);
	});
		
	map.addOverlay(markerP1);
	map.addOverlay(markerP2);
	map.addOverlay(markerP3);
	map.addOverlay(markerP4);
	map.addOverlay(markerP5);
	map.addOverlay(markerP6);
	
	flagP =1;
}


function setMarker(str){
	map.clearOverlays();
}

function getMarker(str){
//	alert(document.getElementsByClassName("info"));
//	document.getElementsByClassName("info").style.display= 'none';
}

function mapLocation(nlng, nlat, nzoom){
	map.setCenter(new GLatLng(nlat, nlng), nzoom, G_NORMAL_MAP);
}

function openWin(str){
	if(!flagP){	overlayParking(); }
	if(str == 'P1'){	map.setCenter(pointP1,16);markerP1.openInfoWindowHtml(htmlP1);}
	if(str == 'P2'){	map.setCenter(pointP2,16);markerP2.openInfoWindowHtml(htmlP2);}
	if(str == 'P3'){	map.setCenter(pointP3,16);markerP3.openInfoWindowHtml(htmlP3);}
	if(str == 'P4'){	map.setCenter(pointP4,16);markerP4.openInfoWindowHtml(htmlP4);}
	if(str == 'P5'){	map.setCenter(pointP5,16);markerP5.openInfoWindowHtml(htmlP5);}
	if(str == 'P6'){	map.setCenter(pointP6,16);markerP6.openInfoWindowHtml(htmlP6);}
}