var marker1;
var marker2;
var marker3;
var marker4;
var marker5;
var marker6;
var marker7;
var marker8;
var marker9;
var marker10;
var marker11;

function initialize() {
		
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    var position2 = new GControlPosition(G_ANCHOR_TOP_RIGHT);
    map.addControl(new GLargeMapControl(),position2);
    map.setCenter(new GLatLng(38.163526,140.394571), 15);

    var markerIcon = new GIcon();
    markerIcon.image = "./images/p_map/parkinglot01.png";
    markerIcon.shadow = "./images/p_map/parkinglot02.png";
    markerIcon.iconSize = new GSize(32, 32);
    markerIcon.shadowSize = new GSize(70, 32);
    markerIcon.iconAnchor = new GPoint(21, 56);
    markerIcon.infoWindowAnchor = new GPoint(21, 28);

    var opts = {
    	icon:markerIcon
    	};

    marker1 = new GMarker(new GLatLng(38.17299,140.397012),opts);
    marker2 = new GMarker(new GLatLng(38.172454,140.397946),opts);
    marker3 = new GMarker(new GLatLng(38.171054,140.397881),opts);
    marker4 = new GMarker(new GLatLng(38.170268,140.397015),opts);
    marker5 = new GMarker(new GLatLng(38.162309,140.394738),opts);
    marker6 = new GMarker(new GLatLng(38.161877,140.394566),opts);
    marker7 = new GMarker(new GLatLng(38.158806,140.395918),opts);
    marker8 = new GMarker(new GLatLng(38.146514,140.390712),opts);
    marker9 = new GMarker(new GLatLng(38.146284,140.390553),opts);
    marker10 = new GMarker(new GLatLng(38.164726,140.395328),opts);
    marker11 = new GMarker(new GLatLng(38.163526,140.394571),opts);
    
    map.addOverlay(marker1);
    map.addOverlay(marker2);
    map.addOverlay(marker3);
    map.addOverlay(marker4);
    map.addOverlay(marker5);
    map.addOverlay(marker6);
    map.addOverlay(marker7);
	map.addOverlay(marker8);
	map.addOverlay(marker9);
	map.addOverlay(marker10);
	map.addOverlay(marker11);
	

//竜山駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker1, "click", function() {
    marker1.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">竜山駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky01_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】40台程度' +
'</p>' +
'</div>' +
'</div>');
});

//ペイントホール前マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker2, "click", function() {
    marker2.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">ペイントホール前</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky02_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../stay/daimaru.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】20台程度' +
'</p>' +
'</div>' +
'</div>');
});
    
//上の台第一駐車場 マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker3, "click", function() {
    marker3.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">上の台第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky03_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../stay/daimaru.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-【支払い方法】現金【収容台数】50台程度' +
'</p>' +
'</div>' +
'</div>');
});

//上の台第二駐車場ナチュラリストの家マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker4, "click", function() {
    marker4.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">上の台第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky04_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-【支払い方法】現金【収容台数】20台程度' +
'</p>' +
'</div>' +
'</div>');
});

//横倉第一駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker5, "click", function() {
    marker5.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">横倉第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku01_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】40台程度' +
'</p>' +
'</div>' +
'</div>');
});

//横倉第二駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker6, "click", function() {
    marker6.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">横倉第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku02_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});

//アストリアホテル前駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker7, "click", function() {
    marker7.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">アストリアホテル前駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku03_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});

//黒姫リフト前第一駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker8, "click", function() {
    marker8.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">黒姫リフト前第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku04_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});

//黒姫リフト前第二駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker9, "click", function() {
    marker9.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">黒姫リフト前第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku05_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});

//温泉駅前第一駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker10, "click", function() {
    marker10.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">温泉駅前第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/tyuoh01_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});

//温泉駅前第二駐車場マーカーをクリックしたら、吹き出しを表示する
GEvent.addListener(marker11, "click", function() {
    marker11.openInfoWindowHtml('<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">温泉駅前第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/tyuoh02_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>');
});
  
  }
}

function openRyuzan_p() {
	  var contentStr01 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">竜山駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky01_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】40台程度' +
'</p>' +
'</div>' +
'</div>';
  marker1.openInfoWindowHtml(contentStr01);
}

function openPaintholl() {
	  var contentStr02 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">ペイントホール前</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky02_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../stay/daimaru.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】20台程度' +
'</p>' +
'</div>' +
'</div>';
  marker2.openInfoWindowHtml(contentStr02);
}



function openUwanodai1() {
	  var contentStr03 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">上の台第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky03_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../stay/daimaru.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-【支払い方法】現金【収容台数】50台程度' +
'</p>' +
'</div>' +
'</div>';
  marker3.openInfoWindowHtml(contentStr03);
}

function openUwanodai2() {
	  var contentStr04 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">上の台第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sky04_as.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-【支払い方法】現金【収容台数】20台程度' +
'</p>' +
'</div>' +
'</div>';
  marker4.openInfoWindowHtml(contentStr04);
}

function openYokokura1() {
	  var contentStr05 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">横倉第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku01_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】40台程度' +
'</p>' +
'</div>' +
'</div>';
  marker5.openInfoWindowHtml(contentStr05);
}

function openYokokura2() {
	  var contentStr06 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">横倉第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku02_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker6.openInfoWindowHtml(contentStr06);
}

function openAsutria() {
	  var contentStr07 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">アストリアホテル前駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku03_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker7.openInfoWindowHtml(contentStr07);
}

function openKurohime1() {
	  var contentStr08 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">黒姫リフト前第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku04_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker8.openInfoWindowHtml(contentStr08);
}

function openkurohime2() {
	  var contentStr09 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">黒姫リフト前第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/sanroku05_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker9.openInfoWindowHtml(contentStr09);
}

function openOnsen1() {
	  var contentStr10 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">温泉駅前第一駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/tyuoh01_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker10.openInfoWindowHtml(contentStr10);
}

function openOnsen2() {
	  var contentStr11 = '<div style="overflow-x: auto; overflow-y: auto; width:360px;height:210px;">' +
'<h4 style="margin-bottom: 5px;">温泉駅前第二駐車場</h4>' +
'<div style="width:320px">' +
'<div style="width:120px;float:left">' +
'<p style="border-bottom:1px dotted #b6b6b6;padding-bottom:5px;margin-bottom:5px;">' +
'<img src="../images/p_map/tyuoh02_a.jpg" width="100">' +
'</p>' +
'<p>' +
'<a href="../spa/asahikousen.html">' +
'<img src="../images/commons/btm02.jpg" alt="詳細を見る"></a></p>' +
'</div>' +
'<p style="width:170px;float:right">' +
'【料金情報】-円<br />【支払い方法】現金<br />【収容台数】30台程度' +
'</p>' +
'</div>' +
'</div>';
  marker11.openInfoWindowHtml(contentStr11);
}