<?xml version="1.0" encoding="UTF-8" ?>

<Module>

<ModulePrefs
	title="写生地図"
	description="地図上に写生画を投稿できる Web美術館です"
	title_url="http://www.kotoriyama.com/SketchMaps/"
	author="Motoyoshi Shiine"
	author_email="shiinem+coolgadget@gmail.com"
	screenshot="http://www.kotoriyama.com/SketchMaps/image/screenshot.png"
	thumbnail="http://www.kotoriyama.com/SketchMaps/image/thumbnail.png"
	author_location="Fukushima, Japan"
	author_affiliation="Kotoriyama, Inc."
	height="402">
<Require feature="dynamic-height"/>
</ModulePrefs>

<Content type="html">
<![CDATA[

<div style="font-size:12px; text-align:center;">
<div id="image" style="width:260px; height:195px;"></div>
<div id="navi" style="width:260px;"></div>
<div id="map" style="width:260px; height:195px;"></div>
</div>

<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAs41Rccihm-KWx3UN-QtYvBTW26dGazBGDGMvvsSllfSn4gTYpxTDS5d-wkX5-q3PVPwZB63MCjmpfQ"></script>

<script type="text/javascript">
var		g_map;
var		g_id    = [];
var		g_point = [];
var		g_html  = [];
var		g_n     = 0;
var		g_nowId = 0;

if(!GBrowserIsCompatible()){
	_gel("map").innerHTML = "このブラウザでは御利用になれません。<br>";
}else{
	_gel("image").innerHTML = "Loading data...";

	_IG_FetchContent("http://www.kotoriyama.com/SketchMaps/sketch/sketch.txt", sketchTxtLoaded);
}

function	sketchTxtLoaded(dataText){
	var		line = dataText.split("\n");
	var		ext  = [];

	for(var i=0; i<line.length - 1; i++){
		var		word = line[i].split("#C#");

		g_id[i] = parseInt(word[0]);
		ext[i]  = word[1];

		var		lng = parseFloat(word[5]);
		var		lat = parseFloat(word[6]);

		g_point[i] = new GLatLng(lat, lng);
	}

	for(var i=0; i<line.length - 1; i++){
		var		nextId = -1;
		var		prevId = -1;

		if(i != line.length - 2){
			nextId=g_id[i + 1];
		}

		if(0 != i){
			prevId=g_id[i - 1];
		}

		g_html[i] =  '<table cellSpacing=0 cellPadding=0 border=0><tr><td align=center vAlign=middle width=260 height=195>';
		g_html[i] += '<img src="http://www.kotoriyama.com/SketchMaps/sketch/' + g_id[i] + '_m' + ext[i] + '">';
		g_html[i] += '<\/td><\/tr><\/table>';
	}

	g_n     = line.length - 1;
	g_nowId = line.length - 2;

	setInfo();

	_IG_AdjustIFrameHeight();

	g_map = new GMap2(_gel("map"));		// グローバル変数

	g_map.addControl(new GSmallMapControl());	// 上下左右, 拡大縮小

	if(0 <= g_nowId){
		_gel("image").innerHTML = g_html[g_nowId];

		g_map.setCenter(g_point[g_nowId], 12);
	}else{
		_gel("image").innerHTML = "No data...";

		g_map.setCenter(new GLatLng(37.39795919951816, 140.38835138082504), 12);
	}

	function createMarker(point, html, id){
		var		marker = new GMarker(point);

		marker.value = id;

		GEvent.addListener(marker, "click", function(){
			_gel("image").innerHTML=html;
		});

		return marker;
	}

	for(var i=0; i<line.length - 1; i++){
		g_map.addOverlay(createMarker(g_point[i], g_html[i], g_id[i]));
	}
}

function	setInfo()
{
	if(g_nowId == g_n - 1){
		_gel("navi").innerHTML =  '<input type="button" value="<< 前" onclick="pressNext()" disabled>';
		_gel("navi").innerHTML += '<input type="button" value="拡大" onclick="pressZoom()">';
		_gel("navi").innerHTML += '<input type="button" value="次 >>" onclick="pressBefore()">';
	}else if(g_nowId == 0){
		_gel("navi").innerHTML =  '<input type="button" value="<< 前" onclick="pressNext()">';
		_gel("navi").innerHTML += '<input type="button" value="拡大" onclick="pressZoom()">';
		_gel("navi").innerHTML += '<input type="button" value="次 >>" onclick="pressBefore()" disabled>';
	}else{
		_gel("navi").innerHTML =  '<input type="button" value="<< 前" onclick="pressNext()">';
		_gel("navi").innerHTML += '<input type="button" value="拡大" onclick="pressZoom()">';
		_gel("navi").innerHTML += '<input type="button" value="次 >>" onclick="pressBefore()">';
	}
}

function	pressNext()
{
	g_nowId++;

	if(g_n - 1 < g_nowId){
		g_nowId=g_n - 1;
	}else{
		_gel("image").innerHTML=g_html[g_nowId];

		g_map.setCenter(g_point[g_nowId]);
	}

	setInfo();
}

function pressBefore()
{
	g_nowId--;

	if(g_nowId < 0){
		g_nowId = 0;
	}else{
		_gel("image").innerHTML = g_html[g_nowId];

		g_map.setCenter(g_point[g_nowId]);
	}

	setInfo();
}

function	pressZoom()
{
	window.open("http://www.kotoriyama.com/SketchMaps/large.php?id=" + g_id[g_nowId], "new", "");
}

</script>

]]>
</Content>

</Module>



