/*
 * Copyright (c) 2008-2011 Mark C. Prins <mc.prins@gmail.com>
 *
 * Permission to use, copy, modify, and distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 *
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */

/**
 * @fileoverview Javascript voor OpenLayers plugin.
 * 
 * @requires {lib/OpenLayers.js} or other full openlayers build
 * @author Mark C. Prins <mc.prins@gmail.com>
 * 
 */

/**
 * Openlayers selectcontrol.
 * 
 * @type {OpenLayers.Control.SelectFeature}
 * @private
 */
var selectControl;
/**
 * Openlayers bounds used for managing the map extent.
 * 
 * @type {OpenLayers.Bounds}
 * @private
 */
var extent;

/**
 * handle feature select event.
 * 
 * @param {OpenLayers.Feature.Vector}
 *            the selected feature
 */
function onFeatureSelect(feature) {
	var selectedFeature = feature;
	// 'this' is selectFeature control
	var pPos = selectedFeature.geometry.getBounds().getCenterLonLat();
	// != OpenLayers.Geometry.Point
	if (selectedFeature.geometry.CLASS_NAME == "OpenLayers.Geometry.LineString"){
		try{
			// for lines make the popup show at the cursor position
			pPos = feature.layer.map.getLonLatFromViewPortPx(this.handlers.feature.evt.xy);
		} catch (anErr){
			console.warn("unable to get event position; reverting to boundingbox center.");
			pPos = selectedFeature.geometry.getBounds().getCenterLonLat();
		}
	}

	var pContent="";
	if (feature.data.name !=undefined) {
		pContent+="<div style=''>" + feature.data.name + "<br /></div>";		}
	if (feature.data.ele !=undefined) {
		pContent+="<div style=''>elevation: " + feature.data.ele + "<br /></div>";}
	if (feature.data.type !=undefined) { 
		pContent+="<div style=''>" + feature.data.type + "<br /></div>";}
	if (feature.data.time !=undefined) { 
		pContent+="<div style=''>time: " + feature.data.time + "<br /></div>";}
	if (feature.data.description !=undefined) { 
		pContent+="<div style=''>" + feature.data.description + "</div>";}
	if(pContent.length>0){
		var popup = new OpenLayers.Popup.FramedCloud(
				"olPopup", pPos, null, pContent, null, true, 
				function() {
					selectControl.unselect(selectedFeature);
				});
		feature.popup = popup;
		feature.layer.map.addPopup(popup);
	}
}

/**
 * handle feature unselect event. remove & destroy the popup.
 * 
 * @param {OpenLayers.Feature.Vector}
 *            the un-selected feature
 */
function onFeatureUnselect(feature) {
	if(feature.popup!=null){
		feature.layer.map.removePopup(feature.popup);
		feature.popup.destroy();
		feature.popup = null;
	}
}

/** init. */
function olInit() {
	if (!olEnable) {
		return;
	}
}

/**
 * create the map based on the params given.
 * 
 * @param {Object}mapOpts
 *            MapOptions hash {id:'olmap', lat:6710200, lon:506500, zoom:13,
 *            toolbar:1, statusbar:1, controls:1, poihoverstyle:1, baselyr:'',
 *            kmlfile:'', gpxfile:''}
 * @param {Array}OLmapPOI
 *            array with POI's [ {lat:6710300,lon:506000,txt:'instap
 *            punt',angle:180,opacity:.9,img:''},... ]);
 * 
 */
function createMap(mapOpts, OLmapPOI) {
	if (!olEnable) {
		return;
	}
	OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
	OpenLayers.Util.onImageLoadErrorColor = "transparent";
	var extent = new OpenLayers.Bounds();

	var mOpts = {
			projection :new OpenLayers.Projection("EPSG:900913"),
			displayProjection :new OpenLayers.Projection("EPSG:4326"),
			units :"m",
			maxResolution :156543.0339,
			maxExtent :new OpenLayers.Bounds(-20037508.3392, -20037508.3392,
					20037508.3392, 20037508.3392),
					controls : [],
					numZoomLevels :19
	};
	var m = new OpenLayers.Map(mapOpts.id, mOpts);
	/* OSM maps */
	m.addLayer(new OpenLayers.Layer.OSM("OpenStreetMap"),
			{transitionEffect: "resize"});
	m.addLayer(new OpenLayers.Layer.OSM("t@h",
	"http://tah.openstreetmap.org/Tiles/tile/${z}/${x}/${y}.png"),
	{transitionEffect: "resize"});
	m.addLayer(new OpenLayers.Layer.OSM("cycle map", 
	"http://andy.sandbox.cloudmade.com/tiles/cycle/${z}/${x}/${y}.png"),
	{transitionEffect: "resize"});
	m.addLayer(new OpenLayers.Layer.OSM("cloudmade map",
			"http://tile.cloudmade.com/2f59745a6b525b4ebdb100891d5b6711/3/256/${z}/${x}/${y}.png",
			{transitionEffect: "resize"}));
	m.addLayer(new OpenLayers.Layer.OSM("hike and bike map",
			"http://toolserver.org/tiles/hikebike/${z}/${x}/${y}.png",
			{transitionEffect: "resize"}));
	/* open aerial map */
	/*
	 * turn this off; project is asleep:
	 * https://sourceforge.net/tracker/?func=detail&aid=2897327&group_id=239475&atid=1110186
	 * m.addLayer(new OpenLayers.Layer.XYZ("OpenAerialMap",
	 * "http://tile.openaerialmap.org/tiles/1.0.0/openaerialmap-900913/${z}/${x}/${y}.jpg",
	 * {name: "OpenStreetMap", attribution: "Data CC-By by <a
	 * href='http://www.openaerialmap.org/licensing/'>OpenAerialMap</a>",
	 * sphericalMercator: true, transitionEffect: "resize"} ));
	 */

	/* controle of google/yahoo/ve api's beschikbaar zijn.. */
	if (gEnable) {
		try {
			m.addLayer(new OpenLayers.Layer.Google("google relief", {
				type :G_PHYSICAL_MAP,
				'sphericalMercator' :true,
				transitionEffect: "resize"
			}));
			m.addLayer(new OpenLayers.Layer.Google("google sat", {
				type :G_SATELLITE_MAP,
				'sphericalMercator' :true,
				transitionEffect: "resize"
			}));
			m.addLayer(new OpenLayers.Layer.Google("google hybrid", {
				type :G_HYBRID_MAP,
				'sphericalMercator' :true,
				transitionEffect: "resize"
			}));
			m.addLayer(new OpenLayers.Layer.Google("google normal", {
				type :G_NORMAL_MAP,
				'sphericalMercator' :true,
				transitionEffect: "resize"
			}));
		} catch (ol_err1) {
		}
	}

	if (yEnable) {
		try {
			m.addLayer(new OpenLayers.Layer.Yahoo("yahoo", {
				'type' :YAHOO_MAP_HYB,
				'sphericalMercator' :true,
				transitionEffect: resize
			}));
		} catch (ol_err2) {
		}
	}

	if (veEnable) {
		try {
			m.addLayer(new OpenLayers.Layer.VirtualEarth("ve", {
				'type' :VEMapStyle.Hybrid,
				'sphericalMercator' :true,
				transitionEffect: resize
			}));
		} catch (ol_err3) {
		}
	}
	m.setCenter(new OpenLayers.LonLat(mapOpts.lon, mapOpts.lat).transform(
			m.displayProjection, m.projection), mapOpts.zoom);
	extent.extend(m.getExtent());

	m.addControl(new OpenLayers.Control.KeyboardDefaults());
	m.addControl(new OpenLayers.Control.Navigation());
	if (mapOpts.controls === 1) {
		/* add base controls to map */
		m.addControl(new OpenLayers.Control.LayerSwitcher());
		m.addControl(new OpenLayers.Control.ScaleLine({geodesic: true}));
		m.addControl(new OpenLayers.Control.PanZoomBar());
		m.addControl(new OpenLayers.Control.Graticule({visible:false}));
		// TODO optioneel overzichts kaart toevoegen
		// var overViewOpts = {layers: [wms.clone()],size: new
		// OpenLayers.Size(120,120),projection: new
		// OpenLayers.Projection("EPSG:900913"),opacity: 0.0,mapOptions: {
		// /* Available resolutions are: [156543.03390000001,
		// 78271.516950000005,
		// 39135.758475000002, 19567.879237500001, 9783.9396187500006,
		// 4891.9698093750003, 2445.9849046875001, 1222.9924523437501,
		// 611.49622617187504, 305.74811308593752, 152.87405654296876,
		// 76.43702827148438, 38.21851413574219, 19.109257067871095,
		// 9.5546285339355475,
		// 4.7773142669677737, 2.3886571334838869, 1.1943285667419434,
		// 0.59716428337097172, 0.29858214168548586]*/
		// maxResolution: 78271.51695,maxExtent: new
		// OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
		// /*
		// minExtent: new OpenLayers.Bounds(1000,400000,400000,515000),*/
		// numZoomLevels: 5},'div':OpenLayers.Util.getElement('overview')};
		// map.addControl(new OpenLayers.Control.OverviewMap(overViewOpts));
	}

	if (mapOpts.statusbar === 1) {
		// statusbar control: permalink
		m.addControl(new OpenLayers.Control.Permalink(
				mapOpts.id + '-statusbar-link-ref'));
		// statusbar control: mouse pos.
		// TODO kijken naar afronding met aNumber.toFixed(0)
		m.addControl(new OpenLayers.Control.MousePosition( {
			'div' :OpenLayers.Util
			.getElement(mapOpts.id + '-statusbar-mouseposition')
		}));
		// statusbar control: scale
		m.addControl(new OpenLayers.Control.Scale(
				mapOpts.id + '-statusbar-scale'));
		// statusbar control: attribution
		m.addControl(new OpenLayers.Control.Attribution( {
			'div' :OpenLayers.Util.getElement(mapOpts.id + '-statusbar-text')
		}));
		// statusbar control: projection
		OpenLayers.Util.getElement(mapOpts.id + '-statusbar-projection').innerHTML = m.displayProjection;
	} else {
		OpenLayers.Util.getElement(mapOpts.id + '-olStatusBar').display = 'none';
	}

	if (mapOpts.toolbar === 1) {
		// buttons + panel
		var zoomin = new OpenLayers.Control.ZoomBox( {
			title :"Zoom in"
		});
		var zoomout = new OpenLayers.Control.ZoomBox( {
			out :true,
			title :"Zoom uit",
			displayClass :"olControlZoomOut"
		});
		var pan = new OpenLayers.Control.DragPan( {
			title :"Verschuif"
		});
		// icon_query.png
		var nav = new OpenLayers.Control.NavigationHistory();
		m.addControl(nav);
		var panel = new OpenLayers.Control.Panel( {
			defaultControl :zoomin,
			displayClass :"olToolbar",
			"div" :OpenLayers.Util.getElement(mapOpts.id + "-olToolbar")
		});
		panel.addControls( [ zoomin, zoomout, pan ]);
		panel.addControls( [ nav.next, nav.previous ]);
		m.addControl(panel);
	} else {
		OpenLayers.Util.getElement(mapOpts.id + '-olToolbar').display = 'none';
	}
	
	// add overlays
	m.addLayer(new OpenLayers.Layer.OSM("Hillshade",
			"http://toolserver.org/~cmarqu/hill/${z}/${x}/${y}.png",
			{transitionEffect: "resize",isBaseLayer: false,
        transparent: true, visibility: false}));

	var DocBase = DOKU_BASE;
	if (OLmapPOI.length > 0) {
		var markers = new OpenLayers.Layer.Vector(
				"POI",
				{
					styleMap :new OpenLayers.StyleMap({
						"default" : {
						externalGraphic:"${img}",
						graphicHeight:16,
						graphicWidth:16,
						graphicXOffset:0,
						graphicYOffset:-8,
						graphicOpacity:"${opacity}",
						rotation:"${angle}",
						backgroundGraphic:DocBase + "lib/plugins/openlayersmap/icons/marker_shadow.png",
						backgroundXOffset:0,
						backgroundYOffset:-4,
						backgroundRotation:"${angle}",
						pointRadius:10
					},
					"select":{
						cursor:"crosshair",
						externalGraphic:DocBase	+ "lib/plugins/openlayersmap/icons/marker-red.png",
						graphicHeight:16,
						graphicWidth:16,
						graphicXOffset:0,
						graphicYOffset:-8,											
						graphicOpacity:1.0,
						rotation:"${angle}"
					}
					}),
					isBaseLayer:false,
					rendererOptions:{yOrdering :true}
				});

		m.addLayer(markers);
		var features = [];
		var lonLat;
		for ( var j = 0; j < OLmapPOI.length; j++) {
			var feat = new OpenLayers.Feature.Vector(
					new OpenLayers.Geometry.Point(OLmapPOI[j].lon,
							OLmapPOI[j].lat).transform(m.displayProjection,
									m.projection), {
						angle:OLmapPOI[j].angle,
						opacity:OLmapPOI[j].opacity,
						img:DocBase + "lib/plugins/openlayersmap/icons/" + OLmapPOI[j].img
					});
			feat.data = {name:OLmapPOI[j].txt};
			features.push(feat);
		}
		markers.addFeatures(features);
		extent.extend(markers.getDataExtent());
		m.zoomToExtent(extent);
	}

	/* GPX layer */
	if (mapOpts.gpxfile.length > 0) {
		var layerGPX = new OpenLayers.Layer.GML("GPS route",
				DocBase + "lib/exe/fetch.php?media=" + mapOpts.gpxfile, {
			format : OpenLayers.Format.GPX,
			formatOptions: {	
			extractWaypoints:true,
			extractTracks:true,
			extractStyles: true, 
			extractAttributes: true,
			handleHeight:true,
			maxDepth: 3
		},
		style : {strokeColor:"#0000FF", strokeWidth:3, strokeOpacity:0.7, 
			pointRadius:4, fillColor: "#0099FF", fillOpacity:0.7 /*
																	 * ,
																	 * label:"${name}"
																	 */},
			 projection : new OpenLayers.Projection("EPSG:4326")
		});
		m.addLayer(layerGPX);
		layerGPX.events.register('loadend', m, function() {
			extent.extend(layerGPX.getDataExtent());
			m.zoomToExtent(extent);
		});

	}

	/* KML layer */
	if (mapOpts.kmlfile.length > 0) {
		var layerKML = new OpenLayers.Layer.GML("KML file",
				DocBase + "lib/exe/fetch.php?media=" + mapOpts.kmlfile, {
			format : OpenLayers.Format.KML,
			formatOptions: {
			extractStyles: true, 
			extractAttributes: true,
			maxDepth: 3
		},
		style:{label:"${name}"},
		projection : new OpenLayers.Projection("EPSG:4326")
		});
		m.addLayer(layerKML);
		layerKML.events.register('loadend', m, function() {
			extent.extend(layerKML.getDataExtent());
			m.zoomToExtent(extent);
		});
	}	

	// selectcontrol for layers
	if((m.getLayersByClass('OpenLayers.Layer.GML').length > 0)
			|| m.getLayersByClass('OpenLayers.Layer.Vector').length > 0){
		selectControl = new OpenLayers.Control.SelectFeature(
				(m.getLayersByClass('OpenLayers.Layer.Vector')).concat(m.getLayersByClass('OpenLayers.Layer.GML')), 
				{	
					multiple: true,
					hover :mapOpts.poihoverstyle,
					onSelect :onFeatureSelect,
					onUnselect :onFeatureUnselect
				});
		m.addControl(selectControl);
		selectControl.activate();
	}

	// change/set alternative baselyr
	try{
		m.setBaseLayer(m.getLayersByName(mapOpts.baselyr)[0]);
	}catch(ol_err4){
		m.setBaseLayer(m.layers[0]);
	}		
	return m;
}

/**
 * ol api flag.
 * 
 * @type {Boolean}
 */
var olEnable = false;
/**
 * google map api flag.
 * 
 * @type {Boolean}
 */
var gEnable = false;
/**
 * virtual earth map api flag.
 * 
 * @type {Boolean}
 */
var veEnable = false;
/**
 * yahoo map api flag.
 * 
 * @type {Boolean}
 */
var yEnable = false;

/* register olInit to run with onload event. */
addInitEvent(olInit);