﻿//#################################################################################
//####################　　　　　GoogleMap 関連　　　　　###########################
//#################################################################################


//csvデータを読み込み。配列pointData に格納
pointData = new Array();
pointDataTemp = new Array();
var cr = String.fromCharCode(13);

function sepalate(){
	for(i=0; i<pointData.length; i++){
		pointData[i] = pointData[i].split(",");
	}
}

//生成したアイコンの配置＆店舗リストから指定した時に使用する位置情報を情報ウィンドウの内容の配列（"htmlData","openPointData"）を生成
htmlData = new Array();//情報ウィンドウデータ（連想配列）
openPointData = new Array();//位置情報データ（連想配列）
function setIcon() {
	for(i=0; i<pointData.length; i++){
		if(pointData[0]){
			var pnt = new GLatLng(pointData[i][1],pointData[i][0]);
			htmlData[pointData[i][2]] = '<div id="info"><h1>' + pointData[i][2] + '</h1><img src="' + pointData[i][3] + '" /><p>' + pointData[i][4] + '</ p><br /><a href="' + pointData[i][5] + '" target="_blank">詳細はこちら</a></ div>';
			openPointData[pointData[i][2]] = pnt;
			makeIcon(pnt,htmlData[pointData[i][2]]);
		}
	}
}

function setIconH() {
	for(i=0; i<pointData.length; i++){
		if(pointData[0]){
			var pnt = new GLatLng(pointData[i][1],pointData[i][0]);
			htmlData[pointData[i][2]] = '<div id="info"><h1>' + pointData[i][6] + '</h1><img src="' + pointData[i][3] + '" /><p>' + pointData[i][4] + '</ p><br /><a href="' + pointData[i][7] + '" target="_blank">&#35443;&#32048;&#35498;&#26126;</a></ div>';
			openPointData[pointData[i][2]] = pnt;
			makeIcon(pnt,htmlData[pointData[i][2]]);
		}
	}
}

//アイコンの生成
function makeIcon(point,message){
	var marker = new GMarker(point,ic01);
      	GEvent.addListener(marker, 'click', function() {marker.openInfoWindowHtml(message)});
	map.addOverlay(marker);
}


function panArea(an){
	map.closeInfoWindow();
	var pnt = new GLatLng(areaList[an][1],areaList[an][0]);
	map.setCenter(pnt,areaList[an][2]);
}



//#################################################################################
//####################　　　　　ページ自動更新　　　　　###########################
//#################################################################################

//******************エリアページの道路別リストを表示する関数******************

function setInfoBox(area){
	mainBox = document.getElementById('area_middle');
	kokudou = new Array();
	doudou = new Array();

	//国道と道道に振り分け
	for(i=0; i<pointData.length; i++){
			if(pointData[i][9] == '国道')kokudou.push(pointData[i]);
			else doudou.push(pointData[i]);
	}

	//国道をソート	
	kokudou.sort(function(a, b) {
		a[10] -= 0;
		b[10] -= 0;
		if(a[10] == b[10]){
			return (a[0] > b[0]) ? 1 : -1;
		}
		return (a[10] > b[10]) ? 1 : -1;
	});	

	//道道をソート
	doudou.sort(function(a, b) {
		a[10] -= 0;
		b[10] -= 0;
		if(a[10] == b[10]){
			return (a[0] > b[0]) ? 1 : -1;
		}
		return (a[10] > b[10]) ? 1 : -1;
	});

	pointData = kokudou.concat(doudou);

	iBox = new Array();
	iBoxTemp = new Array();
	roadNum = new Array();
	rdCount = 0;

	for(i=0; i<pointData.length; i++){
		if(pointData[i][8] == area){//該当エリアを抽出
			iBoxTemp.push(pointData[i]);
			var ck = false;//道路別のリスト作成
			for(n=0; n<roadNum.length; n++){
				if(roadNum[n]==pointData[i][10])ck=true;
			}
			if(ck == false)roadNum.push(pointData[i][10])
		}
	}

	
	for(i=0; i<roadNum.length; i++){
		var ibHead ='';
		var ibMain ='';
		var ibFoot = '</p></div>';
		var roadType ='';
			for(n=0; n<iBoxTemp.length; n++){
				if(iBoxTemp[n][10] == roadNum[i]){
					if(iBoxTemp[n][9] == '国道'){roadType = 'is_';}else{roadType = 'd_';}
					ibMain += '<a href="' + iBoxTemp[n][7] + '">' + iBoxTemp[n][6] + '</a>';
				}
			}
			ibHead = '<div class="iBox"><img src="img/area/' + roadType + roadNum[i] + '.gif"><p>';
			iBox += ibHead + ibMain + ibFoot;
			if((i+1)%4 == 0) iBox += '<div style="clear:both;"></div>';
	}
	mainBox.innerHTML = '<h1><img src="img/area/title01.gif" alt="道路別　道の駅index" width="248" height="20"></h1>' + iBox + '<div style="clear:both; padding:10px;">&nbsp;</div></div>';

}


//******************トップページの道路別リストを表示する関数******************

function indexList(){
	kokudou = new Array();
	doudou = new Array();

	//国道と道道に振り分け
	for(i=0; i<pointData.length; i++){
			if(pointData[i][9] == '国道')kokudou.push(pointData[i]);
			else doudou.push(pointData[i]);
	}

	//国道をソート	
	kokudou.sort(function(a, b) {
		a[10] -= 0;
		b[10] -= 0;
		if(a[10] == b[10]){
			return (a[0] > b[0]) ? 1 : -1;
		}
		return (a[10] > b[10]) ? 1 : -1;
	});	

	//道道をソート
	doudou.sort(function(a, b) {
		a[10] -= 0;
		b[10] -= 0;
		if(a[10] == b[10]){
			return (a[0] > b[0]) ? 1 : -1;
		}
		return (a[10] > b[10]) ? 1 : -1;
	});

	pointData = kokudou.concat(doudou);

	iBox = new Array();
	iBoxTemp = new Array();
	roadNum = new Array();
	rdCount = 0;
	boxList = new Array('area01','area02','area03','area04','area05','area06','area07','area08','area09','area10')

	for(n=0; n<boxList.length; n++){
		p = document.getElementById(boxList[n]);
		var templist ='';
		for(i=0; i<pointData.length; i++){
			if(pointData[i][8] == (n+1)){//該当エリアを抽出
			templist += '<a href="' + pointData[i][7] + '">' + pointData[i][6] + '</a>'
			}
		}
		p.innerHTML = templist;
	}
}


