// JavaScript Document
   
var googleMap = {};
var map;

googleMap.init = function() {
	var mapCentre = new google.maps.LatLng(1,-1);
	var mapOptions = {
		zoom: 1,
		center: mapCentre,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	map = new google.maps.Map(document.getElementById("map"), mapOptions);
	googleMap.getIcons(); //get the icons for the overlays from mapIcons.js
	createLayers(map);
	mapLayers.show();
	var WmsURL = 'http://mapdmzrec.brgm.fr/cgi-bin/mapserv54?map=/carto/ogg/mapFiles/CGMW_Bedrock_and_Structural_Geology.map&';
	var WmsTitle = 'World CGMW 1:50M Geological Units Onshore';
	var LayerCode = 'World_CGMW_50M_GeologicalUnitsOnshore';
	var world = new WMSMap(map, WmsURL, WmsTitle, LayerCode, 'html');
	google.maps.event.addListener(map,'zoom_changed',function(){
		if (map.getZoom() > 1)
		{world.toggleWMS();}
		else
		{map.overlayMapTypes.removeAt(0);}
		
	});
}
$(document).ready(googleMap.init);


function buildHTML(fileName, id, title)
{
	var theHTML = theHTML + '<div class="popupContainer">';
	theHTML = theHTML + '<div class="imgBox">';
	theHTML = theHTML + '<a href="/extra/kids/images/world/'+ fileName +'.jpg" class="lightbox" id="'+ id +'" title="'+ title +'"><img src="/extra/kids/images/world/'+ fileName +'.jpg" width="175" alt="'+ title +'" title="Click to enlarge." class="photo" /></a>';
	theHTML = theHTML + '</div>';
	theHTML = theHTML + '<div class="imgCaption"><p>'+ title +'</p></div></div>';
	
	return theHTML;
}

function buildGalleryImage(fileName, title)
{
	
	var theHTML = '<div class="thumbnail"><a href="/extra/kids/images/world/'+ fileName +'.jpg"><img alt="'+ title +'" title="'+ title +'" src="/extra/kids/images/world/'+ fileName +'" /></a></div>';
	
	return theHTML;
}

var mapLayers;

function createLayers(map) 
{
	mapLayers = new Overlay(map, 'mapLayersBtn', {icon: orangeIcon});
	mapLayers.loadOverlays = function() {
		var r=0;
		for (r=0; r<+geologyImageGallery.theImages.length; r++) {
				this.addMarker(geologyImageGallery.theImages[r][0],geologyImageGallery.theImages[r][1],geologyImageGallery.theImages[r][2],buildHTML(geologyImageGallery.theImages[r][3],geologyImageGallery.theImages[r][4],geologyImageGallery.theImages[r][5]),'#'+ geologyImageGallery.theImages[r][4],geologyImageGallery.theImages[r][6]+'Icon');
		}					
	};
}