//ボタンのロールオーバー画像切り替え用スクリプト
rollovers=function(off,on){
	img=document.getElementsByTagName("img");
	p=[];
	off_reg=new RegExp(off+"(\.[a-z]+$)","i");
	on_reg=new RegExp(on+"(\.[a-z]+$)","i");
	for(var x=0,i;i=img[x];x++){
		if(i.src.match(off_reg)){
			p[x]=new Image();
			p[x].src=i.src.replace(off_reg,on+"$1");
			i.onmouseover=function(){
				this.src=this.src.replace(off_reg,on+"$1");
			};
			i.onmouseout=function(){
				this.src=this.src.replace(on_reg,off+"$1");
			};
		};
	};
};

window.onload = function(){
  rollovers( "_n" , "_o" );
};

//フォームを別ウィンドウで開く
var objWin;
var nSizeWidth;	
var nSizeHeight;
a = 0;
function WindowOpenForm(win) {
	if(a > 0){
		if(objWin.closed==false)
			objWin.close();
	}
	var strTemp;
	nSizeWidth = 560;
	nSizeHeight = 430;
	strTemp = "width="+nSizeWidth+",height="+nSizeHeight;
	objWin = window.open(win,"",strTemp);
	objWin.window.moveTo(0,0);
	a++;
}

//GoogleMaps関連
//Map内のマーカーの作成
function createMarker(point,html,icon){
	if(icon=='') var marker=new GMarker(point);
	else var marker=new GMarker(point,icon);
	GEvent.addListener(marker,"click",function(){marker.openInfoWindowHtml(html);});
  	return marker;
}

//GoogleMapの表示(ロード時)
function load(){
	//ボタンロールオーバー時の処理
	rollovers( "_n" , "_o" );

	//GoogleMapが表示できないブラウザまたはGET変数が不正な値なら何もしない
	if(GBrowserIsCompatible()){
		//本社の表示
		var map1=new GMap2(document.getElementById("map1"));

		//コントローラの設定
		map1.addControl(new GLargeMapControl());
		map1.addControl(new GMapTypeControl());
		map1.addControl(new GScaleControl());

		//表示中心の設定
		xx = 35.585895;
		yy = 139.727777;
		var point000=new GLatLng(xx,yy);
		map1.setCenter(point000,16);

		//アイコンの表示(本社)
		var imgStation1=new Image();
		imgStation1.src='img/fclimbing_head.jpg';
		var html0='<b>エフ・クライミング本社</b><br><img src="'+imgStation1.src+'" />';
		var point00=new GLatLng(xx,yy);
		var marker = createMarker(point00,html0);
		map1.addOverlay(marker);
		marker.openInfoWindowHtml(html0);

		//京町店の表示
		var map2=new GMap2(document.getElementById("map2"));

		//コントローラの設定
		map2.addControl(new GLargeMapControl());
		map2.addControl(new GMapTypeControl());
		map2.addControl(new GScaleControl());

		//表示中心の設定
		xx = 35.517775;
		yy = 139.694839;
		var point0=new GLatLng(xx,yy);
		map2.setCenter(point0,16);

		//アイコンの表示(バス停)
		var icon=new GIcon();
		icon.image='img/bas.png';
		icon.shadow='img/bas_kage.png';
		icon.iconSize=new GSize(31,38);
		icon.shadowSize=new GSize(31, 38);
		icon.iconAnchor=new GPoint(16,38);
		icon.infoWindowAnchor=new GPoint(15, 2);

//		var imgStation=new Image();
//		imgStation.src='http://map.arches.co.jp/images/img_arches_station.jpg';
		var point1=new GLatLng(35.518081,139.695118);
//		var html1='<b>「京町循環28番」ニノ辻バス停</b><br><img src="'+imgStation.src+'" />';
		var html1='<b>「京町循環28番」ニノ辻バス停</b>';
		map2.addOverlay(createMarker(point1,html1,icon));

		//アイコンの表示(京町店)
		var imgStation2=new Image();
		imgStation2.src='img/fclimbing_kyomachi.jpg';
		var html2='<b>ヒルマ食品京町店</b><br><img src="'+imgStation2.src+'" />';
		var point2=new GLatLng(35.51746,139.69453);
		var marker = createMarker(point2,html2);
		map2.addOverlay(marker);
		marker.openInfoWindowHtml(html2);

		//線を引く
		var points = [];
		points[0] = new GPoint(139.695118,35.518081);
		points[1] = new GPoint(139.695261,35.517692);
		points[2] = new GPoint(139.694512,35.517524);
		points[3] = new GPoint(139.69453,35.51746);
		var polyline = new GPolyline(points, "#0000FF", 4);
		map2.addOverlay(polyline);


		//小田店の表示
		var map3=new GMap2(document.getElementById("map3"));

		//コントローラの設定
		map3.addControl(new GLargeMapControl());
		map3.addControl(new GMapTypeControl());
		map3.addControl(new GScaleControl());

		//表示中心の設定
		xx = 35.50769;
		yy = 139.7005105;
		var point00=new GLatLng(xx,yy);
		map3.setCenter(point00,16);

		//アイコンの表示(バス停)
//		var imgStation=new Image();
//		imgStation.src='http://map.arches.co.jp/images/img_arches_station.jpg';
		var point01=new GLatLng(35.507894,139.698981);
//		var html01='<b>「京町循環28番」浅田3丁目バス停</b>';
		var html01='<b>「京町循環28番」浅田3丁目バス停</b>';
		map3.addOverlay(createMarker(point01,html01,icon));

		//アイコンの表示(小田店)
		var imgStation3=new Image();
		imgStation3.src='img/fclimbing_oda.jpg';
		var html02='<b>ヒルマ食品小田店</b><br><img src="'+imgStation3.src+'" />';
		var point02=new GLatLng(35.507486,139.70204);
		var marker0 = createMarker(point02,html02);
		map3.addOverlay(marker0);
		marker0.openInfoWindowHtml(html02);

		//線を引く
		var points1 = [];
		points1[0] = new GPoint(139.698981,35.507894);
		points1[1] = new GPoint(139.69919,35.507712);
		points1[2] = new GPoint(139.702135,35.508167);
		points1[3] = new GPoint(139.702162,35.507468);
		var polyline1 = new GPolyline(points1, "#0000FF", 4);
		map3.addOverlay(polyline1);
		
		//大岡山店の表示
		var map4=new GMap2(document.getElementById("map4"));

		//コントローラの設定
		map4.addControl(new GLargeMapControl());
		map4.addControl(new GMapTypeControl());
		map4.addControl(new GScaleControl());

		//表示中心の設定
		xx = 35.607214;
		yy = 139.686246;
		var point01=new GLatLng(xx,yy);
		map4.setCenter(point01,17);

		//アイコンの表示(大岡山店)
		var imgStation4=new Image();
		imgStation4.src='img/fclimbing_ookayama.jpg';
		var html04='<b>ヒルママーケットプレイス<br>大岡山店</b><br><img src="'+imgStation4.src+'" />';
		var point04=new GLatLng(35.607214,139.686246);
		var marker4 = createMarker(point04,html04);
		map4.addOverlay(marker4);
		marker4.openInfoWindowHtml(html04);
	}
}