/**
  * Javascript functions for Google Maps functionality in Maps.
  *
  * @file GoogleMapFunctions.js
  * @ingroup MapsGoogleMaps
  *
  * @author Robert Buzink
  * @author Yaron Koren   
  * @author Jeroen De Dauw
  */

var GOverlays = [
	new GLayer("com.panoramio.all"),
	new GLayer("com.youtube.all"),
	new GLayer("org.wikipedia.en"),
	new GLayer("com.google.webcams")
];


/**
 * Returns GMarker object on the provided location. It will show a popup baloon
 * with title and label when clicked, if either of these is set.
 */
function createGMarker( point, title, label, icon ) {
	var marker;
	
	if ( icon != '' ) {
		var iconObj = new GIcon( G_DEFAULT_ICON );
		iconObj.image = icon;

		
		var newimg = new Image();
		newimg.src = icon;
		
		// Only do these things when there is an actual width, which there won,t the first time the image is loaded.
		// TODO: this means the image won't have it's correct size when it differs from the default on first load!
		if ( newimg.width > 0 ) {
			/* Determine size of icon and pass it in */
			iconObj.iconSize.width = newimg.width;
			iconObj.iconSize.height = newimg.height;
			iconObj.shadow = null;	
			
			/* Anchor the icon on bottom middle */
			var anchor = new GPoint();
			anchor.x = Math.floor( newimg.width / 2 );
			anchor.y = newimg.height;
			iconObj.iconAnchor = anchor;			
		}

		marker = new GMarker( point, { icon:iconObj } );
	} else {
		marker = new GMarker( point );
	}
	
	if ( ( title + label ).length > 0 ) {
		var bothTxtAreSet = title.length > 0 && label.length > 0;
		var popupText = bothTxtAreSet ? '<b>' + title + '</b><hr />' + label : title + label;	
		popupText = '<div style="overflow:auto;max-height:140px;">' + popupText + '</div>';

		GEvent.addListener(marker, 'click',
			function() {
				marker.openInfoWindowHtml(popupText, {maxWidth:350});
			}
		);		
	}

	return marker;
}

/**
 * Returns GMap2 object with the provided properties and markers.
 * This is done by setting the map centre and size, and passing the arguments to function createGoogleMap.
 */
function initializeGoogleMap(mapName, mapOptions, markers) {
	if (GBrowserIsCompatible()) {
		mapOptions.centre = (mapOptions.lat != null && mapOptions.lon != null) ? new GLatLng(mapOptions.lat, mapOptions.lon) : null;
		//mapOptions.size = new GSize(mapOptions.width, mapOptions.height);	
		return createGoogleMap(mapName, mapOptions, markers);	
	}
	else {
		return false;
	}
}

/**
 * Returns GMap2 object with the provided properties.
 */
function createGoogleMap(mapName, mapOptions, markers) {
	var mapElement = document.getElementById(mapName);
	var typesContainType = false;

	// TODO: Change labels of the moon/mars map types?
	for (var i = 0; i < mapOptions.types.length; i++) {
		if (mapOptions.types[i] == mapOptions.type) typesContainType = true;
	}

	if (! typesContainType) mapOptions.types.push(mapOptions.type);

	var map = new GMap2(mapElement, {mapTypes: mapOptions.types});
	map.name = mapName;

	map.setMapType(mapOptions.type);	

	var hasSearchBar = false;
	
	for ( i = mapOptions.controls.length - 1; i >= 0; i-- ) {
		if ( mapOptions.controls[i] == 'searchbar' ) {
			hasSearchBar = true;
			break;
		}
	}
	
	// List of GControls: http://code.google.com/apis/maps/documentation/reference.html#GControl
	for ( i = 0; i < mapOptions.controls.length; i++ ) {
		if ( mapOptions.controls[i].toLowerCase() == 'auto' ) {
			if ( mapElement.offsetHeight > 75 ) mapOptions.controls[i] = mapElement.offsetHeight > 320 ? 'large' : 'small';
		}			
		
		switch ( mapOptions.controls[i] ) {
			case 'large' : 
				map.addControl( new GLargeMapControl3D() );
				break;
			case 'small' : 
				map.addControl( new GSmallZoomControl3D() );
				break;
			case 'large-original' : 
				map.addControl( new GLargeMapControl() );
				break;
			case 'small-original' : 
				map.addControl( new GSmallMapControl() );
				break;
			case 'zoom' : 
				map.addControl( new GSmallZoomControl() );
				break;
			case 'type' : 
				map.addControl( new GMapTypeControl() );
				break;				
			case 'type-menu' : 
				map.addControl( new GMenuMapTypeControl() );
				break;
			case 'overlays' : 
				map.addControl( new MoreControl() );
				break;		
			case 'overview' : case 'overview-map' : 
				map.addControl( new GOverviewMapControl() );
				break;
			case 'scale' : 
				if ( hasSearchBar ) {
					map.addControl( new GScaleControl(), new GControlPosition( G_ANCHOR_BOTTOM_LEFT, new GSize( 5,37 ) ) );
				}
				else {
					map.addControl( new GScaleControl() );
				}
				break;
			case 'nav-label' : case 'nav' : 
				map.addControl( new GNavLabelControl() );
				break;
			case 'searchbar' :
				map.enableGoogleBar();
				break;
		}
	}	

	var bounds = ((mapOptions.zoom == null || mapOptions.centre == null) && markers.length > 1) ? new GLatLngBounds() : null;

	for (i = 0; i < markers.length; i++) {
		var marker = markers[i];
		map.addOverlay(createGMarker(marker.point, marker.title, marker.label, marker.icon));
		if (bounds != null) bounds.extend(marker.point);
	}

	if (bounds != null) {
		map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
	}

	if (mapOptions.centre != null) map.setCenter(mapOptions.centre);
	if (mapOptions.zoom != null) map.setZoom(mapOptions.zoom);
	
	if (mapOptions.scrollWheelZoom) map.enableScrollWheelZoom();

	map.enableContinuousZoom();
	
	// Code to add KML files.
	var kmlOverlays = [];
	for ( i = mapOptions.kml.length - 1; i >= 0; i-- ) {
		kmlOverlays[i] = new GGeoXml( mapOptions.kml[i] );
		map.addOverlay( kmlOverlays[i] );
	}
	
	// Make the map variable available for other functions.
	if (!window.GMaps) window.GMaps = new Object;
	eval("window.GMaps." + mapName + " = map;"); 	
	
	return map;
}
 
function getGMarkerData(lat, lon, title, label, icon) {
		return {point: new GLatLng(lat, lon), title: title, label: label, icon: icon};
}

function setupCheckboxShiftClick() { return true; }

function MoreControl() {};
MoreControl.prototype = new GControl();

MoreControl.prototype.initialize = function(map) {
	this.map = map;
	
	var more = document.getElementById(map.name + "-outer-more");

	var buttonDiv = document.createElement("div");
	buttonDiv.id = map.name + "-more-button";
	buttonDiv.title = "Show/Hide Overlays";
	buttonDiv.style.border = "1px solid black";
	buttonDiv.style.width = "86px";

	var textDiv = document.createElement("div");
	textDiv.id = map.name + "-inner-more";
	textDiv.setAttribute('class', 'inner-more');
	textDiv.appendChild(document.createTextNode("Overlays"));

	buttonDiv.appendChild(textDiv);

	// Register Event handlers
	more.onmouseover = showGLayerbox;
	more.onmouseout = setGLayerboxClose;

	// Insert the button just after outer_more div.
	more.insertBefore(buttonDiv, document.getElementById(map.name + "-more-box").parentNode);

	// Remove the whole div from its location and reinsert it to the map.
	map.getContainer().appendChild(more);

	return more;
};

MoreControl.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 35));
};

function checkGChecked(mapName)	{
	//	Returns true if	a checkbox is still	checked otherwise false.
	var	boxes = document.getElementsByName(mapName + "-overlay-box");
	for(var	i = 0; i < boxes.length; i++) {
		if(boxes[i].checked) return true;
	}
	return false;
}

function showGLayerbox() {
	var mapName = this.id.split('-')[0];	
	eval("if(window.timer_" + mapName + ") clearTimeout(timer_" + mapName + ");");
	document.getElementById(mapName + "-more-box").style.display = "block";
	var	button = document.getElementById(mapName + "-inner-more");
	button.style.borderBottomWidth = "4px";
	button.style.borderBottomColor = "white";
}


function setGLayerboxClose() {
	var mapName = this.id.split('-')[0];
	var	layerbox = document.getElementById(mapName + "-more-box");
	var	button = document.getElementById(mapName + "-inner-more");
	var	bottomColor	= checkGChecked(mapName) ? "#6495ed" : "#c0c0c0";
	eval("timer_" + mapName + " = window.setTimeout(function() { layerbox.style.display = 'none'; button.style.borderBottomWidth = '1px'; button.style.borderBottomColor = bottomColor; },	400);");
}

function switchGLayer(map, checked, layer) {
	var	layerbox = document.getElementById(map.name + "-more-box");
	var	button = document.getElementById(map.name + "-inner-more");
	
	if(checked)	{
			map.addOverlay(layer);
	}
	else {
			map.removeOverlay(layer);
	}
	
}

function initiateGOverlay(elementId, mapName, urlNr) {
	document.getElementById(elementId).checked = true;
	switchGLayer(GMaps[mapName], true, GOverlays[urlNr]);
}