var map;

var mainzoom=11;var locationzoom=16;

var islands=new Array(	);
islands[0]=	{"lat":"21.46776657019428","lng":"-157.99232482910156","zoom":10};
islands[1]=	{"lat":"21.46776657019428","lng":"-157.99232482910156","zoom":10};
islands[2]=	{"lat":"21.46776657019428","lng":"-157.99232482910156","zoom":10};
islands[3]=	{"lat":"21.46776657019428","lng":"-157.99232482910156","zoom":10};
islands[4]=	{"lat":"19.606368915776006","lng":"-155.52520751953125","zoom":9};
islands[5]=	{"lat":"20.803620355328977","lng":"-156.3519287109375","zoom":10};
islands[6]=	{"lat":"22.056368842823712","lng":"-159.68215942382812","zoom":10};
islands[7]= {"lat":"21.148553781704386","lng":"-157.04818725585937","zoom":10};
islands[8]=	{"lat":"20.828009762964665","lng":"-156.9184112548828","zoom":11};


function loadMaps() {
	if (GBrowserIsCompatible()){
	    map = new GMap2(document.getElementById("map"));
	    map.setCenter(
	    	new GLatLng(
	    		islands[island].lat,
	    		islands[island].lng),
	    	islands[island].zoom);
	    map.setMapType(G_HYBRID_MAP);
	    map.enableContinuousZoom();
	    map.enableDoubleClickZoom();
	    //map.enableScrollWheelZoom();
	   	map.addControl(new GLargeMapControl());
	   	//map.addControl(new GSmallZoomControl());
	   	map.addControl(new GOverviewMapControl());
		map.addControl(new GMapTypeControl());
	}
    MM_preloadImages('1b.png','2b.png','3b.png','4b.png','5b.png','6b.png','search2.png');
	var isl = 	document.getElementById('island_'+island);
	if (isl){
		isl.onMouseOut=function(){};
		isl.onMouseOver=function(){};
		var img =isl.firstChild.src.split('.png');
		isl.firstChild.src=img[0]+'b.png';
	}
	hideVideo();
	return true;
}

var markers = new Array();
function displayElement(id){
	showVideo(locations[id].video);
	showElement(id);
	setTimeout(function(){centerElement(id);},300);
}

function showElement(id){
	if (!GBrowserIsCompatible()) return;
	if (markers[id]==null) {
		var point = new GLatLng(locations[id].lat, locations[id].lng);
		var marker = new GMarker(point);

		map.addOverlay(marker);
		GEvent.addListener(marker, "click", function (){displayElement(id);});
	  	markers[id] = marker;
	}
	markers[id].show();
}

function centerElement(id){
	if (!GBrowserIsCompatible()) return;
		var marker = markers[id];
   		marker.openInfoWindowHtml(
   				'<h3 class="name"><a onclick="showVideo(\''+locations[id].video+'\')">'+locations[id].name+'</a>'
   				+(locations[id].img!=''?'<img height="50px" src="admin/'+locations[id].img+'"/>':'')
   				+'</h3><span class="description">'+locations[id].description+'</span>',
   				{maxWidth:217}
   			);
   		if(map.getZoom()==locationzoom){
   			map.panTo(map.getCenter());
   		} else {
			var list = GEvent.addListener(map, "zoomend", function (){
						if (map.getZoom()>=locationzoom) {
							GEvent.removeListener(list);
						} else {
				   			map.zoomIn(marker.getPoint(),true,true);
						}
					});
   			map.zoomIn(marker.getPoint(),true,true);
	   		//alert(map.getZoom());
		}
}

function hideElement(id){
	if (!GBrowserIsCompatible()) return;
	markers[id].hide();
}
function hideVideo(){
	document.getElementById('map').className='normalMap';
	document.getElementById('video').innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">'+
        '<param name="movie" value="images/flash%20980.swf">'+
        '<param name=quality value=high>'+
        '<embed src="images/flash%20980.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>'+
      '</object>';
	document.getElementById('imtitle').innerHTML =
          '<img width="157" src="images/FS Disabled.png"/>';
          replacePNG(document.getElementById('imtitle').firstChild);
	map.checkResize();
}


function showVideo(video){
	document.getElementById('map').className='smallMap';
	document.getElementById('video').className='showvideo';
	document.getElementById('video').innerHTML =
		  '<div style="width:100%;height:100%">'+
		  '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" style="width:100%;height:100%">'+
          '<param name="movie" value="'+video+'"/>'+
          '<param name="quality" value="high" />'+
          '<param name="allowScriptAccess" value="sameDomain" />'+
          '<param name="Play" value="1" />'+
          '<embed id="realVideo" allowScriptAccess="sameDomain" src="'+video+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="width:100%;height:100%"></embed>'+
          '</object>'+
          '</div>';
	document.getElementById('imtitle').innerHTML =
          '<img width="157" src="images/FS.png" style="cursor:pointer;cursor:hand" onclick="showVideoFS(\''+video+'\')"/>';
	replacePNG(document.getElementById('imtitle').firstChild);
	map.checkResize();
}

function showVideoFS(video){
	hideVideo();
	window.open(video,'VR','fullscreen=yes');
}

function toggleCategory(cat){
	var catelem=document.getElementById(cat);
	if (catelem.childNodes.length>0){
		var chs = catelem.childNodes;
		for(var i=0; i<chs.length;i++){
			if (catelem.style.display!='none') {
				hideElement(chs.item(i).id.split('_')[1]);
			} else {
				showElement(chs.item(i).id.split('_')[1]);

			}
		}
		if (catelem.style.display!='none') {
			//map.zoomOut(map.getCenter(),true);
		} else {
			//map.zoomIn(map.getCenter(),true,true);
		}
	}
	new Effect.toggle(cat, 'slide', {duration: 0.4});
}