var map;
$(function(){

	map = new GMap2($("#mapView").get(0));
	map.setCenter(new GLatLng(34.89575202655665, 136.8433427810669), 15);
	map.addControl(new GLargeMapControl(),new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10)));

	var TL = new GTileLayer(new GCopyrightCollection());
	TL.getTileUrl = function(){ return "./images/backTL.jpg" }
	TL.getOpacity = function(){return 0.1}
	map.addOverlay(new GTileLayerOverlay(TL));
	

	map.addOverlay(new GScreenOverlay(
		'./images/map_shadow.png',
		new GScreenPoint(0, -10),
		new GScreenPoint(0, 0),
		new GScreenSize( 2000,10)
	));


	var icon = new GIcon();
	icon.image = "./images/map_p_icon.png";
	icon.iconSize = new GSize(49,45);
	icon.iconAnchor = new GPoint(20,30);
	
	var point = [
		{
			name : "hikari" , 
			lat : 34.89774954100357, 
			lng : 136.848042011261 
		},{
			name : "stella" , 
			lat : 34.89433745776224,
			lng : 136.84609204530716
		},{
			name : "aloha" , 
			lat : 34.89594342046353,
			lng : 136.82602643966675 
		},{
			name : "k_jumbo" , 
			lat : 34.8977627402767, 
			lng : 136.84532761573792 
		}
	];
		
	maker = new Array;
	$(point).each(function(){

		if(this.name == "hikari"){
			maker[this.name] = new GMarker(new GLatLng(this.lat , this.lng),icon);
			map.addOverlay(maker[this.name]);
			maker[this.name].ja = new GLatLng(this.lat , this.lng);
			maker[this.name].name = this.name;
			GEvent.addListener(maker[this.name], "click", function(){
				show(this.name);
			});
			show(this.name);

		}else if(this.name == "stella"){
			maker[this.name] = new GMarker(new GLatLng(this.lat , this.lng),icon);
			map.addOverlay(maker[this.name]);
			maker[this.name].ja = new GLatLng(this.lat , this.lng);
			maker[this.name].name = this.name;
			GEvent.addListener(maker[this.name], "click", function(){
				show2(this.name);
			});
			show2(this.name);		

		}else if(this.name == "aloha"){
			maker[this.name] = new GMarker(new GLatLng(this.lat , this.lng),icon);
			map.addOverlay(maker[this.name]);
			maker[this.name].ja = new GLatLng(this.lat , this.lng);
			maker[this.name].name = this.name;
			GEvent.addListener(maker[this.name], "click", function(){
				show3(this.name);
			});
			show3(this.name);		
		}else if(this.name == "k_jumbo"){
			maker[this.name] = new GMarker(new GLatLng(this.lat , this.lng),icon);
			map.addOverlay(maker[this.name]);
			maker[this.name].ja = new GLatLng(this.lat , this.lng);
			maker[this.name].name = this.name;
			GEvent.addListener(maker[this.name], "click", function(){
				show4(this.name);
			});
			show4(this.name);		
		}

	});

})

var info_win;
function show(name){
	if(info_win)map.removeOverlay(info_win);
	info_win = new CO(name);
	map.addOverlay(info_win);
}
var info_win2;
function show2(name){
	if(info_win2)map.removeOverlay(info_win2);
	info_win2 = new CO(name);
	map.addOverlay(info_win2);
}
var info_win3;
function show3(name){
	if(info_win3)map.removeOverlay(info_win3);
	info_win3 = new CO(name);
	map.addOverlay(info_win3);
}
var info_win4;
function show4(name){
	if(info_win4)map.removeOverlay(info_win4);
	info_win4 = new CO(name);
	map.addOverlay(info_win4);
}

function CO(name) {this.name = name };
CO.prototype = new GOverlay();
CO.prototype.initialize = function() {
	map.getPane(G_MAP_FLOAT_SHADOW_PANE).appendChild($("#"+this.name).get(0));
}
CO.prototype.redraw = function(){
	var point=map.fromLatLngToDivPixel(maker[this.name].ja)
	if(this.name == "stella"){
	$("#"+this.name).css({
		display:"block",
		left:point.x+10+"px",
		top:point.y-parseInt($("#"+this.name).height())+ 90 + "px"
	})
	}else if(this.name == "k_jumbo"){
	$("#"+this.name).css({
		display:"block",
		left:point.x+ -250 +"px",
		top:point.y-parseInt($("#"+this.name).height())+ -30 + "px"
	})
	}else{
			$("#"+this.name).css({
		display:"block",
		left:point.x+10+"px",
		top:point.y-parseInt($("#"+this.name).height())+"px"
	})
	}
}
CO.prototype.remove = function() {
	$("#"+this.name).css("display","none");
}