var ImageList = new Array();
for(i=1; i<=8; i++){
	ImageList[i] = new Image();
	ImageList[i].src = "images/footer/footer_over_0" + i + ".png";
}

var nav = new Array();
for(i=2; i<=6; i++){
	nav[i] = new Image();
	nav[i].src = "images/nav/nav_over_0" + i + ".png";
}



var lat = 21.279;
var lng = -157.830;
var lvl = 14;
 
function load(){
	if(GBrowserIsCompatible()){
		var data = new Array();
		for(i=0; i<15; i++){
			data[i] = new Array();
		}
/*
		data[]["lat"] = ;
		data[]["lng"] = ;
		data[]["url"] = "";
		data[]["image"] = "";
*/
		data[0]["lat"] = 21.2773;
		data[0]["lng"] = -157.8305;
		data[0]["url"] = "area/ala_moana";
		data[0]["image"] = "images2/icon/a.png";
 
		data[1]["lat"] = 21.28089;
		data[1]["lng"] = -157.8494;
		data[1]["url"] = "area/waikiki_west";
		data[1]["image"] = "images2/icon/waikiki_west.png";
 
		data[2]["lat"] = 21.2695;
		data[2]["lng"] = -157.8289;
		data[2]["url"] = "area/waikiki_east";
		data[2]["image"] = "images2/icon/waikiki_east.png";
 
		data[3]["lat"] = 21.3037;
		data[3]["lng"] = -157.8716;
		data[3]["url"] = "area/kakaako";
		data[3]["image"] = "images2/icon/kakaako.png";
 
		data[4]["lat"] = 21.3915;
		data[4]["lng"] = -157.759;
		data[4]["url"] = "area/kailua";
		data[4]["image"] = "images2/icon/kailua.png";
 
		data[5]["lat"] = 21.2585;
		data[5]["lng"] = -157.831;
		data[5]["url"] = "area/diamond_head";
		data[5]["image"] = "images2/icon/diamond.png";
 
		data[6]["lat"] = 21.2628;
		data[6]["lng"] = -157.7815;
		data[6]["url"] = "area/kahala";
		data[6]["image"] = "images2/icon/kahala.png";
 
		data[7]["lat"] = 21.288;
		data[7]["lng"] = -157.777;
		data[7]["url"] = "area/hawaii_loa";
		data[7]["image"] = "images2/icon/hawaiiloa.png";
 
		data[8]["lat"] = 21.2788;
		data[8]["lng"] = -157.7087;
		data[8]["url"] = "area/hawaii_kai";
		data[8]["image"] = "images2/icon/hawaiikai.png";
 
		data[9]["lat"] = 21.3105;
		data[9]["lng"] = -157.821;
		data[9]["url"] = "area/manoa";
		data[9]["image"] = "images2/icon/manoa.png";
 
		data[10]["lat"] = 21.2985;
		data[10]["lng"] = -158.06;
		data[10]["url"] = "area/koolina";
		data[10]["image"] = "images2/icon/koolina.png";
 
		data[11]["lat"] = 21.4322;
		data[11]["lng"] = -158.020;
		data[11]["url"] = "area/mililani";
		data[11]["image"] = "images2/icon/mililani.png";
 
		data[12]["lat"] = 21.3705;
		data[12]["lng"] = -158.031;
		data[12]["url"] = "area/waikele";
		data[12]["image"] = "images2/icon/waikele.png";
 
		data[13]["lat"] = 21.3195;
		data[13]["lng"] = -158.078;
		data[13]["url"] = "area/kapolei";
		data[13]["image"] = "images2/icon/kapolei.png";
 
 
 
	/*
		data[]["lat"] = 21.2405;
		data[]["lng"] = -157.831;
		data[]["url"] = "area/";
		data[]["image"] = "images2/icon/.png";
	*/
	
	
	
	/*			
		data[]["lat"] = ;
		data[]["lng"] = ;
		data[]["url"] = "";
		data[]["image"] = "";
	*/
//		alert(data[0]["image"]);
	
	
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(lat, lng), lvl);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
	
		// Create a base icon for all of our markers that specifies the
		// shadow, icon dimensions, etc.
	//		var baseIcon = new GIcon(G_DEFAULT_ICON);
		var baseIcon = new GIcon(G_DEFAULT_ICON);
//		baseIcon.image = "../img/trump.jpg";
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
//		baseIcon.iconSize = new GSize(140, 40);
	//		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
	//		baseIcon.infoWindowAnchor = new GPoint(9, 2);
	
		// Creates a marker whose info window displays the letter corresponding
		// to the given index.
		function createMarker(point, index) {
			// Create a lettered icon for this point using our icon class
			var letter = String.fromCharCode("A".charCodeAt(0) + index);
			var letteredIcon = new GIcon(baseIcon);
	//			letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
//			letteredIcon.image = data[index]["image"];
	//			letteredIcon.image = "images2/icon/map.jpg";
	//alert(data[index]["image"]);
	//		markerIcon1.image = "./img/trump.jpg";
	
	
			// Set up our GMarkerOptions object
			markerOptions = { icon:letteredIcon, draggable:true };
			var marker = new GMarker(point, markerOptions);
	
			GEvent.addListener(marker, "click", function() {
	//				marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
				location.href = data[index]["url"];
	//				alert(marker.getLatLng());
			});
			GEvent.addListener(marker, "mouseover", function() {
	//				marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
	//				location.href = 'http://google.co.jp';
			});
	/*		
			GEvent.addListener(marker, "dragout", function() {
				alert(marker.getLatLng());
			});
	*/
	
			return marker;
		} // function
 
		// Add 10 markers to the map at random locations
		var bounds = map.getBounds();
		var southWest = bounds.getSouthWest();
		var northEast = bounds.getNorthEast();
		var lngSpan = northEast.lng() - southWest.lng();
		var latSpan = northEast.lat() - southWest.lat();
		for(var i=0; i<=0; i++){
//			var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
//				southWest.lng() + lngSpan * Math.random());
			var latlng = new GLatLng(data[i]["lat"], data[i]["lng"]);
//			var latlng = new GLatLng(21.289, -157.770);
 
			map.addOverlay(createMarker(latlng, i));
		} // for
	} // if
} // function