var map;
var myPano;   
var panoClient;
var nextPanoId;
var myMark;

function initialize() {
	if (GBrowserIsCompatible()) {
		var fenwayPark = new GLatLng(43.090171,141.275727);
		var fenwayPOV = {yaw:270,pitch:0};

		panoClient = new GStreetviewClient(); 
		myPano = new GStreetviewPanorama(document.getElementById("street"));
		
		map = new GMap2(document.getElementById("gmap"));
		map.setCenter(fenwayPark, 18);
/*
		svOverlay = new GStreetviewOverlay();
		map.addOverlay(svOverlay);
*/
		myMark = new GMarker(fenwayPark);
		map.addOverlay(myMark);
		
		customMarkerObj = new GIcon();
		customMarkerObj.image = "/dao.png";
		customMarkerObj.iconSize = new GSize(32, 32);
		customMarkerObj.iconAnchor = new GPoint(16, 32);

		var DaoMark = new GMarker(new GLatLng(43.090164,141.275487),customMarkerObj);
		map.addOverlay(DaoMark);
		
		ctrlObj = new GSmallMapControl();
		map.addControl(ctrlObj);
		
		map.enableDoubleClickZoom();
		
		myPano.setLocationAndPOV(fenwayPark,fenwayPOV);

		GEvent.addListener(myPano, "yawchanged", yFun);
		GEvent.addListener(myPano, "zoomchanged", zFun);
		GEvent.addListener(myPano, "pitchchanged", pFun);
		GEvent.addListener(myPano, "initialized", iFun);

	}
}

function iFun(mpos){
	myMark.setLatLng(mpos.latlng);
	//alert(myyaw);
}

function yFun(myyaw){
	//alert(myyaw);
}

function zFun(myzoom){
	//alert(myzoom);
}

function pFun(mypich){
	//alert(mypich);
}

$(function(){
	initialize();
});

$(window).unload(function(){
	GUnload()
});