var map;
var point;
var svpoint;
var svpov;
var sv;
var svc;
var mapDiv = "#map";
var infoWin = "";
var svlink;

function InitMap(){
	infoWin = $(mapDiv).html();
	$(mapDiv).empty();
	if (GBrowserIsCompatible()){
		load_map();
		svpoint = new GLatLng(34.734599,135.317338);
		svpov = {yaw:330,pitch:0.002548};

		svc = new GStreetviewClient();
		svc.getNearestPanorama(point,showSVLink);
	}	
}

function load_map() {
	map = new GMap2(document.getElementById("map"));
	point = new GLatLng(34.7349822, 135.3170888);
	
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(point, 15);
}

function showSVLink(data){
	if(data.code == 200){
		var svlink = $('<p id="SVLink"><a href="javascript:void(0);">ストリートビュー</a></p>');
		var info = $(infoWin);
		svlink.find("a").bind("click",data,showSV);
		info.append(svlink);
	}
	map.openInfoWindowHtml(map.getCenter(),info.get()[0]);
}

function showSV(ev){
	var data = ev.data;
	if(data.code == 200){
		if(!sv){
			initSV(data.location);
		}
		$("#sv").show();
		$("#map").hide();
	}
}

function showMap(){
	$("#map").show();
	$("#sv").hide();
}

function initSV(loc){
	var svelm = $("#svView").get()[0];
	var options = {latlng:svpoint, pov:svpov};

	sv = new GStreetviewPanorama(svelm, options);
}

$(document.body).ready(InitMap);