PageSourceSearch

https://watchthemed.net/index.php/

html watchthemed.net collected 2026-10-02 04:32:25 UTC 93,857 bytes, 2,143 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
3<head>
4	<title>Watch the Med</title>
5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6	<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" rel="stylesheet" type="text/css">
7	<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/jquery-ui-themeroller.css?m=1376284507&" />
8<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/global.css?m=1376284506&" />
9<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/openlayers.css?m=1376284510&" />
10<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/jquery.jqplot.min.css?m=1376284508&" />
11<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/base.css?m=1608540687&" />
12<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/accordion.css?m=1608540687&" />
13<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/slider.css?m=1608540687&" />
14<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/style.css?m=1608540687&" />
15<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/wtm/css/wtm.css?m=1608540687&" />
16
17<link rel="alternate" type="application/rss+xml" href="https://www.watchthemed.net/index.php/feed" title="RSS2" />
18<!--[if IE 6]><link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/.css" />
19<![endif]-->
20<script type="text/javascript" src="https://www.watchthemed.net/plugins/searchlocation/js/searchlocation.js?m=1608540652&"></script>
vendor: 1 bytes, line 20
20
21<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.js?m=1584278828&"></script>
vendor: 1 bytes, line 21
21
22<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.ui.min.js?m=1584278825&"></script>
vendor: 1 bytes, line 22
22
23<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.pngFix.pack.js?m=1584278824&"></script>
vendor: 1 bytes, line 23
23
24<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.timeago.js?m=1584278826&"></script>
vendor: 1 bytes, line 24
24
25<script type="text/javascript" src="https://www.watchthemed.net/media/js/global.js?m=1584278827&"></script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript" src="https://www.watchthemed.net/media/js/OpenLayers.js?m=1584278823&"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript" src="https://www.watchthemed.net/media/js/ushahidi.js?m=1584278827&"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="https://www.watchthemed.net/media/js/selectToUISlider.jQuery.js?m=1584278826&"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.jqplot.min.js?m=1584278824&"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="https://www.watchthemed.net/media/js/jqplot.dateAxisRenderer.min.js?m=1584278821&"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="https://www.watchthemed.net/themes/wtm/js/wtm.js?m=1608540652&"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript">
33//<![CDATA[
34OpenLayers.ImgPath = 'https://www.watchthemed.net/media/img/openlayers/';
35
36
37//]]>
38</script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript">
40//<![CDATA[
41</script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript">
43var layer_top = null;
44var cat_height = null;
45var bathymetry = null;
46$(document).ready(function() {
47    
48    $("#the-filters").show();
49    layer_top = parseInt($("div#layers-box").css('top').replace("px"));
50    cat_height = $("#the-filters").outerHeight(true);	
51    $("#the-filters").hide();
52
53    /**
54     * Handles moving the layers menu up and down as the
55     * categories menu is opened and closed
56     */    
57    $("#filter-menu-toggle").click(function(e){
58	
59	if($("#filter-menu-toggle").hasClass('active-toggle')){
60	    //about to hide the menu
61	    $("div#layers-box").css('top',layer_top+"px");
62	} else {
63	    //about to show the menu
64	    $("#the-filters").show();
65	    //var height = $("#the-filters").outerHeight(true);	
66	    $("div#layers-box").css('top',(layer_top + cat_height)+"px");
67	}
68	
69    });
70    
71  $("[id^='layer_']").mouseover(function(){
72  	var metaData = $(this).attr('meta_data');
73  	if(metaData != ''){
74  		$("#layer_meta_window").show();
75  		$("#layer_meta_window").html(metaData);
76  	}
77  });
78    $("[id^='layer_']").mouseenter(function(){
79  	var metaData = $(this).attr('meta_data');
80  	if(metaData != '' && typeof metaData != 'undefined'){
81  		var layerName = $(this).text();
82  		$("#layer_meta_window").show();
83  		$("#layer_meta_window").html(metaData);
84  	}
85  }).mouseleave(function(){
86 		//$("#layer_meta_window").hide();
87  });
88});
89
90
91		
92// Initialize the Ushahidi namespace
93Ushahidi.baseUrl = "https://www.watchthemed.net/index.php/";
94Ushahidi.markerRadius = 4;
95Ushahidi.markerOpacity = 0.8;
96Ushahidi.markerStokeWidth = 2;
97Ushahidi.markerStrokeOpacity = 0.3;
98
99// Selected Category
100var gCategoryId = ['0']; //default to all
101//
102// Default to most active month
103var startTime = 1301608800;
104
105// Default to most active month
106var endTime = 1730415599;
107
108// To hold the Ushahidi.Map reference
109var map = null;
110
111var graphData = null;
112
113var graphColor = null;
114
115
116/******
117* Removes the category ID from the string currentCat
118*******/
119function removeCategoryFilter(idToRemove)
120{
121        for(i = 0; i < gCategoryId.length; i++)
122        {
123                if (gCategoryId[i] == idToRemove)
124                {
125                        //deactivate
126                        $("#cat_"+idToRemove).removeClass("active");
127                        gCategoryId.splice(i,1);
128                        break;
129                }
130        }
131}//end removeCategoryFilter()
132
133
134/**
135 * Toggle Layer Switchers
136 */
137function toggleLayer(link, layer) {
138	if ($("#"+link).text() == "Show")
139	{
140		$("#"+link).text("Hide");
141	}
142	else
143	{
144		$("#"+link).text("Show");
145	}
146	$('#'+layer).toggle(500);
147}
148
149/**
150 * Create a function that calculates the smart columns
151 */
152function smartColumns() {
153	return;
154	//Reset column size to a 100% once view port has been adjusted
155	$("ul.content-column").css({ 'width' : "100%"});
156
157	//Get the width of row
158	var colWrap = $("ul.content-column").width();
159
160	// Find how many columns of 200px can fit per row / then round it down to a whole number
161	var colNum = 2;
162
163	// Get the width of the row and divide it by the number of columns it 
164	// can fit / then round it down to a whole number. This value will be
165	// the exact width of the re-adjusted column
166	var colFixed = Math.floor(colWrap / colNum);
167
168	// Set exact width of row in pixels instead of using % - Prevents
169	// cross-browser bugs that appear in certain view port resolutions.
170	//$("ul.content-column").css({ 'width' : colWrap});
171
172	// Set exact width of the re-adjusted column	
173	//$("ul.content-column li").css({ 'width' : colFixed});
174}
175
176/**
177 * Callback function for rendering the timeline
178 */
179function refreshTimeline(options) {
180
181	
182	// Use report filters if no options passed
183	options = options || map.getReportFilters();
184	// Copy options object to avoid accidental modifications to reportFilters
185	options = jQuery.extend({}, options);
186
187	var url = "https://www.watchthemed.net/index.php/bigmap_json/timeline";
188
189	var interval = (options.e - options.s) / (3600 * 24);
190
191	if (interval <= 3) {
192		options.i = "hour";
193	} else if (interval <= (31 * 6)) {
194		options.i = "day";
195	} else {
196		options.i = "month";
197	}
198
199	// Get the graph data
200	$.ajax({
201		url: url,
202		data: options,
203		success: function(response) {
204			// Clear out the any existing plots
205			$("#graph").html('');
206
207			if (response != null && response[0].data.length < 2)
208				return;
209
210			graphData = [];
211			var raw = response[0].data;
212			for (var i=0; i<raw.length; i++) {
213				var date = new Date(raw[i][0]);
214
215				var dateStr = date.getFullYear() + "-";
216				dateStr += ('0' + (date.getMonth()+1)).slice(-2) + '-';
217				dateStr += ('0' + date.getDate()).slice(-2);
218
219				graphData.push([dateStr, parseInt(raw[i][1])]);
220			}
221			graphColor = response[0].color;
222			reDrawGraph();
223		},
224		dataType: "json"
225	});
226	}
227
228
229
230function reDrawGraph(){
231    var timeline = $.jqplot('graph', [graphData], {
232				seriesDefaults: {
233					color: graphColor,
234					lineWidth: 1.6,
235					markerOptions: {
236						show: false
237					}
238				},
239				axesDefaults: {
240					pad: 1.23,
241				},
242				axes: {
243					xaxis: {
244						renderer: $.jqplot.DateAxisRenderer,
245						tickOptions: {
246							formatString: '%#d&nbsp;%b\n%Y'
247						}
248					},
249					yaxis: {
250						min: 0,
251						tickOptions: {
252							formatString: '%.0f'
253						}
254					}
255				},
256				cursor: {show: false}
257			});
258}
259
260
261jQuery(function() {
262	//Etherton: commented this out and put in the enhanced map URL so that we can have the full power
263        //of enahcned map
264        //var reportsURL = "json/cluster";
265        var reportsURL = "bigmap_json/cluster";
266
267	// Render thee JavaScript for the base layers so that
268	// they are accessible by Ushahidi.js
269	var bing_road = new OpenLayers.Layer.Bing({
270	 name: "Bing-Road",
271	 type: "Road",
272	 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i"
273});
274
275var bing_hybrid = new OpenLayers.Layer.Bing({
276	 name: "Bing-Hybrid",
277	 type: "AerialWithLabels",
278	 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i"
279});
280
281var bing_satellite = new OpenLayers.Layer.Bing({
282	 name: "Bing-Satellite",
283	 type: "Aerial",
284	 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i"
285});
286
287
288	// Tweak the OpenLayers MousePosition formatOutput method, so it also shows
289	// the mouse position in DMS format.
290	// The original function code can be found here:
291	// https://github.com/openlayers/openlayers/blob/f4a4090814f240414548e8eda55070d16f3d3901/lib/OpenLayers/Control/MousePosition.js#L208-L224
292	OpenLayers.Control.MousePosition.prototype.formatOutput = function (lonLat) {
293		var latLon = {
294			latitude: lonLat.lat,
295			longitude: lonLat.lon
296		};
297		var newHtml =
298			WTMLib.formatCoordinates(latLon, {
299				format: 'DD',
300				roundTo: parseInt(this.numDigits)
301			})
302			+ ' | '
303			+ WTMLib.formatCoordinates(latLon, {
304				format: 'DMS',
305				roundTo: 1
306			});
307
308		return newHtml;
309	}
310	
311	// Store the LayerSwitcher control in a variable so we can reference it in
312	// the tweaked Ushahidi Map redraw method.
313	var layerSwitcher = new OpenLayers.Control.LayerSwitcher();
314
315	// Map configuration
316	var config = {
317
318		// Zoom level at which to display the map
319		zoom: 4,
320
321		// Redraw the layers when the zoom level changes
322		redrawOnZoom: true,
323
324		// Center of the map
325		center: {
326			latitude: 36.693240853502836,
327			longitude: 21.704263682007582		},
328
329		// Map controls
330		mapControls: [
331			new OpenLayers.Control.Navigation({ dragPanOptions: { enableKinetic: true } }),
332			new OpenLayers.Control.Attribution(),
333			new OpenLayers.Control.Zoom(),
334			new OpenLayers.Control.ZoomBox(),
335			new OpenLayers.Control.MousePosition({
336				div: document.getElementById('mapMousePosition'),
337				numdigits: 5
338			}),
339			layerSwitcher
340		],
341
342		// Base layers
343		baseLayers: [bing_satellite,bing_road,bing_hybrid],
344
345		// Display the map projection
346		showProjection: true,
347		
348		reportFilters: {
349			s: startTime,
350			e: endTime
351		}
352
353	};
354
355	// Tweak the Ushahidi Map redraw method, so it respects the visibility
356	// state of the layer. The original function code can be found here:
357	// https://github.com/ushahidi/Ushahidi_Web/blob/develop/media/js/ushahidi.js#L773-L789
358	Ushahidi.Map.prototype.redraw = function () {
359		// Close any open popups
360		this.closePopups();
361
362		for (var i=0; i<this._registry.length; i++) {
363			var layer = this._registry[i];
364
365			// Check if we have a state for the layer and whether it was hidden.
366			// If that's the case go to the next layer without adding this one.
367			var layerState = layerSwitcher.layerStates.filter(state => {
368				return state.name === layer.options.name;
369			})[0];
370			if (layerState && layerState.visibility === false) continue;
371
372			this.addLayer(layer.layerType, layer.options);
373		}
374
375		return this;
376	}
377
378	// Initialize the map
379	map = new Ushahidi.Map('map', config);
380	map.addLayer(Ushahidi.GEOJSON, {
381		name: "Reports",
382		url: reportsURL,
383		transform: false
384	}, true, true);
385	
386
387	// Register the referesh timeline function as a callback
388	map.register("filterschanged", refreshTimeline);
389	setTimeout(function() { refreshTimeline({
390		s: startTime,
391		e: endTime
392	}); }, 800);
393    
394    
395    
396			//////////////////////////////////////////////////////////////////////////////////////
397			// Parent Category opener
398			$("a[id^='drop_cat_']").click(function()
399			{
400				//get the ID of the category we're dealing with
401				var catID = this.id.substring(9);
402				//if the kids aren't currenlty shown, show them
403				if( !$("#child_"+catID).is(":visible"))
404				{
405					$("#child_"+catID).show();
406					$(this).html("-");
407					//since all we're doing is showing things we don't need to update the map
408					// so just bounce
409					
410					$("a[id^='cat_']").addClass("forceRefresh"); //have to do this because IE sucks
411					$("a[id^='cat_']").removeClass("forceRefresh"); //have to do this because IE sucks
412					
413					return false;
414				}
415				else //kids are shown, deactivate them.
416				{
417					var kids = $("#child_"+catID).find('a');
418					kids.each(function(){
419						if($(this).hasClass("active"))
420						{
421							//remove this category ID from the list of IDs to show
422							var idNum = $(this).attr("id").substring(4);
423							//removeCategoryFilter(idNum);
424						}
425					});
426					$("#child_"+catID).hide();
427					$(this).html("+");
428					return false;
429				}
430			});
431
432
433
434	
435			//////////////////////////////////////////////////////////////////////////////////////
436			// Category Switch Action
437			$("a[id^='cat_']").click(function(e)
438			{
439				//the id of the category that just changed
440				var catID = this.id.substring(4);
441				
442				//the list of categories we're currently showing
443				numOfCategoriesSelected = gCategoryId.length;
444				 
445				 
446				//First we check if the "All Categories" button was pressed. If so unselect everything else
447				if( catID == 0)
448				{
449					if( !$("#cat_0").hasClass("active")) //it's being activated so unselect everything else
450					{
451						//unselect all other selected categories
452						while (gCategoryId.length > 0)
453						{
454							removeCategoryFilter(gCategoryId[0]);
455						}				
456					}
457				}
458				else
459				{ //we're dealing wtih single categories or parents
460				
461				
462					//first check and see if we're dealing with a parent category
463					if( $("#child_"+catID).find('a').length > 0)
464					{
465						//are we turning the parent on or off?
466						var parentActive = $("#cat_"+catID).hasClass("active");
467						
468						//we want to turn on/off kid categories						
469						var kids = $("#child_"+catID).find('a');
470						kids.each(function(){
471							
472							var kidNum = $(this).attr("id").substring(4);
473							if(!parentActive)
474							{
475								$(this).addClass("active");
476
477							}
478							else
479							{
480								removeCategoryFilter(kidNum);
481								$(this).removeClass("active");
482							}
483						});
484															
485					}//end of if for dealing with parents
486					
487					//check if we're dealing with a child
488					if($(this).attr("cat_parent"))
489					{
490						//get the parent ID
491						parentID = $(this).attr("cat_parent");
492						//if it's active deactivate it
493						//first check and see if we're adding or removing this category
494						if($("#cat_"+parentID).hasClass("active")) //it is active so make it unactive and remove this category from the list of categories we're looking at.
495						{ 
496							removeCategoryFilter(parentID);
497							//also deactiveate any siblings
498							var kids = $("#child_"+parentID).find('a');
499							kids.each(function(){
500								var kidNum = $(this).attr("id").substring(4);
501								removeCategoryFilter(kidNum);
502								$(this).removeClass("active");
503							});
504						}
505						
506					}//end of dealing with kids
507					
508					//first check and see if we're adding or removing this category
509					if($("#cat_"+catID).hasClass("active")) //it is active so make it unactive and remove this category from the list of categories we're looking at.
510					{ 
511						removeCategoryFilter(catID);
512					}
513					else //it isn't active so make it active
514					{ 
515					
516                                            $("#cat_"+catID).addClass("active");
517
518                                            //make sure the "all categories" button isn't active
519                                            removeCategoryFilter("0");
520
521                                            gCategoryId.push(catID);                                            
522					}
523				}
524				
525				
526				//check to make sure something is selected. If nothing is selected then select "all gategories"
527				if( gCategoryId.length == 0)
528				{
529					$("#cat_0").addClass("active");
530					gCategoryId.push("0");
531				}
532
533                                 // Update report filters
534                                map.updateReportFilters({c: gCategoryId});
535
536                                e.stopPropagation();
537
538				
539				return false;
540			});
541			
542
543	// Layer selection
544	$("ul#kml_switch li > a.toggleLayer").click(function(e) {
545		// Get the layer id
546		var layerId = this.id.substring(6);
547		
548
549		var isCurrentLayer = false;
550		var context = this;
551
552		// Remove all actively selected layers
553		$("#kml_switch a").each(function(i) {
554			if ($(this).hasClass("active")) {
555				if (this.id == context.id) {
556					isCurrentLayer = true;
557				}
558			}
559		});
560		//remove the layer if it was clicked again
561		if(isCurrentLayer && layerId != "bath"){
562			map.trigger("deletelayer", $(".layer-name", this).html());
563				$(this).removeClass("active");
564				$("#meta_layer_click_"+layerId).removeClass("layerActive");
565		}
566		
567		// Was a different layer selected?
568		if (!isCurrentLayer && layerId != "bath") {
569			// Set the currently selected layer as the active one
570			$(this).addClass("active");
571			$("#meta_layer_click_"+layerId).addClass("layerActive");
572			map.addLayer(Ushahidi.KML, {
573				name: $(".layer-name", this).html(),
574				url: "json/layer/" + layerId
575			});
576		}
577		console.log(layerId);
578		if(layerId == "bath"){
579		    
580		    if(bathymetry.visibility){
581			$(this).removeClass("active");
582			$("#meta_layer_click_"+layerId).removeClass("layerActive");
583			bathymetry.setVisibility(false);
584		    } else {
585			$(this).addClass("active");
586			$("#meta_layer_click_"+layerId).addClass("layerActive");
587			bathymetry.setVisibility(true);
588		    }
589		}
590
591		return false;
592	});
593	
594	$("ul#kml_switch li > a.layer_meta_clicker").click(function(e) {
595	    
596	    var layerId = this.id.substring(17);
597	    if($(this).hasClass("active")){
598		$(this).removeClass("active");
599		$("#layerMetaInfo_"+layerId).hide();
600	    } else {
601		$(this).addClass("active");
602		$("#layerMetaInfo_"+layerId).show();
603	    }
604	});
605	
606	$("a#timelineSliderToggle").click(function(e) {
607	    if ( $(".slider-holder .ui-slider").is(":visible") ) {
608		
609	    } else {
610		$(".slider-holder").css("height","90px");
611		$(".slider-holder .ui-slider").show();
612		$("#timelineSliderToggle").hide();
613	    }
614	    
615	    return false;
616	});
617	
618		
619	// Timeslider and date change actions
620	$("select#startDate, select#endDate").selectToUISlider({
621		labels: 4,
622		labelSrc: 'text',
623		sliderOptions: {
624			change: function(e, ui) {
625				var from = $("#startDate").val();
626				var to = $("#endDate").val();
627
628				if (to > from && (from != startTime || to != endTime)) {
629					// Update the report filters
630					startTime = from;
631					endTime = to;
632					map.updateReportFilters({s: from, e: to});
633				}
634
635				e.stopPropagation();
636			}
637		}
638	});
639	
640	// Media Filter Action
641	$('.filters a').click(function() {
642		var mediaType = parseFloat(this.id.replace('media_', '')) || 0;
643		
644		$('.filters a.active').removeClass('active');
645		$(this).addClass('active');
646
647		// Update the report filters
648		map.updateReportFilters({m: mediaType});
649		
650		return false;
651	});
652	
653	//Execute the function when page loads
654	smartColumns();
655
656	// Are checkins enabled?
657	
658});
659
660$(window).resize(function () { 
661	//Each time the viewport is adjusted/resized, execute the function
662	smartColumns();
663});
664
665
666    
667    $(document).ready(function(){
668    
669	//bathymetry layer	
670	var proj_4326 = new OpenLayers.Projection('EPSG:4326');
671	var topLeft = new OpenLayers.Geometry.Point(0, 45);
672	OpenLayers.Projection.transform(topLeft, proj_4326, map._olMap.getProjectionObject());
673	var bottomRight = new OpenLayers.Geometry.Point(32, 30);
674	OpenLayers.Projection.transform(bottomRight, proj_4326, map._olMap.getProjectionObject());
675
676	bathymetry = new OpenLayers.Layer.Image(
677	    'Bathymetry',
678	    'https://www.watchthemed.net/media/img/openlayers/bathymetry.jpg',
679	    new OpenLayers.Bounds(topLeft.x, bottomRight.y, bottomRight.x, topLeft.y),
680	    new OpenLayers.Size(1280, 850),
681	     {'isBaseLayer': false, 'alwaysInRange': true}
682	);
683		
684
685	//map._olMap.addLayer(bathymetry);
686	bathymetry.setVisibility(false);
687    });
688
689
690</script>
vendor: 1 bytes, line 690
690
691<script type="text/javascript">
692
693
694//]]>
695</script>
695
696		
697<script type="text/javascript">	
698	//get the current page
699	var path_info = 'main';
700
701	//See what methods should be called based on the page
702	function loadWide(){
703		switch(path_info){		
704		/* Etherton: this is good but we don't need it right now and will probably do this by changing the theme since we'll want to move the category filter
705		case 'main':
706			mainMapWide();
707			break;*/
708		case 'reports/submit':
709			reportSubmitWide();
710			break;
711		case 'reports/view':
712			$('a.wider-map').click();
713			break;
714		case 'admin/reports/edit':
715			$('a.wider-map').click();
716			break;
717		}    
718		
719	}
720
721	//For the reports/submit page, moves the map and the report box below it to be wide
722	function reportSubmitWide(){
723		$('.report-find-location').prependTo($('.report_left'));
724		$('#divMap').parent().prependTo($('.report_left'));
725
726		$('#divMap').width(960);
727		$('.report-find-location').width(940);
728		$('.report-find-location').height(30);
729		$('#location_find').css({"float": "right","top": "-38px","position": "relative"});
730		$('#button').css({"float": "right","top": "-38px","position": "relative"});
731		$('#find_text').css({"position":"relative", "top":"-32px"});
732		$('.report_right').css({"position":"relative", "top":"430px"});
733		$('#divMap').parent().css({'margin':'0'});
734		$('.report_optional').prependTo($('.btn_submit').parent());
735		
736		//Tell the map that it has a new siez to update the center
737		map.updateSize();
738	}
739
740	//For the main "home" page, moves the map and expands the divs
741	function mainMapWide(){
742		$('.map').css({"height":"350px", "width": "900px"});
743		$('#main').css({"height":"500px"});
744		$('#mapStatus').css({"width":"900px"});
745		$('.slider-holder').css({"width":"885px"});
746		$('#content').css({"height":"500px", "width": "1200px"});
747		$('#right').prependTo($('.content-container'));
748		//Tell the map that it has a new size to update the center
749		map._olMap.updateSize();
750	}
751
752	//Reports/ page not accepting listeners elsewhere, so this will load for all pages, but these only exist on the reports/ page
753	$(window).load(function() {
754		loadWide();
755		$('a.map').click(function(){
756			$('#reports-box').width(900);
757			$('#rb_map-view').width(897);
758			$('#filters-box').css({"float":"right"});
759			map.updateSize();
760		});
761		$('a.list').click(function(){
762			$('#reports-box').width(600);
763			$('#filters-box').css({"float":"left"});
764		});
765	});
766
767</script>
767
768
769<script type="text/javascript">	
770	var path_info = 'main';
771	var map_div = '';
772	var my_map = null;
773	var map_expand = false;
774	var ruler_exists = false;
775	//variables to hold map zooming listeners
776	var clickOut;
777	var clickIn;
778	var zoomBox;
779	//conversion for nautical miles
780	var nautMile = 0.539957;
781	var order = 1;
782	var nautChecked = false;
783	var kiloChecked = false;
784	var measureDeactivateAll = null;
785	var measureControls = null;
786
787	$(document).ready(function(){
788		$('a.map').click(function(){
789			if(!map_expand){
790				if(!ruler_exists){
791					Ruler();
792					zoomButtons();
793				}
794				else{
795					$('#toolbarControl').show();
796				}
797				map_expand = true;
798			}
799		});
800		$('a.list').click(function(){
801			if(map_expand){
802				map_expand = false;
803				$('#toolbarControl').hide();
804			}
805		});
806	});
807	// style the sketch fancy
808    var sketchSymbolizers = {
809        "Point": {
810            pointRadius: 4,
811            graphicName: "square",
812            fillColor: "white",
813            fillOpacity: 1,
814            strokeWidth: 1,
815            strokeOpacity: 1,
816            strokeColor: "#333333"
817        },
818        "Line": {
819            strokeWidth: 3,
820            strokeOpacity: 1,
821            strokeColor: "#666666",
822            strokeDashstyle: "dash"
823        },
824        "Polygon": {
825            strokeWidth: 2,
826            strokeOpacity: 1,
827            strokeColor: "#666666",
828            fillColor: "white",
829            fillOpacity: 0.3
830        }
831    };
832    var style = new OpenLayers.Style();
833    
834    style.addRules([new OpenLayers.Rule({symbolizer: sketchSymbolizers})]);
835    var styleMap = new OpenLayers.StyleMap({"default": style});
836    
837    // allow testing of specific renderers via "?renderer=Canvas", etc
838    var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
839    renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;
840
841    measureControls = {
842        line: new OpenLayers.Control.Measure(
843            OpenLayers.Handler.Path, {
844                geodesic: true,
845                persist: true,
846                handlerOptions: {
847                    layerOptions: {
848                        renderers: renderer,
849                        styleMap: styleMap
850                    }
851                }
852            }
853        ),
854        polygon: new OpenLayers.Control.Measure(
855            OpenLayers.Handler.Polygon, {
856                geodesic: true,
857                persist: true,
858                handlerOptions: {
859                    layerOptions: {
860                        renderers: renderer,
861                        styleMap: styleMap
862                    }
863                }
864            }
865        )
866    };
867
868    //turn off all listeners
869    function deactivateAll(runRemotely){
870	
871		//hide the Find Location stuff
872		$('#searchButtons').hide();
873		
874		clickOut.deactivate();
875		clickIn.deactivate();
876		zoomBox.deactivate();
877		$('#'+map_div).css({
878			'cursor': "default"
879		});
880		$('#output').hide();
881		
882		$('#distanceOptionsDiv').hide();
883		for(key in measureControls) {
884		    var control = measureControls[key];
885		    control.deactivate();
886		    my_map.removeControl(control);
887	        }
888		//incase we are on the edit or submit page
889		if( typeof turnOffControls != "undefined" && turnOffControls != null && typeof runRemotely == "undefined"){
890		    turnOffControls(true);
891		}
892		$('#clickOut').removeClass("active");
893		$('#clickIn').removeClass("active");
894		$('#lineDraw').removeClass("active");
895		$('#areaDraw').removeClass("active");
896		$('#noDraw').removeClass("active");
897		
898    }
899    
900    measureDeactivateAll = deactivateAll;
901
902	function createRuler(){
903		//create the ruler buttons
904		$('#'+map_div).before(
905				'<div style="position:absolute;">\
906				<div id="toolbarControl">\
907						<div title="Measure in a series of lines." id="lineDraw" onclick="toggleControl(this)">\
908							<img class="rulerIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\
909						</div>\
910						<div title="Measure within an area." id="areaDraw" onclick="toggleControl(this)">\
911							<img class="areaIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\
912						</div>\
913						<div value="None" title="Turn off measuring." id="noDraw" class="active">\
914							<img class="dragIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\
915						</div>\
916						</br><div id="distanceOptionsDiv">\
917								<input type="radio" id="kilometers" name="distanceOptions" checked> Kilometers\
918								<input type="radio" name="distanceOptions" id="nautMile"> Nautical Miles\
919							</div>\
920						</br><div id = "output"></div>\
921				</div>\
922				');
923		$('#lineDraw').val('line');
924		$('#areaDraw').val('polygon');
925		$('#noDraw').click(function(){
926			deactivateAll();
927		});
928		$('#nautMile').click(function(){
929			if(!nautChecked){
930				nautChecked = true;
931				kiloChecked = false;
932				var dis = parseFloat($('#output').text().substring(10));
933				dis *= nautMile;
934				var out = '';
935				if(order == 1) {
936		            out += "Distance: " + dis + " NM";
937		        } else {
938		        	 out += "Distance: " + dis + " NM" + "<sup>2</sup>";
939		        }
940				document.getElementById('output').innerHTML = out;
941			}
942		});	
943		$('#kilometers').click(function(){
944			if(!kiloChecked){
945				kiloChecked = true;
946				nautChecked = false;
947				var dis = parseFloat($('#output').text().substring(10));
948				dis /= nautMile;
949				var out = '';
950				if(order == 1) {
951		            out += "Distance: " + dis + " km";
952		        } else {
953		        	 out += "Distance: " + dis + " km" + "<sup>2</sup>";
954		        }
955				document.getElementById('output').innerHTML = out;
956			}
957		});		
958	}
959
960    var measureControls;
961    function Ruler(){        
962        ruler_exists = true;
963    	switch(path_info){
964		case 'main':
965			map_div = 'map';
966			my_map = map._olMap;
967			break;
968		case 'reports/submit':
969			map_div = 'divMap';
970			my_map = map;
971			break;
972		case 'reports':
973			map_div = 'rb_map-view';
974			my_map = map;
975			break;
976		case 'reports/view':
977			map_div = 'map';
978			my_map = myMap;
979			break;
980		case 'admin/reports/edit':
981			map_div = 'divMap';
982			my_map = myMap;
983			break;
984        case 'alerts':
985            map_div = 'divMap';
986            my_map = map;
987            break;
988    	}    
989        createRuler();
990        var control;
991        for(var key in measureControls) {
992            control = measureControls[key];
993            control.events.on({
994                "measure": handleMeasurements,
995                "measurepartial": handleMeasurements
996            });
997
998           my_map.addControl(control);
999        }
1000        for(key in measureControls) {
1001            var control = measureControls[key];
1002            control.setImmediate(true);
1003        }
1004	
1005	
1006	
1007
1008
1009    }
1010    
1011    function handleMeasurements(event) {
1012        var units = ($('#kilometers').is(':checked')) ? event.units : 'NM';
1013        order = event.order;
1014        var measure = event.measure;
1015        var element = document.getElementById('output');
1016        var out = "";
1017        var kind = ($('#kilometers').is(':checked')) ? 1 : nautMile;
1018        if(order == 1) {
1019            out += "Distance: " + measure.toFixed(3)*kind + " " + units;
1020        } else {
1021            out += "Distance: " + measure.toFixed(3)*kind + " " + units + "<sup>2</sup>";
1022        }
1023        element.innerHTML = out;
1024        $('#output').show();
1025        $('#distanceOptionsDiv').show();
1026        
1027    }
1028
1029    function toggleControl(element) {
1030        clickIn.deactivate();
1031        clickOut.deactivate();
1032        
1033        $('#'+map_div).css({
1034			'cursor': "default"
1035		});
1036        for(key in measureControls) {
1037            var control = measureControls[key];
1038            if(element.value == key) {
1039                control.activate();
1040            } else {
1041                control.deactivate();
1042            }
1043        }
1044        //console.log(my_map);
1045    }
1046 
1047
1048
1049  //create the ZoomButtons
1050	function zoomButtons(){
1051	    $('.olControlZoom').hide();
1052
1053	    
1054	    $('#lineDraw').before(
1055		    '<div id="clickIn" title="Zoom in"><img class="zoomInIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>\
1056		    <div id="clickOut" title="Zoom out"><img class="zoomOutIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>\
1057		    <div id="ZoomBoxHolder" class="olControlEditingToolbar"></div>'
1058	    );
1059	
1060	    if(path_info == "main"){
1061		$('#noDraw').after(	
1062		    '<div id="fullScreen" title="FullScreen"><img style="border-top-right-radius: 3px;border-bottom-right-radius: 3px;" class="fullScreen" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>'
1063		);
1064		$('#noDraw img').css('border-top-right-radius', '0px');
1065		$('#noDraw img').css('border-bottom-right-radius', '0px');
1066		$("#toolbarControl").css("width","250px");
1067	    }
1068	    
1069	    zoomBox =  new OpenLayers.Control.ZoomBox();	
1070	    
1071	    var panelControls = [ zoomBox ];	
1072	    var container = document.getElementById("ZoomBoxHolder");
1073	    var panel2 = new OpenLayers.Control.Panel({
1074			       div:container,
1075			       displayClass: 'olControlEditingToolbar'
1076			    });
1077	    panel2.addControls(panelControls);	
1078	    my_map.addControl(panel2);
1079	    
1080	    $("#ZoomBoxHolder div").click(function (){
1081		deactivateAll();
1082		zoomBox.activate();
1083		console.log("hey");
1084		$('#'+map_div).css({
1085		    'cursor': "crosshair"
1086		});
1087		
1088	    });
1089	    
1090
1091        OpenLayers.Control.ClickOut = OpenLayers.Class(OpenLayers.Control, {                
1092            defaultHandlerOptions: {
1093                'single': true,
1094                'double': false,
1095                'pixelTolerance': 0,
1096                'stopSingle': false,
1097                'stopDouble': true
1098            },
1099            initialize: function(options) {
1100                this.handlerOptions = OpenLayers.Util.extend(
1101                    {}, this.defaultHandlerOptions
1102                );
1103                OpenLayers.Control.prototype.initialize.apply(
1104                    this, arguments
1105                ); 
1106                this.handler = new OpenLayers.Handler.Click(
1107                    this, {
1108                        'click': this.trigger
1109                    }, this.handlerOptions
1110                );
1111            }, 
1112            trigger: function(e) {
1113            	var lonlat = my_map.getLonLatFromPixel(e.xy);
1114            	my_map.setCenter(lonlat, my_map.getZoom() - 1);
1115            }
1116        });
1117        
1118        OpenLayers.Control.ClickIn = OpenLayers.Class(OpenLayers.Control, {                
1119            defaultHandlerOptions: {
1120                'single': true,
1121                'double': false,
1122                'pixelTolerance': 0,
1123                'stopSingle': false,
1124                'stopDouble': true
1125            },
1126
1127            initialize: function(options) {
1128                this.handlerOptions = OpenLayers.Util.extend(
1129                    {}, this.defaultHandlerOptions
1130                );
1131                OpenLayers.Control.prototype.initialize.apply(
1132                    this, arguments
1133                ); 
1134                this.handler = new OpenLayers.Handler.Click(
1135                    this, {
1136                        'click': this.trigger
1137                    }, this.handlerOptions
1138                );
1139            }, 
1140
1141            trigger: function(e) {
1142            	var lonlat = my_map.getLonLatFromPixel(e.xy);
1143            	my_map.setCenter(lonlat, my_map.getZoom() + 1);
1144            }
1145
1146        });
1147
1148        clickOut = new OpenLayers.Control.ClickOut();
1149        clickIn = new OpenLayers.Control.ClickIn();
1150
1151        my_map.addControl(clickOut);
1152        my_map.addControl(clickIn);
1153        $('#clickOut').click(function(){		
1154	    deactivateAll();
1155	    clickOut.activate();
1156	    $(this).addClass("active");
1157	    $('#'+map_div).css({
1158		    'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomOut.png'), -moz-zoom-out"
1159	    });
1160		
1161	});	
1162	$('#clickIn').click(function(){
1163	    deactivateAll();
1164	    clickIn.activate();
1165	    $(this).addClass("active");
1166	    $('#'+map_div).css({
1167		    'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomIn.png'), -moz-zoom-in"
1168	    });
1169	});	
1170	
1171	$('#fullScreen').click(function(){
1172	    if($("#fullScreen").hasClass("active")){
1173		$("#fullScreen").removeClass("active")
1174		$("#mainmenu").show();
1175		$(".slider-holder").show();
1176		$("#graphWrapper").show();
1177		$(".content-container").show();
1178		$("#footer").show();
1179		$("#clearBoth").show();
1180		$("div.wrapper").css("width","960px");
1181		
1182		$("#page").css({ "height": "auto", "overflow-y": "auto"	});
1183		$("div.wrapper").css("height", "auto");
1184		$("#page").css("height", "auto");
1185		$("#middle").css("height", "auto");
1186		$("div.background").css("height", "auto");
1187		$("#main").css("height", "auto");
1188		$("#mainmiddle").css("height", "auto");
1189		$("#content").css("height", "auto");
1190		$("#map").css("height", "592px");
1191		
1192		$("div#report-type-filter").css("position","relative");
1193		$("div#report-type-filter").css("top","-75px");
1194		$("div#report-type-filter").css("bottom","auto");
1195
1196		$("#mapStatus").css("position","relative");
1197		$("#mapStatus").css("top","-40px");
1198		$("#mapStatus").css("bottom","auto");
1199		
1200		$("#report-map-filter-box").css("float","none");
1201		$("#report-map-filter-box").css("left","730px");
1202		
1203		$("#toolbarControl").css("top", "10px");
1204		$("#searchControl").css("top", "10px");
1205		
1206	    } else {
1207		$("#fullScreen").addClass("active")
1208		
1209		$("#mainmenu").hide();
1210		$(".slider-holder").hide();
1211		$("#graphWrapper").hide();
1212		$(".content-container").hide();
1213		$("#footer").hide();
1214		$("#clearBoth").hide();
1215		$("div.wrapper").css("width","100%");
1216		
1217		$("#page").scrollTop();
1218		$("#page").css({ "height": "100%", "overflow-y": "hidden" });
1219		$("div.wrapper").css("height", "100%");
1220		$("#page").css("height", "100%");
1221		$("#middle").css("height", "100%");
1222		$("div.background").css("height", "100%");
1223		$("#main").css("height", "100%");
1224		$("#mainmiddle").css("height", "100%");
1225		$("#content").css("height", "100%");
1226		$("#map").css("height", "100%");
1227		
1228		$("div#report-type-filter").css("position","absolute");
1229		$("div#report-type-filter").css("top", "auto");
1230		$("div#report-type-filter").css("bottom", "-55px");
1231
1232		$("#mapStatus").css("position","absolute");
1233		$("#mapStatus").css("top","auto");
1234		$("#mapStatus").css("bottom", "-50px");
1235		
1236		$("#report-map-filter-box").css("float","right");
1237		$("#report-map-filter-box").css("left","-10px");
1238
1239		$("#toolbarControl").css("top", "10px");
1240		
1241		$("#searchControl").css("top", "10px");
1242		
1243	    }
1244	    
1245	    my_map.updateSize();
1246	});
1247	
1248	$('#lineDraw').click(function() {
1249	    deactivateAll();
1250	    measureControls.line.activate();
1251	    $(this).addClass("active");
1252	    $('#'+map_div).css({
1253		    'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/rulerLine.png'), -moz-zoom-in"
1254	    });
1255	});
1256	
1257	$('#areaDraw').click(function() {
1258	    deactivateAll();
1259	    measureControls.polygon.activate();
1260	    $(this).addClass("active");
1261	    $('#'+map_div).css({
1262		    'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/rulerPoly.png'), -moz-zoom-in"
1263	    });
1264	});
1265	
1266	$('#ZoomBoxHolder').click(function() {
1267	    deactivateAll();
1268	    zoomBox.activate();
1269	    $('#'+map_div).css({
1270		    'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomToBox.png'), -moz-zoom-in"
1271	    });
1272	});
1273	
1274	$('#noDraw').click(function() {
1275	    deactivateAll();
1276	    $(this).addClass("active");
1277	});
1278  	
1279	}
1280    
1281
1282jQuery(window).load(function() {
1283	if(path_info != 'reports'){
1284		Ruler();
1285		zoomButtons();
1286		
1287	}
1288});
1289	
1290	
1291</script>
1291
1292
1293
1294
1295<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/plugins/mapmeasure/media/css/measureCSS.css"/>
1296
1297
1298
1299
1300<script type="text/javascript">	
1301	
1302	var path_info = 'main';
1303	var map_div = '';
1304	var olMap = null;
1305	var map_search = false;
1306	var search_exists = false;
1307	var olSearchLayer = null;
1308    
1309	var markers = null;
1310
1311	$(document).ready(function(){
1312		$('a.map').click(function(){
1313			if(!map_search){
1314				if(!search_exists){
1315					createSearchbar();
1316				}
1317				else{
1318					$('#searchControl').show();
1319				}
1320				map_search = true;
1321			}
1322		});
1323		$('a.list').click(function(){
1324			if(map_search){
1325				map_search = false;
1326				$('#searchControl').hide();
1327			}
1328		});
1329	});
1330	
1331
1332	function createSearchbar(){
1333		//create the ruler buttons
1334		$('#'+map_div).before(
1335				'<div style="position:absolute;">\
1336				<div id="searchControl">\
1337					<img class="searchIcon" src="https://www.watchthemed.net/plugins/searchlocation/media/img/img_trans.gif" width="1" height="1"/>\
1338						<div id="searchButtons" style="display:none;padding:5px;">\
1339								<input type="text" id="coordinates" placeholder="Lat, Lon (DD, DM or DMS)" name="coordinates"/>\
1340									<input type="button" value="search" onclick="searchLocation();"/> <input type="button" value="clear" onclick="clearSearch();"/></br>\
1341								<hr />\
1342								<button id="enableShiftMode" type="button">Shift Mode</button>\
1343						</div>\
1344				</div>\
1345				');
1346
1347		$('.searchIcon').click(function(){
1348			$('#searchButtons').toggle();
1349		});
1350
1351		$('#enableShiftMode').click(function() {
1352			// Hide reports.
1353			var layersReports = olMap.getLayersByName('Reports');
1354			for (var i = 0; i < layersReports.length; i++) {
1355				var layer = layersReports[i];
1356				layer.setVisibility(false);
1357			}
1358
1359			// Display SAR and territorial waters layers.
1360			var SELECTOR_LAYER_SAR = '#layer_9';
1361			var SELECTOR_LAYER_TERRITORIAL_WATERS = '#layer_15';
1362			$(SELECTOR_LAYER_SAR).click();
1363			$(SELECTOR_LAYER_TERRITORIAL_WATERS).click();
1364			
1365			// Set base layer to bing hybrid map.
1366			var layersHybrid = olMap.getLayersByName('Bing-Hybrid');
1367			for (var i = 0; i < layersHybrid.length; i++) {
1368				var layer = layersHybrid[i];
1369				olMap.setBaseLayer(layer);
1370			}
1371
1372			// Make map fullscreen.
1373			$('#fullScreen').click();
1374		});
1375
1376		map_search = true;
1377		
1378		var template = {
1379		    pointRadius: "10", // using context.getSize(feature)
1380		    fillColor: "#333333", // using context.getColor(feature)
1381		    strokeWidth:"2",
1382		    strokeColor:"#ffffff"
1383		};
1384		var style = new OpenLayers.Style(template);
1385		
1386		olSearchLayer = new OpenLayers.Layer.Vector( "Search Layer", {
1387		    styleMap: new OpenLayers.StyleMap(style)
1388		});
1389				
1390
1391		olMap.addLayer(olSearchLayer);
1392
1393		markers = new WTMSearchLocation.Markers(OpenLayers, olMap, olSearchLayer);
1394
1395		if (markers.hasData()) {
1396			olMap.setCenter(markers.getLatest().olLonLat, olMap.zoom);
1397		}
1398	}
1399
1400
1401	function clearSearch(){
1402		markers.clear();
1403	}
1404
1405	function searchLocation(){
1406		//transform variables for coordinates
1407		var orgCenter = olMap.center;
1408		var searchQuery = $("#coordinates").val();
1409		var parsed = WTMLib.parseCoordinates(searchQuery);
1410		if (parsed.data) {
1411			var searchResult = parsed.data.latLon;
1412		} else {
1413			var errorMessages =
1414				['There were some errors parsing the coordinates: «' + searchQuery + '»:\n']
1415				.concat(parsed.errors.map(function(error) {	return error.message; }));
1416			alert(errorMessages.join('\n- '));
1417		}
1418
1419		// Add a marker to the map
1420		var marker = markers.add({
1421			createdAt: new Date(),
1422			searchQuery: searchQuery,
1423			searchResult: searchResult,
1424			OpenLayers: OpenLayers,
1425			olMap: olMap,
1426			olSearchLayer: olSearchLayer,
1427			popupState: {
1428				label: '',
1429				isShown: true,
1430				isTooltip: false,
1431				isBeingEdited: true
1432			}
1433		});
1434
1435		olMap.setCenter(marker.olLonLat, olMap.zoom);
1436	}
1437
1438jQuery(window).load(function() {
1439	switch(path_info){
1440	case 'main':
1441		map_div = 'map';
1442		olMap = map._olMap;
1443		break;
1444	case 'reports/submit':
1445		map_div = 'divMap';
1446		olMap = map;
1447		break;
1448	case 'reports':
1449		map_div = 'rb_map-view';
1450		olMap = map;
1451		break;
1452	case 'admin/reports/edit':
1453		map_div = 'divMap';
1454		olMap = myMap;
1455		break;
1456	 case 'alerts':
1457        map_div = 'divMap';
1458        olMap = map._olMap;
1459        break;
1460	}
1461	if(path_info != 'reports'){
1462		createSearchbar();
1463	}
1464
1465	});
1466	
1467//
1468</script>
1468
1469
1470<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/plugins/searchlocation/media/css/searchLocationCSS.css"/>
1471
1472
1473
1474
1475</head>
1476
1477
1478
1479<body id="page" class="page-main">
1480
1481<div id="header_nav">
1482	<ul id="header_nav_left">
1483		<li><span class="bignext">&raquo;</span><a href="https://www.watchthemed.net/index.php/">Watch the Med</a></li>
1484			</ul>
1485
1486	
1487	<ul id="header_nav_right">
1488		<li class="header_nav_user header_nav_has_dropdown">
1489		
1490			<a href="https://www.watchthemed.net/index.php/login" style="float:right;padding-top:8px;"><span class="header_nav_label"><strong>Login</strong></span></a>
1491			
1492			<div class="header_nav_dropdown" style="display:none;">
1493			
1494				<form action="https://www.watchthemed.net/index.php/login" method="post" id="userpass_form">
1495<input type="hidden" name="form_auth_token" value="2a653f92bff99b582154a2f9a8734b7836206b6736322687add1927859a2897f"  />
1496
1497				<input type="hidden" name="action" value="signin" />
1498	
1499				<ul>
1500					<li><label for="username">Email</label><input type="text" name="username" id="username" class="" /></li>
1501	
1502					<li><label for="password">Password</label><input name="password" type="password" class="" id="password" size="20" /></li>
1503	
1504					<li><input type="submit" name="submit" value="Login" class="header_nav_login_btn" /></li>
1505				</ul>
1506				</form>
1507				
1508				<ul>
1509	
1510					<li><a href="https://www.watchthemed.net/index.php/login/?newaccount">Create an Account</a></li>
1511	
1512					<li><a href="#" id="header_nav_forgot" onclick="return false">Forgot your password?</a>
1513						<form action="https://www.watchthemed.net/index.php/login" method="post" id="header_nav_userforgot_form">
1514<input type="hidden" name="form_auth_token" value="2a653f92bff99b582154a2f9a8734b7836206b6736322687add1927859a2897f"  />
1515
1516						<input type="hidden" name="action" value="forgot" />
1517						<label for="resetemail">Registered Email</label>
1518						<input type="text" id="resetemail" name="resetemail" value="" />
1519	
1520						<input type="submit" name="submit" value="Reset Password" class="header_nav_login_btn" />
1521						</form>
1522	
1523					</li>
1524				</ul>
1525			</div>
1526
1527				</li>
1528	</ul>
1529</div>
1530  <!-- top bar-->
1531  <div id="top-bar">
1532    <!-- searchbox -->
1533		<div id="searchbox">
1534
1535			<!-- languages -->
1536						<!-- / languages -->
1537
1538			<!-- searchform -->
1539			<div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search">
1540<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form>
1541</div>			<!-- / searchform -->
1542			
1543
1544	    </div>
1545	
1546  </div>
1547  <!-- / searchbox -->
1548
1549
1550	<!-- wrapper -->
1551	<div class="wrapper floatholder">
1552
1553		<!-- header -->
1554		<div id="header">
1555
1556			<!-- logo -->
1557						<div id="logo">
1558				<h1><a href="https://www.watchthemed.net/index.php/">Watch the Med</a></h1>
1559				<span>Development WTM site</span>
1560			</div>
1561						<!-- / logo -->
1562
1563			<!-- submit incident -->
1564						<!-- / submit incident -->
1565
1566						
1567			<div id="searchbox">
1568
1569			<!-- searchform -->
1570			<div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search">
1571<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form>
1572</div>			<!-- / searchform -->
1573
1574			</div>
1575
1576		</div>
1577		<!-- / header -->
1578         <!-- / header item for plugins -->
1579        
1580        
1581		<!-- main body -->
1582		<div id="middle">
1583			<div class="background layoutleft">
1584
1585				<!-- mainmenu -->
1586				<div id="mainmenu" class="clearingfix agile_light_1em">
1587					<ul class="clearingfix">
1588						<div id='mainMenuLeft' class='menuLeft'><li><a href="https://www.watchthemed.net/index.php/main"  class="active">Home</a></li><li><a href="https://www.watchthemed.net/index.php/reports" >Reports</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/9" >
1588How to contribute</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/10" >Safety at Sea</a></li></div><div id='mainMenuRight' class='menuRight'><li><a href="https://www.watchthemed.net/index.php/page/index/1" >The Sea as Frontier</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/2" >Rights at Sea</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/3" >About WTM</a></li></div>					</ul>
1589
1590				</div>
1591				
1592				
1593				
1594				<div id="searchbox">
1595				    <!-- searchform -->
1596				    <div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search">
1597<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form>
1598</div>				    <!-- / searchform -->
1599				    
1600				    <!--
1601				    <a id="submitAReport" href="https://www.watchthemed.net/reports/submit">Submit Report</a>	
1602				    -->
1603				</div>
1604				<!-- / mainmenu -->
1605<script type="text/javascript">
1606$(function(){
1607	
1608	// show/hide report filters and layers boxes on home page map
1609	$("a.toggle").toggle(
1610		function() { 
1611			$($(this).attr("href")).show();
1612			$(this).addClass("active-toggle");
1613		},
1614		function() { 
1615			$($(this).attr("href")).hide();
1616			$(this).removeClass("active-toggle");
1617		}
1618	);
1619	
1620});
1621
1622</script>
1622
1623<!-- main body -->
1624<div id="main" class="clearingfix">
1625	
1626	<div id="fb-root"></div>
1627<script async defer crossorigin="anonymous" src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v3.3"></script>
1627
1628	
1629	<div id="mainmiddle">
1630
1631		<!-- right column -->
1632		<div id="report-map-filter-box" class="clearingfix">
1633			<a class="btn toggle" id="filter-menu-toggle" class="" href="#the-filters">Categories<span id="show_cat_btn" class="btn-icon ic-right">&raquo;</span></a>
1634			
1635			<!-- filters box -->
1636			<div id="the-filters" class="map-menu-box">
1637				                            
1638                                <!-- report category filters -->
1639				
1640
1641<!-- category filters -->
1642<div id="report-category-filter">
1643			<ul id="category_switch" class="category-filters cat_switch">
1644				
1645				<li><a class="active" id="cat_0" href="#">
1646                                     <div class="color_swatch" style="background-color:#bb0203;"></div>
1647
1648                                       <div> <img src="https://watchthemed.net/themes/wtm/images/emptybar.png" style="float:left;width:20px;height:20px;" class="cat_icon"></div>
1649                                       <div class="category-title">All</div>
1650                                   </a></li>
1651				<li><a href="#" id="cat_1"><div class="color_swatch" style="background: #d7b105"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_1_1373470011.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">In Distress</div></a><div class="hide" id="child_1"><ul></ul></div></li><li><a href="#" id="cat_14"><div class="color_swatch" style="background: #368182"></div><div class="swatch" style="background-color:#368182"></div><div class="category-title">Shipwreck</div></a><div class="hide" id="child_14"><ul></ul></div></li><li><a href="#" id="cat_2"><div class="color_swatch" style="background: #d84f23"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_2_1373539325.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Interception</div></a><div class="hide" id="child_2"><ul></ul></div></li><li><a href="#" id="cat_3"><div class="color_swatch" style="background: #959595"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_3_1373539339.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Dead</div></a><div class="hide" id="child_3"><ul></ul></div></li><li><a href="#" id="cat_6"><div class="color_swatch" style="background: #96a741"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_6_1373539350.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Missing</div></a><div class="hide" id="child_6"><ul></ul></div></li><li><a href="#" id="cat_7"><div class="color_swatch" style="background: #338d45"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_7_1373539363.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Investigations</div></a><div class="hide" id="child_7"><ul></ul></div></li><li><a href="#" id="cat_8"><div class="color_swatch" style="background: #ba027a"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_8_1373557886.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Protest</div></a><div class="hide" id="child_8"><ul></ul></div></li><li><a href="#" id="cat_10"><div class="color_swatch" style="background: #7a0a7a"></div><div class="swatch" style="background-color:#7a0a7a"></div><div class="category-title">Push-Back</div></a><div class="hide" id="child_10"><ul></ul></div></li><li><a href="#" id="cat_11"><div class="color_swatch" style="background: #35ad0e"></div><div class="swatch" style="background-color:#35ad0e"></div><div class="category-title">Stranded</div></a><div class="hide" id="child_11"><ul></ul></div></li><li><a href="#" id="cat_12"><div class="color_swatch" style="background: #fa8f0d"></div><div class="swatch" style="background-color:#fa8f0d"></div><div class="category-title">Boza</div></a><div class="hide" id="child_12"><ul></ul></div></li><li><a href="#" id="cat_13"><div class="color_swatch" style="background: #02aacc"></div><div class="swatch" style="background-color:#02aacc"></div><div class="category-title">Testimony</div></a><div class="hide" id="child_13"><ul></ul></div></li><li><a href="#" id="cat_15"><div class="color_swatch" style="background: #d8db1f"></div><div class="swatch" style="background-color:#d8db1f"></div><div class="category-title">Returned by themselves</div></a><div class="hide" id="child_15"><ul></ul></div></li><li><a href="#" id="cat_16"><div class="color_swatch" style="background: #c41818"></div><div class="swatch" style="background-color:#c41818"></div><div class="category-title">NGO vessel involved</div></a><div class="hide" id="child_16"><ul></ul></div></li><li><a href="#" id="cat_17"><div class="color_swatch" style="background: #101fa6"></div><div class="swatch" style="background-color:#101fa6"></div><div class="category-title">Merchant vessel involved</div></a><div class="hide" id="child_17"><ul></ul></div></li><li><a href="#" id="cat_18"><div class="color_swatch" style="background: #2a5e05"></div><div class="swatch" style="background-color:#2a5e05"></div><div class="category-title">Fate unknown</div></a><div class="hide" id="child_18"><ul></ul></div></li>			</ul>
1652</div>
1653			<!-- / category filters -->
1654				<!-- / report category filters -->
1655				
1656				
1657				
1658				
1659							
1660				
1661			</div>
1662			<br/>
1663			<!-- / filters box -->
1664			
1665							<div id="layers-box">
1666					<a class="btn toggle" id="layers-menu-toggle" class="" href="#kml_switch">Layers <span id="show_layers_btn" class="btn-icon ic-right">&raquo;</span></a>
1667					<!-- Layers (KML/KMZ) -->
1668					<ul id="kml_switch" class="category-filters map-menu-box">
1669					  
1670						<li><a href="#" class="toggleLayer" id="layer_11" ><div class="color_swatch" style="background-color:#000000;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_11_1374070003.png"/></span><span class="layer-name">Border police patrols</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_11">&nbsp;</a><div id="layerMetaInfo_11" class="layerMeta">While the exact location of patrols is of course constantly changing, this line indicates the approximate boundary routinely patrolled by border guards’ naval assets. In the open sea, it usually correspond to the outer extent of the contiguous zone, the area in which “State may exercise the control necessary to prevent infringement of its customs, fiscal, immigration or sanitary laws” (UNCLOS, art. 33). Data source: interviews with border police officials.<br><!--
1671 /* Font Definitions */
1672@font-face
1673	{font-family:Times;
1674	panose-1:2 0 5 0 0 0 0 0 0 0;
1675	mso-font-charset:0;
1676	mso-generic-font-family:auto;
1677	mso-font-pitch:variable;
1678	mso-font-signature:3 0 0 0 1 0;}
1679@font-face
1680	{font-family:"MS 明朝";
1681	mso-font-charset:78;
1682	mso-generic-font-family:auto;
1683	mso-font-pitch:variable;
1684	mso-font-signature:1 134676480 16 0 131072 0;}
1685@font-face
1686	{font-family:"MS 明朝";
1687	mso-font-charset:78;
1688	mso-generic-font-family:auto;
1689	mso-font-pitch:variable;
1690	mso-font-signature:1 134676480 16 0 131072 0;}
1691@font-face
1692	{font-family:Cambria;
1693	panose-1:2 4 5 3 5 4 6 3 2 4;
1694	mso-font-charset:0;
1695	mso-generic-font-family:auto;
1696	mso-font-pitch:variable;
1697	mso-font-signature:-536870145 1073743103 0 0 415 0;}
1698 /* Style Definitions */
1699p.MsoNormal, li.MsoNormal, div.MsoNormal
1700	{mso-style-unhide:no;
1701	mso-style-qformat:yes;
1702	mso-style-parent:"";
1703	margin:0cm;
1704	margin-bottom:.0001pt;
1705	mso-pagination:widow-orphan;
1706	font-size:12.0pt;
1707	font-family:Cambria;
1708	mso-ascii-font-family:Cambria;
1709	mso-ascii-theme-font:minor-latin;
1710	mso-fareast-font-family:"MS 明朝";
1711	mso-fareast-theme-font:minor-fareast;
1712	mso-hansi-font-family:Cambria;
1713	mso-hansi-theme-font:minor-latin;
1714	mso-bidi-font-family:"Times New Roman";
1715	mso-bidi-theme-font:minor-bidi;}
1716.MsoChpDefault
1717	{mso-style-type:export-only;
1718	mso-default-props:yes;
1719	font-family:Cambria;
1720	mso-ascii-font-family:Cambria;
1721	mso-ascii-theme-font:minor-latin;
1722	mso-fareast-font-family:"MS 明朝";
1723	mso-fareast-theme-font:minor-fareast;
1724	mso-hansi-font-family:Cambria;
1725	mso-hansi-theme-font:minor-latin;
1726	mso-bidi-font-family:"Times New Roman";
1727	mso-bidi-theme-font:minor-bidi;}
1728@page WordSection1
1729	{size:612.0pt 792.0pt;
1730	margin:72.0pt 90.0pt 72.0pt 90.0pt;
1731	mso-header-margin:36.0pt;
1732	mso-footer-margin:36.0pt;
1733	mso-paper-source:0;}
1734div.WordSection1
1735	{page:WordSection1;}
1736--></div></li><li><a href="#" class="toggleLayer" id="layer_12" ><div class="color_swatch" style="background-color:#da511f;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_12_1374070018.png"/></span><span class="layer-name">Coastal radars</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_12">&nbsp;</a><div id="layerMetaInfo_12" class="layerMeta">Approximate radar beam range covered by coastal radars operating in the frame of national marine traffic monitoring systems. The actual beam depends from several different parameters (including the type of object to be detected). Data source: <a href="http://www.amicidipaola.it/AICT_Finmeccanica.pdf">Finmeccanica</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_2" ><div class="color_swatch" style="background-color:#ffffff;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_2_1374070033.png"/></span><span class="layer-name">Exclusive Economic Zone</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_2">&nbsp;</a><div id="layerMetaInfo_2" class="layerMeta">Maritime area beyond and adjacent to the territorial sea in which the coastal state exercises sovereign rights for the purposes of exploring and exploiting, conserving and managing the natural resources, whether living or non-living, the seabed and its subsoil and the superjacent waters. Its breadth is 200 nautical miles from the straight baselines from which the territorial sea is measured (UNCLOS, Arts. 55, 56 and 57). Data source: <a href="http://www.marineplan.es/ES/ATLAS_EUROPA.pdf">Juan Luis Suárez de Vivero, Atlas of the European Seas and Oceans</a></div></li><li><a href="#" class="toggleLayer" id="layer_10" ><div class="color_swatch" style="background-color:#0089cf;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_10_1374070055.png"/></span><span class="layer-name">Frontex operations</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_10">&nbsp;</a><div id="layerMetaInfo_10" class="layerMeta">Frontex has, in the past few years, carried out several sea operations at the maritime borders of the EU. The blue shapes indicate the approximate extend of these operations. Data source: <a href="http://www.frontexit.org/en/docs/14-map-111-operations-frontex-without-graph/file">Migreurop Altas</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_13" ><div class="color_swatch" style="background-color:#cc0066;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_13_1374070564.png"/></span><span class="layer-name">Mobile phone coverage</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_13">&nbsp;</a><div id="layerMetaInfo_13" class="layerMeta">Global System for Mobile Communications (GSM) network coverage. Data source: <a href="http://www.collinsbartholomew.com/PDF/GSMA%20A2%20lo%20res.pdf">Collins Mobile Coverage</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_14" ><div class="color_swatch" style="background-color:#000000;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_14_1374070525.png"/></span><span class="layer-name">Oil and gas platforms</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_14">
1736&nbsp;</a><div id="layerMetaInfo_14" class="layerMeta">Oil and gas platforms in the Mediterranean. Data source:</div></li><li><a href="#" class="toggleLayer" id="layer_9" ><div class="color_swatch" style="background-color:#da511f;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_9_1374070550.png"/></span><span class="layer-name">Search and Rescue Zone</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_9">&nbsp;</a><div id="layerMetaInfo_9" class="layerMeta">An area of defined dimensions within which a given state is has the responsibility to co-ordinate Search and Rescue operations, i.e. the search for, and provision of aid to, persons, ships or other craft which are, or are feared to be, in
1737distress or imminent danger. Data source: <a href="http://www.uscg.mil/hq/cg5/cg534/nsarc/SAR.8-Circ.3 Global SAR Plan.pdf">IMO availability of search and rescue (SAR) services - SAR.8/Circ.3, 17 June 2011</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_15" ><div class="color_swatch" style="background-color:#97a643;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_15_1374070578.png"/></span><span class="layer-name">Territorial Waters</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_15">&nbsp;</a><div id="layerMetaInfo_15" class="layerMeta">A belt of sea (usually extending up to 12 nautical miles) upon which the sovereignty of a coastal State extends (UNCLOS, Art. 2). Data source: <a href="http://www.marineplan.es/ES/ATLAS_EUROPA.pdf">Juan Luis Suárez de Vivero, Atlas of the European Seas and Oceans</a></div></li>					    
1738					
1739					</ul>
1740				</div>
1741				<!-- /Layers -->
1742							
1743			
1744			<!-- additional content -->
1745			
1746			<!-- / additional content -->
1747		</div>
1748		<!-- / right column -->
1749
1750		<!-- content column -->
1751		<div id="content" class="clearingfix">
1752		    <div style="clear:both;position: relative;"></div>
1753				<!-- map -->
1754<div class="map timeline-enabled" id="map"></div>
1755<div style="clear:both;"></div>
1756<div id="mapStatus">
1757	<div id="mapMousePosition"></div>
1758	<div id="mapProjection"></div>
1759	<div id="mapOutput"></div>
1760</div>
1761<div id="clearBoth" style="clear:both;"></div>
1762<!-- / map -->				<!-- report type filters -->
1763				<div id="report-type-filter" class="filters">
1764
1765										<ul>
1766											<li class="left_most_filter"><div>filter</div></li>
1767											<li><a id="media_0" href="#"><span>All</span></a></li>
1768											<li><a id="media_4" href="#"></span></a></li>
1769											<li><a id="media_1" href="#"></span></a></li>
1770											<li class="right_most_filter" ><a id="media_2" href="#"></a></li>
1771											
1772										</ul>
1773										<div class="floatbox">
1774																							</div>
1775											<!-- / report type filters -->
1776								</div>
1777				<div class="slider-holder">
1778    <a href="#" id="timelineSliderToggle">&nbsp;</a>
1779    <div id="graphSwitch" onclick="toggleGraph();">Histogram</div>
1780	<form action="https://www.watchthemed.net/index.php/main" method="get">
1781		<input type="hidden" value="0" name="currentCat" id="currentCat"/>
1782		<fieldset>
1783			<label for="startDate">From:</label>
1784			<select name="startDate" id="startDate"><optgroup label="2011"><option value="1301608800" selected="selected" >Apr 2011</option><option value="1304200800">May 2011</option><option value="1306879200">Jun 2011</option><option value="1309471200">Jul 2011</option><option value="1312149600">Aug 2011</option><option value="1314828000">Sep 2011</option><option value="1317420000">Oct 2011</option><option value="1320102000">Nov 2011</option><option value="1322694000">Dec 2011</option></optgroup><optgroup label="2012"><option value="1325372400">Jan 2012</option><option value="1328050800">Feb 2012</option><option value="1330556400">Mar 2012</option><option value="1333231200">Apr 2012</option><option value="1335823200">May 2012</option><option value="1338501600">Jun 2012</option><option value="1341093600">Jul 2012</option><option value="1343772000">Aug 2012</option><option value="1346450400">Sep 2012</option><option value="1349042400">Oct 2012</option><option value="1351724400">Nov 2012</option><option value="1354316400">Dec 2012</option></optgroup><optgroup label="2013"><option value="1356994800">Jan 2013</option><option value="1359673200">Feb 2013</option><option value="1362092400">Mar 2013</option><option value="1364767200">Apr 2013</option><option value="1367359200">May 2013</option><option value="1370037600">Jun 2013</option><option value="1372629600">Jul 2013</option><option value="1375308000">Aug 2013</option><option value="1377986400">Sep 2013</option><option value="1380578400">Oct 2013</option><option value="1383260400">Nov 2013</option><option value="1385852400">Dec 2013</option></optgroup><optgroup label="2014"><option value="1388530800">Jan 2014</option><option value="1391209200">Feb 2014</option><option value="1393628400">Mar 2014</option><option value="1396303200">Apr 2014</option><option value="1398895200">May 2014</option><option value="1401573600">Jun 2014</option><option value="1404165600">Jul 2014</option><option value="1406844000">Aug 2014</option><option value="1409522400">Sep 2014</option><option value="1412114400">Oct 2014</option><option value="1414796400">Nov 2014</option><option value="1417388400">Dec 2014</option></optgroup><optgroup label="2015"><option value="1420066800">Jan 2015</option><option value="1422745200">Feb 2015</option><option value="1425164400">Mar 2015</option><option value="1427839200">Apr 2015</option><option value="1430431200">May 2015</option><option value="1433109600">Jun 2015</option><option value="1435701600">Jul 2015</option><option value="1438380000">Aug 2015</option><option value="1441058400">Sep 2015</option><option value="1443650400">Oct 2015</option><option value="1446332400">Nov 2015</option><option value="1448924400">Dec 2015</option></optgroup><optgroup label="2016"><option value="1451602800">Jan 2016</option><option value="1454281200">Feb 2016</option><option value="1456786800">Mar 2016</option><option value="1459461600">Apr 2016</option><option value="1462053600">May 2016</option><option value="1464732000">Jun 2016</option><option value="1467324000">Jul 2016</option><option value="1470002400">Aug 2016</option><option value="1472680800">Sep 2016</option><option value="1475272800">Oct 2016</option><option value="1477954800">Nov 2016</option><option value="1480546800">Dec 2016</option></optgroup><optgroup label="2017"><option value="1483225200">Jan 2017</option><option value="1485903600">Feb 2017</option><option value="1488322800">Mar 2017</option><option value="1490997600">Apr 2017</option><option value="1493589600">May 2017</option><option value="1496268000">Jun 2017</option><option value="1498860000">Jul 2017</option><option value="1501538400">Aug 2017</option><option value="1504216800">Sep 2017</option><option value="1506808800">Oct 2017</option><option value="1509490800">Nov 2017</option><option value="1512082800">Dec 2017</option></optgroup><optgroup label="2018"><option value="1514761200">Jan 2018</option><option value="1517439600">Feb 2018</option><option value="1519858800">Mar 2018</option><option value="1522533600">Apr 2018</option><option value="1525125600">May 2018</option><option value="1527804000">Jun 2018</option><option value="1530396000">Jul 2018</option><option value="1533074400">Aug 2018</option><option value="1535752800">Sep 2018</option><option value="1538344800">Oct 2018</option><option value="1541026800">Nov 2018</option><option value="1543618800">Dec 2018</option></optgroup><optgroup label="2019"><option value="1546297200">Jan 2019</option><option value="1548975600">Feb 2019</option><option value="1551394800">Mar 2019</option><option value="1554069600">Apr 2019</option><option value="1556661600">May 2019</option><option value="1559340000">Jun 2019</option><option value="1561932000">Jul 2019</option><option value="1564610400">Aug 2019</option><option value="1567288800">Sep 2019</option><option value="1569880800">Oct 2019</option><option value="1572562800">Nov 2019</option><option value="1575154800">Dec 2019</option></optgroup><optgroup label="2020"><option value="1577833200">Jan 2020</option><option value="1580511600">Feb 2020</option><option value="1583017200">Mar 2020</option><option value="1585692000">Apr 2020</option><option value="1588284000">May 2020</option><option value="1590962400">Jun 2020</option><option value="1593554400">Jul 2020</option><option value="1596232800">Aug 2020</option><option value="1598911200">Sep 2020</option><option value="1601503200">Oct 2020</option><option value="1604185200">Nov 2020</option><option value="1606777200">Dec 2020</option></optgroup><optgroup label="2021"><option value="1609455600">Jan 2021</option><option value="1612134000">Feb 2021</option><option value="1614553200">Mar 2021</option><option value="1617228000">Apr 2021</option><option value="1619820000">May 2021</option><option value="1622498400">Jun 2021</option><option value="1625090400">Jul 2021</option><option value="1627768800">Aug 2021</option><option value="1630447200">Sep 2021</option><option value="1633039200">Oct 2021</option>
1784<option value="1635721200">Nov 2021</option><option value="1638313200">Dec 2021</option></optgroup><optgroup label="2022"><option value="1640991600">Jan 2022</option><option value="1643670000">Feb 2022</option><option value="1646089200">Mar 2022</option><option value="1648764000">Apr 2022</option><option value="1651356000">May 2022</option><option value="1654034400">Jun 2022</option><option value="1656626400">Jul 2022</option><option value="1659304800">Aug 2022</option><option value="1661983200">Sep 2022</option><option value="1664575200">Oct 2022</option><option value="1667257200">Nov 2022</option><option value="1669849200">Dec 2022</option></optgroup><optgroup label="2023"><option value="1672527600">Jan 2023</option><option value="1675206000">Feb 2023</option><option value="1677625200">Mar 2023</option><option value="1680300000">Apr 2023</option><option value="1682892000">May 2023</option><option value="1685570400">Jun 2023</option><option value="1688162400">Jul 2023</option><option value="1690840800">Aug 2023</option><option value="1693519200">Sep 2023</option><option value="1696111200">Oct 2023</option><option value="1698793200">Nov 2023</option><option value="1701385200">Dec 2023</option></optgroup><optgroup label="2024"><option value="1704063600">Jan 2024</option><option value="1706742000">Feb 2024</option><option value="1709247600">Mar 2024</option><option value="1711922400">Apr 2024</option><option value="1714514400">May 2024</option><option value="1717192800">Jun 2024</option><option value="1719784800">Jul 2024</option><option value="1722463200">Aug 2024</option><option value="1725141600">Sep 2024</option><option value="1727733600">Oct 2024</option></optgroup></select>
1785			<label for="endDate">to:</label>
1786			<select name="endDate" id="endDate"><optgroup label="2011"><option value="1304200799">Apr 2011</option><option value="1306879199">May 2011</option><option value="1309471199">Jun 2011</option><option value="1312149599">Jul 2011</option><option value="1314827999">Aug 2011</option><option value="1317419999">Sep 2011</option><option value="1320101999">Oct 2011</option><option value="1322693999">Nov 2011</option><option value="1325372399">Dec 2011</option></optgroup><optgroup label="2012"><option value="1328050799">Jan 2012</option><option value="1330469999">Feb 2012</option><option value="1333231199">Mar 2012</option><option value="1335823199">Apr 2012</option><option value="1338501599">May 2012</option><option value="1341093599">Jun 2012</option><option value="1343771999">Jul 2012</option><option value="1346450399">Aug 2012</option><option value="1349042399">Sep 2012</option><option value="1351724399">Oct 2012</option><option value="1354316399">Nov 2012</option><option value="1356994799">Dec 2012</option></optgroup><optgroup label="2013"><option value="1359673199">Jan 2013</option><option value="1362092399">Feb 2013</option><option value="1364767199">Mar 2013</option><option value="1367359199">Apr 2013</option><option value="1370037599">May 2013</option><option value="1372629599">Jun 2013</option><option value="1375307999">Jul 2013</option><option value="1377986399">Aug 2013</option><option value="1380578399">Sep 2013</option><option value="1383260399">Oct 2013</option><option value="1385852399">Nov 2013</option><option value="1388530799">Dec 2013</option></optgroup><optgroup label="2014"><option value="1391209199">Jan 2014</option><option value="1393628399">Feb 2014</option><option value="1396303199">Mar 2014</option><option value="1398895199">Apr 2014</option><option value="1401573599">May 2014</option><option value="1404165599">Jun 2014</option><option value="1406843999">Jul 2014</option><option value="1409522399">Aug 2014</option><option value="1412114399">Sep 2014</option><option value="1414796399">Oct 2014</option><option value="1417388399">Nov 2014</option><option value="1420066799">Dec 2014</option></optgroup><optgroup label="2015"><option value="1422745199">Jan 2015</option><option value="1425164399">Feb 2015</option><option value="1427839199">Mar 2015</option><option value="1430431199">Apr 2015</option><option value="1433109599">May 2015</option><option value="1435701599">Jun 2015</option><option value="1438379999">Jul 2015</option><option value="1441058399">Aug 2015</option><option value="1443650399">Sep 2015</option><option value="1446332399">Oct 2015</option><option value="1448924399">Nov 2015</option><option value="1451602799">Dec 2015</option></optgroup><optgroup label="2016"><option value="1454281199">Jan 2016</option><option value="1456700399">Feb 2016</option><option value="1459461599">Mar 2016</option><option value="1462053599">Apr 2016</option><option value="1464731999">May 2016</option><option value="1467323999">Jun 2016</option><option value="1470002399">Jul 2016</option><option value="1472680799">Aug 2016</option><option value="1475272799">Sep 2016</option><option value="1477954799">Oct 2016</option><option value="1480546799">Nov 2016</option><option value="1483225199">Dec 2016</option></optgroup><optgroup label="2017"><option value="1485903599">Jan 2017</option><option value="1488322799">Feb 2017</option><option value="1490997599">Mar 2017</option><option value="1493589599">Apr 2017</option><option value="1496267999">May 2017</option><option value="1498859999">Jun 2017</option><option value="1501538399">Jul 2017</option><option value="1504216799">Aug 2017</option><option value="1506808799">Sep 2017</option><option value="1509490799">Oct 2017</option><option value="1512082799">Nov 2017</option><option value="1514761199">Dec 2017</option></optgroup><optgroup label="2018"><option value="1517439599">Jan 2018</option><option value="1519858799">Feb 2018</option><option value="1522533599">Mar 2018</option><option value="1525125599">Apr 2018</option><option value="1527803999">May 2018</option><option value="1530395999">Jun 2018</option><option value="1533074399">Jul 2018</option><option value="1535752799">Aug 2018</option><option value="1538344799">Sep 2018</option><option value="1541026799">Oct 2018</option><option value="1543618799">Nov 2018</option><option value="1546297199">Dec 2018</option></optgroup><optgroup label="2019"><option value="1548975599">Jan 2019</option><option value="1551394799">Feb 2019</option><option value="1554069599">Mar 2019</option><option value="1556661599">Apr 2019</option><option value="1559339999">May 2019</option><option value="1561931999">Jun 2019</option><option value="1564610399">Jul 2019</option><option value="1567288799">Aug 2019</option><option value="1569880799">Sep 2019</option><option value="1572562799">Oct 2019</option><option value="1575154799">Nov 2019</option><option value="1577833199">Dec 2019</option></optgroup><optgroup label="2020"><option value="1580511599">Jan 2020</option><option value="1582930799">Feb 2020</option><option value="1585691999">Mar 2020</option><option value="1588283999">Apr 2020</option><option value="1590962399">May 2020</option><option value="1593554399">Jun 2020</option><option value="1596232799">Jul 2020</option><option value="1598911199">Aug 2020</option><option value="1601503199">Sep 2020</option><option value="1604185199">Oct 2020</option><option value="1606777199">Nov 2020</option><option value="1609455599">Dec 2020</option></optgroup><optgroup label="2021"><option value="1612133999">Jan 2021</option><option value="1614553199">Feb 2021</option><option value="1617227999">Mar 2021</option><option value="1619819999">Apr 2021</option><option value="1622498399">May 2021</option><option value="1625090399">Jun 2021</option><option value="1627768799">Jul 2021</option><option value="1630447199">Aug 2021</option><option value="1633039199">Sep 2021</option><option value="1635721199">Oct 2021</option><option value="1638313199">Nov 2021</option><option value="1640991599">Dec 2021</option></optgroup><optgroup label="2022"><option value="1643669999">Jan 2022</option><option value="1646089199">Feb 2022</option><option value="1648763999">Mar 2022</option><option value="1651355999">Apr 2022</option><option value="1654034399">May 2022</option><option value="1656626399">Jun 2022</option><option value="1659304799">Jul 2022</option><option value="1661983199">Aug 2022</option><option value="1664575199">Sep 2022</option><option value="1667257199">Oct 2022</option><option value="1669849199">Nov 2022</option><option value="1672527599">Dec 2022</option></optgroup><optgroup label="2023"><option value="1675205999">Jan 2023</option><option value="1677625199">Feb 2023</option><option value="1680299999">Mar 2023</option><option value="1682891999">Apr 2023</option><option value="1685570399">May 2023</option><option value="1688162399">Jun 2023</option><option value="1690840799">Jul 2023</option><option value="1693519199">Aug 2023</option><option value="1696111199">Sep 2023</option><option value="1698793199">Oct 2023</option><option value="1701385199">Nov 2023</option><option value="1704063599">Dec 2023</option></optgroup><optgroup label="2024"><option value="1706741999">Jan 2024</option><option value="1709161199">Feb 2024</option><option value="1711922399">Mar 2024</option><option value="1714514399">Apr 2024</option><option value="1717192799">May 2024</option><option value="1719784799">Jun 2024</option><option value="1722463199">Jul 2024</option><option value="1725141599">Aug 2024</option><option value="1727733599">Sep 2024</option><option value="1730415599" selected="selected" >Oct 2024</option></optgroup></select>
1787		</fieldset>
1788	</form>
1789</div>
1790
1791<script type="text/javascript">
1792    function toggleGraph(){
1793	if($(".graph-holder").is(":visible")){
1794	    $(".graph-holder").hide(400);
1795	    $("#graphSwitch").removeClass("active");
1796	    $("#graphWrapper").css("padding-bottom","0px");
1797	} else {
1798	    $("#graphSwitch").addClass("active");
1799	    $(".graph-holder").show(400);
1800	    $("#graphWrapper").css("padding-bottom","10px");
1801	    window.setTimeout(function(){reDrawGraph();},500);
1802	    
1803	}
1804    }
1805</script>
1805
1806<div id="graphWrapper">    
1807
1808    <div id="graph" class="graph-holder"></div>
1809</div>
1810			</div>
1811		</div>
1812		<!-- / content column -->
1813
1814	</div>
1815</div>
1816<!-- / main body -->
1817
1818<!-- content -->
1819<div class="content-container" style="position: relative;top: -198px;">
1820
1821	<!-- content blocks -->
1822	<div class="content-blocks clearingfix">
1823		<ul class="content-column">
1824                    
1825                    
1826    
1827		    <li id="front-col-small"  style="width:310px; padding:0px; float:right;">
1828			
1829						<div style="cursor: pointer;" onclick="window.open('http://alarmphone.org/en/', '_blank');">
1830<div id="wtm_network" class="wtm_head_up banner_box_c">
1831  <h1>ALARM PHONE</h1>
1832  <a target="_self" href="#"><img src="https://www.watchthemed.net/themes/wtm/images/icons/alarmphone-icon.png" /></a>
1833</div>
1834</div>
1835                        
1836                        <div id="front_all_about" class="wtm_head_up">
1837			    <div id="front_about">
1838				<h1>About</h1>
1839				<p> 
1840				    Watch the Mediterranean Sea is an online mapping platform to monitor the deaths and violations of migrants' rights at the maritime borders of the EU
1841				</p>
1842			    </div>
1843			    <div id="how_to_report_box">	<!--front_flyer-->		
1844				<p> 
1845				    Read the Flyer: <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-eng.pdf">english</a>, <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-french.pdf">french</a>, <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-arabic.pdf">arabic</a>
1846				</p>
1847			    </div>
1848			    <!--
1849			    <div id="how_to_report_box">
1850				<a href="https://www.watchthemed.net/page/index/4"><h2>How to Report</h2></a>-->
1851				<!-- Phone -->
1852				<!--
1853				-->
1854
1855				<!-- External Apps --><!--
1856								<p>
1857					By using an app:<br/>
1858					<a href="http://download.ushahidi.com/track_download.php?download=ios">iPhone</a>, <a href="http://download.ushahidi.com/track_download.php?download=android">Android</a>				</p>
1859								-_>
1860				<!-- Email --><!--
1861								<p>
1862					By sending an email:<br/>
1863					<a href="mailto:[email protected]">[email protected]</a>
1864				</p>
1865				 -->
1866
1867				<!-- Twitter --><!--
1868				-->
1869
1870				<!-- Web Form --><!--
1871				<p>
1872					<a href="https://www.watchthemed.net/index.php/reports/submit/">
1873					    By filling this form on our website.					    
1874					</a>
1875				    <br/>
1876				    <br/>
1877				    <br/>
1878				    <a id="submitAReport" class="sidepanel" href="https://www.watchthemed.net/reports/submit">Submit Report</a>	
1879				</p>
1880
1881
1882
1883			    </div>-->
1884			</div>
1885			<!--
1886			<div id="front_social" class="wtm_head_up">
1887			    <a class="social" target="_blank" href="https://www.facebook.com/pages/Watch-The-Med/142123319326364#"><div id="social_facebook"></div></a>
1888			    <a class="social" target="_blank" href="https://twitter.com/watchthemed"><div id="social_twitter"></div></a>
1889			    <a class="social" target="_blank" href="https://www.watchthemed.net/feed"><div id="social_rss"></div></a>
1890			</div>
1891			-->
1892			<div id="front_social" class="wtm_head_up">
1893			    <a class="social" target="_blank" href="https://www.facebook.com/watchthemed.alarmphone/"><div id="social_facebook"></div></a>
1894			    <a class="social" target="_blank" href="https://twitter.com/alarm_phone"><div id="social_twitter"></div></a>
1895			    <a class="social" target="_blank" href="https://www.watchthemed.net/feed"><div id="social_rss"></div></a>
1896			</div>
1897
1898			<!--
1899      <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FWatch-The-Med%2F142123319326364&amp;width=310&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=true&amp;stream=true&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:310px; height:427px; padding: 0;" class="wtm_head_up" allowTransparency="true"></iframe>
1900		-->
1901	<div class="fb-page" data-href="https://www.facebook.com/watchthemed.alarmphone/" data-tabs="timeline" data-width="310" data-height="427" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/watchthemed.alarmphone/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/watchthemed.alarmphone/">Watch The Med - Alarmphone</a></blockquote></div>			<div id="wtm_network" class="wtm_head_up banner_box">
1902  <h1>WTM-Network</h1>
1903  <a target="_blank" href="https://www.facebook.com/boats4people"><img src="https://www.watchthemed.net/themes/wtm/images/logos/b4p.png" /></a>
1904  <a target="_blank" href="http://ffm-online.org/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/ffm.jpg" /></a>
1905  <a target="_blank" href="http://www.afrique-europe-interact.net/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/aei.png" /></a>
1906  <a target="_blank" href="http://w2eu.info/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/w2eu.png" /></a>
1907</div>
1908
1909<div id="supported_by" class="wtm_head_up banner_box">
1910  <h1>Supported by</h1>
1911  <a target="_blank" href="http://www.stiftung-do.org/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/do2.png" /></a>
1912  <a target="_blank" href="http://www.proasyl.de/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/proasyl2.png" /></a>
1913  <a target="_blank" href="http://www.medico.de/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/medico3.png" /></a>
1914</div>
1915
1916
1917			
1918			<!--
1919			<div id="tag cloud" class="wtm_head_up">
1920			    <h1>Not sure what goes here</h1>
1921			</div>
1922			-->
1923
1924		    </li>
1925		    <li id="front-page-news" class="wtm_head_up" style="width:620px; float:left;">
1926			<h1>WatchTheMed Alarm Phone Reports</h1>
1927			<table style="width:100%;">
1928							    <tr>
1929				<td>
1930									    <div class="front_date_cat">
1931					Date 2024-10-14 / Category: In Distress /				    </div>
1932				    <h2><a href="https://www.watchthemed.net/reports/view/3335">13/10: 12 travellers rescued by Salvamento Maritimo in the Western Med</a></h2>
1933				    <div class="front_teaser">
1934					Watch The Med Alarm Phone Investigations – 13th October 2024
1935Case name: 2024_10_13-WM031
1936Situation: 12 travellers in distress in the Western Med, rescued to Motril by Salvamento Maritimo.
1937Status of WTM Investigation: Concluded
1938Place of Incident: Western Mediterranean... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3335">more&gt;</a>				    </div>
1939				</td>				
1940			    </tr>
1941							    <tr>
1942				<td>
1943									    <div class="front_date_cat">
1944					Date 2024-10-14 / Category: In Distress /				    </div>
1945				    <h2><a href="https://www.watchthemed.net/reports/view/3333">13/10: 159 travellers rescued to El Hierro</a></h2>
1946				    <div class="front_teaser">
1947					Watch The Med Alarm Phone Investigations – 13th October 2024
1948Case name: 2024_10_13-ATL032
1949Situation: 159 travellers in distress in the Atlantic Ocean, rescued by Salvamento Maritimo and brought to El Hierro.
1950Status of WTM Investigation: Concluded
1951Place of Incident:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3333">more&gt;</a>				    </div>
1952				</td>				
1953			    </tr>
1954							    <tr>
1955				<td>
1956									    <div class="front_date_cat">
1957					Date 2024-10-13 / Category: In Distress /				    </div>
1958				    <h2><a href="https://www.watchthemed.net/reports/view/3334">12/10: 20 travellers rescued by Salvamento Maritimo in the Western Med</a></h2>
1959				    <div class="front_teaser">
1960					Watch The Med Alarm Phone Investigations – 12th October 2024
1961Case name: 2024_10_12-WM30
1962Situation: 20 travellers in distress in the Western Med, rescued by Salvamento Maritimo.
1963Status of WTM Investigation: Concluded
1964Place of Incident: Western Mediterranean
1965
1966Summary... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3334">more&gt;</a>				    </div>
1967				</td>				
1968			    </tr>
1969							    <tr>
1970				<td>
1971									    <div class="front_date_cat">
1972					Date 2024-10-09 / Category: In Distress /				    </div>
1973				    <h2><a href="https://www.watchthemed.net/reports/view/3332">08/10: 26 travellers rescued to Cadiz</a></h2>
1974				    <div class="front_teaser">
1975					Watch The Med Alarm Phone Investigations – 8th October 2024
1976Case name: 2024_10_08-ATL031
1977Situation: 26 travellers in distress in the Atlantic Ocean, rescued and brought to Cadiz.
1978Status of WTM Investigation: Concluded
1979Place of Incident: Atlantic Ocean
1980
1981Summary... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3332">more&gt;</a>				    </div>
1982				</td>				
1983			    </tr>
1984							</table>
1985		
1986		    </li>
1987                    
1988                     <li id="front-page-news" class="wtm_head_up" style="width:620px; float:left;">
1989			<h1 style= "border-bottom: 6px solid #338d45;">Investigations</h1>
1990			<table style="width:100%;">
1991							    <tr>
1992				<td>
1993									    <div class="front_date_cat">
1994					Date 2023-02-27 / Category: In Distress /				    </div>
1995				    <h2><a href="https://www.watchthemed.net/reports/view/3036">26/02: 47 travellers pulled back by the Moroccan navy in the Atlantic</a></h2>
1996				    <div class="front_teaser">
1997					Watch The Med Alarm Phone Investigations – 26th February 2023
1998
1999Case name: 2022_02_26ATL017
2000
2001Situation: 47 travellers in distress in the Altantic Ocean, pulled back by the Moroccan navy after having been... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3036">more&gt;</a>				    </div>
2002				</td>				
2003			    </tr>
2004							    <tr>
2005				<td>
2006									    <div class="front_date_cat">
2007					Date 2023-02-11 / Category: In Distress /				    </div>
2008				    <h2><a href="https://www.watchthemed.net/reports/view/3109">8/12/22-25/01/23: 48 days back and forth at the Turkish-Greek land border</a></h2>
2009				    <div class="front_teaser">
2010					Watch The Med Alarm Phone Investigations – 8/12/22 - 25/01/23
2011
2012Case name: 2022_12_08- Eastern Med - 1082
2013
2014Situation: 48 days Back and forth at the Turkish-Greek land border
2015
2016Status of WTM Investigation:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3109">more&gt;</a>				    </div>
2017				</td>				
2018			    </tr>
2019							    <tr>
2020				<td>
2021									    <div class="front_date_cat">
2022					Date 2020-10-17 / Category: In Distress /				    </div>
2023				    <h2><a href="https://www.watchthemed.net/reports/view/1698">16/10: 6 people stranded in Greece after crossing the landborder, fate unclear</a></h2>
2024				    <div class="front_teaser">
2025					Watch The Med Alarm Phone Investigations – 16th of October 2020
2026Case name: 2019_10_16-AEG714
2027Situation: 6 people stranded near the Greek-Turkish land border, fate unclear.
2028Status of WTM Investigation:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/1698">more&gt;</a>				    </div>
2029				</td>				
2030			    </tr>
2031							    <tr>
2032				<td>
2033									    <div class="front_date_cat">
2034					Date 2020-10-16 / Category: In Distress /				    </div>
2035				    <h2><a href="https://www.watchthemed.net/reports/view/1697">15/10: 16 people pushed back from the Evros river</a></h2>
2036				    <div class="front_teaser">
2037					Watch The Med Alarm Phone Investigations – 15th of October 2020
2038Case name: 2019_10_15-AEG713
2039Situation: 16 people on an island on the Greek side of the Evros river pushed back to Turkey
2040Status of WTM... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/1697">more&gt;</a>				    </div>
2041				</td>				
2042			    </tr>
2043							    <tr>
2044				<td>
2045					<img class="teaser_img" src="https://www.watchthemed.net/media/uploads/32_1_1381537411_t.jpg"/>				    <div class="front_date_cat">
2046					Date 2013-10-11 / Category: In Distress /				    </div>
2047				    <h2><a href="https://www.watchthemed.net/reports/view/32">Over 200 die after shooting by Libyan vessel and delay in rescue</a></h2>
2048				    <div class="front_teaser">
2049					On the 11 October 2013, a boat carrying over 400 people sank after being shot by a Libyan vessel. Despite the rescue operation led by Maltese and Italian assets that saved 212 people, it is believed that... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/32">more&gt;</a>				    </div>
2050				</td>				
2051			    </tr>
2052							    <tr>
2053				<td>
2054					<img class="teaser_img" src="https://www.watchthemed.net/media/uploads/16_1_1378140296_t.png"/>				    <div class="front_date_cat">
2055					Date 2011-04-10 / Category: In Distress /				    </div>
2056				    <h2><a href="https://www.watchthemed.net/reports/view/16">Left-to-die boat</a></h2>
2057				    <div class="front_teaser">
2058					The migrants’ vessel left the Port of Tripoli between 00:00 and 02:00 GMT on 27 March 2011 with 72 migrants on board. The vessel was sighted by a French aircraft which transmitted its coordinates to Rome... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/16">more&gt;</a>				    </div>
2059				</td>				
2060			    </tr>
2061							</table>
2062		    </li>
2063		    <!--end of news-->
2064		</ul>
2065	</div>
2066	<!-- /content blocks -->
2067
2068</div>
2069<!-- content -->
2070
2071<div style="clear:both;"></div>
2072
2073
2074
2075
2076
2077			</div>
2078			<div style="clear:both;"></div>
2079		</div>
2080		<!-- / main body -->
2081
2082	</div>
2083	<!-- / wrapper -->
2084<div style="clear:both;"></div>
2085	<!-- footer -->
2086	<div id="footer" class="clearingfix">
2087
2088		<div id="underfooter"></div>
2089
2090		<!-- footer content -->
2091		<div class="wrapper floatholder">
2092
2093
2094			<!-- footer menu -->
2095			<div class="footermenu">
2096				<ul class="clearingfix">
2097					<li>
2098						<a class="item1" href="https://www.watchthemed.net/index.php/">
2099							Home						</a>
2100					</li>
2101
2102					
2103					
2104										
2105					<li>
2106						<a href="https://www.watchthemed.net/page/index/8">
2107							Impressum
2108						</a>
2109					</li>
2110
2111					
2112					<li>
2113						<a href="https://www.watchthemed.net/page/index/7">
2114							Contact Us						</a>
2115					</li>
2116					
2117
2118					
2119				</ul>
2120							</div>
2121			<!-- / footer menu -->
2122
2123
2124		</div>
2125		<!-- / footer content -->
2126
2127	</div>
2128	<!-- / footer -->
2129
2130	
2131
2132				<!-- Task Scheduler -->
2133				
2133<script type="text/javascript">
2134				setTimeout(function() {
2135					var scheduler = document.createElement('img');
2136					    scheduler.src = "https://www.watchthemed.net/scheduler";
2137					    scheduler.style.cssText = "width: 1px; height: 1px; opacity: 0.1;";
2138
2139					document.body.appendChild(scheduler);
2140				}, 200);
2141				</script>
2141
2142				<!-- End Task Scheduler --></body>
2143</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.