var INIT_G_MAP_TYPE			= G_NORMAL_MAP;
var MAX_INIT_ZOOM_LEVEL		= 14;
var DEF_GOTO_ZOOM_LEVEL		= 15;

var map						= null;
var g_map_type				= INIT_G_MAP_TYPE;

var map_container			= null;
var map_flag_image			= null;

var message_div				= null;
var default_marker_handler	= null;

var get_location_info_data	= null;

var flag_list	= null;
var scroller	= null;

var goto_flag	= null;

var _flag_id = 1;
var flags = Array();

var selected_flag		= null;
var selected_flagimage	= null;
var previous_zoomlevel	= null;

var xmlhttp		= null;
var change_log	= Array(); // status: create, update, delete, copy, move

var baseIcon				= new GIcon();
baseIcon.image				= "/img/markers/133.png";
baseIcon.shadow				= "/img/markers/shadow50.png";
baseIcon.transparent		= "/img/markers/markerTransparent.png";

baseIcon.iconSize			= new GSize(20, 34);
baseIcon.shadowSize			= new GSize(37, 34);
baseIcon.iconAnchor			= new GPoint(9, 34);
baseIcon.infoWindowAnchor	= new GPoint(9, 2);
baseIcon.infoShadowAnchor	= new GPoint(18, 25);

baseIcon.imageMap	= [9,0,6,1,4,2,2,4,0,8,0,12,1,14,2,16,5,19,7,23,8,26,9,30,9,34,11,34,11,30,12,26,13,24,14,21,16,18,18,16,20,12,20,8,18,4,16,2,15,1,13,0];

var baseRouteIcon				= new GIcon();
baseRouteIcon.image				= "/img/track/133.png";
//baseRouteIcon.shadow			= "/img/track/shadow50.png";
baseRouteIcon.transparent		= "/img/track/markerTransparent.png";

baseRouteIcon.iconSize			= new GSize(8, 8);
//baseRouteIcon.shadowSize		= new GSize(8, 8);
baseRouteIcon.iconAnchor		= new GPoint(4, 4);
baseRouteIcon.infoWindowAnchor	= new GPoint(4, 0);
//baseRouteIcon.infoShadowAnchor	= new GPoint(18, 25);

baseRouteIcon.imageMap	= [0,0, 0,7, 7,7, 7,0];


function Flag(map, flag_data)
{
	/* flag_data = {id, name, desc, tags, point_x, point_y, is_route, list_sort, media_url, media_type, owner_id, owner_name, is_default, editable}
	*/

	var self = this;

	self.id			= null;
	self.name		= "";
	self.desc		= "";
	self.tags		= "";
	self.point_x	= null;
	self.point_y	= null;
	self.is_route	= false;
	self.list_sort	= null;
	self.media_url	= null;
	self.media_type	= null;
	self.owner_id	= null;
	self.owner_name	= null;
	self.is_default	= false;
	self.editable	= false;

	self.map		= null;
	self.marker		= null;
	self.icon		= null;
	self.html		= "";

	self.list_item	= null;

	self.constructor = function(map, flag_data)
	{
		self.id = ((flag_data.id) ? (flag_data.id) : ("_" + (_flag_id++)));

		self.setWindowDetails(flag_data.name, flag_data.desc, flag_data.tags, flag_data.media_url, flag_data.media_type, flag_data.owner_id, flag_data.owner_name, flag_data.is_default, flag_data.editable);

		self.point_x	= flag_data.point_x;
		self.point_y	= flag_data.point_y;
		self.is_route	= flag_data.is_route;
		self.list_sort	= flag_data.list_sort;

		if (self.is_route == '1')
		{
			self.icon = new GIcon(baseRouteIcon);
			self.icon.image = ((self.editable) ? ("/img/track/066.png") : ("/img/track/133.png"));
		}
		else
		{
			self.icon = new GIcon(baseIcon);
			self.icon.image = ((self.is_default) ? ("/img/markers/216.png") : ((self.editable) ? ("/img/markers/066.png") : ("/img/markers/133.png")));
		}
		self.map	= map;
		self.marker	= new GMarker(new GPoint(self.point_x, self.point_y), {title: flag_data.name, icon: self.icon, draggable: true, dragCrossMove: false, bouncy: true, bounceGravity: 1});

		self.marker.disableDragging();

		self.map.addOverlay(self.marker);

		if (map_editable)
		{
			GEvent.addListener
			(
				self.marker,
				"click",
				function(marker, point)
				{
					if (!selected_flag || selected_flag == self)
					{
						self.createWindow();
					}
				}
			);
			GEvent.addListener
			(
				self.marker,
				"dblclick",
				function(marker, point)
				{
					if (!selected_flag || selected_flag == self)
					{
						if (self.editable)
						{
							start_edit(self);
						}
						else
						{
							self.createWindow();
						}
					}
				}
			);
			GEvent.addListener
			(
				self.marker,
				"dragstart",
				function(marker)
				{
					if (selected_flag == self)
					{
						self.hideWindow();
					}
				}
			);
			GEvent.addListener
			(
				self.marker,
				"dragend",
				function(marker)
				{
					if (selected_flag == self)
					{
						self.point_x = self.marker.getPoint().x;
						self.point_y = self.marker.getPoint().y;

						self.createWindow();
					}
				}
			);
		}
		else
		{
			GEvent.addListener
			(
				self.marker,
				"click",
				function(marker, point)
				{
					if (selected_flag != self)
					{
						self.select();
					}
				}
			);

//			GEvent.addListener
//			(
//				self.marker,
//				"mouseover",
//				function(marker, point)
//				{
//					if (selected_flag != self)
//					{
//						try
//						{
//							for (var i=0; i<flag_list.flag_items.length; i++)
//							{
//								if (flag_list.flag_items[i].id == self.id)
//								{
//									if (flag_list.flag_items[flag_list.prev_i])
//									{
//										flag_list.flag_items[flag_list.prev_i].deselect();
//									}
//									flag_list.flag_items[i].select();
//									flag_list.prev_i = i;
//								}
//							}
//						}
//						catch(e)
//						{
//						}
//						document.title = self.name+"";
//					}
//				}
//			);
		}
	}

	self.setWindowDetails = function(name, desc, tags, media_url, media_type, owner_id, owner_name, is_default, editable)
	{
		self.name 		= name;
		self.desc 		= desc;
		self.tags 		= tags;
		self.media_url	= media_url;
		self.media_type	= media_type;

		if (owner_id && owner_name)
		{
			self.owner_id	= owner_id;
			self.owner_name	= owner_name;

			self.editable	= editable;
		}
		self.is_default	= is_default;

		self.createWindowHTML();
	}

	self.createWindowHTML = function()
	{
		self.html  = "";

		if (self.name)
		{
			self.html += "<b style='color:#FF6609;'>" + self.name + "</b>";
		}
		else
		{
			self.html += "<i><b>New flag</b></i>";
		}
		self.html += "<br/>";

		if (self.media_url)
		{
			switch (self.media_type)
			{
				case 'IMG':

					self.html += "<br/>";
					self.html += "<img src=\"" + self.media_url + "\" height=\"100\" border=\"1\" align=\"left\">";
					self.html += '<div style="float:left;">';
					self.html += "<img src=\"/img/markers/magnify.png\" border=\"0\" onclick=\"enlarge_picture(" + self.id + ", true);\" style=\"cursor:pointer;margin:5px;\"><br/>";
					break;

				case 'MOV':
					self.html += "<br/>";
					self.html += "<embed src=\"" + self.media_url + "\" height=\"150\"></embed>";
					self.html += "<div>";
					break;

				case 'WAV':
					self.html += "<br/>";
					self.html += "<embed src=\"" + self.media_url + "\" height=\"50\"></embed>";
					self.html += "<div>";
					break;

				default:
					self.html += "<br/>";
					self.html += "<div>";
					break;
			}
		}
		else
		{
			self.html += "<div>";
		}

		self.html += "";
		self.html += ''+'<a href="#" id="view_detailed_map" onclick="selected_flag.zoom_to_detail(true);">View detailed map</a>';

		if (self.id > -1)
		{
			self.html += '<br/>'+'<a href="#" onclick="tell_a_friend()">Tell a friend!</a>';
			self.html += (remote_user_id ? '<br/>'+(remote_user_id != self.owner_id ? '<a href="#" onclick="save_as_friend(remote_user_id,'+self.owner_id+')">Add to my friends</a>' : '') : '');
			self.html += "</div>";
		}

		self.html += "</div>";

		if (self.desc)
		{
			self.html += "<br/>";
			self.html += "" + self.desc.replace(/[\r\n\s]+$/g, "").replace(/\r\n|\n\r|\r|\n/g, "<br/>") + "";
			self.html += "<br/>";
		}
		if (self.tags)
		{
			self.html += "<br/>";
			self.html += "<i>Tags: " + self.tags + "</i>";
		}
		if (self.owner_id && self.owner_name)
		{
			self.html += "<br/>";
			self.html += "<i>Owner: <a href=\"user.php?id=" + self.owner_id + "\">" + self.owner_name + "</a></i>";
		}

		self.html += '<div id="gwindow_content_other" style="display:none"></div>';
		self.html += "</div>";
	}

	self.createWindow = function()
	{
		var html = self.html;

		if (self.editable)
		{
			if (selected_flag == self)
			{
				html += "<br>";
				html += "<i>Edit details for this flag in the right<br>colomn and click 'Save flag details' &raquo;</i>";
			}
			else
			{
				html += "<br>";
				html += "<i>";
				html += "<a href=\"javascript:start_edit_id('" + self.id + "')\">edit flag &raquo;</a>";

				if (!self.is_default)
				{
					if (self.id > -1)
					{
						html += "<br>";
						html += "<a id='move_flag_link_" + self.id + "' style='display:inline' href='javascript:show_move_flag_select(\"" + self.id + "\")'>move flag &raquo;</a>";
						html += "<select id='move_flag_select_" + self.id + "' style='display:none; font-size:10px; margin-left: 4px;' onchange='move_flag_id_to_map(\"" + self.id + "\", this.options[this.selectedIndex].value)'>";
						html += "<option value=''>move flag to map:</option>";

						for (var i in move_to_map_list)
						{
							var map_name = move_to_map_list[i].toString();

							if (map_name.substring(0, 11) == 'function ()') continue;

							html += "<option value='" + i + "'>" + map_name + "</option>";
						}
						html += "</select>";
						html += "<br>";
						html += "<a id='copy_flag_link_" + self.id + "' style='display:inline' href='javascript:show_copy_flag_select(\"" + self.id + "\")'>copy flag &raquo;</a>";
						html += "<select id='copy_flag_select_" + self.id + "' style='display:none; font-size:10px; margin-left: 4px;' onchange='copy_flag_id_to_map(\"" + self.id + "\", this.options[this.selectedIndex].value)'>";
						html += "<option value=''>copy flag to map:</option>";

						for (var i in move_to_map_list)
						{
							var map_name = move_to_map_list[i].toString();

							if (map_name.substring(0, 11) == 'function ()') continue;

							html += "<option value='" + i + "'>" + map_name + "</option>";
						}
						html += "</select>";
					}
					html += "<br>";
					html += "<a href=\"javascript:delete_flag_id('" + self.id + "')\">remove flag &raquo;</a>";
				}
				html += "</i>";
			}
		}

		var bookmarks = "";

		if (self.id > -1)
		{
			bookmarks += '<div class="reddit"><a target="_blank" href="http://reddit.com/submit?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="Reddit"></a></div>';
			bookmarks += '<div class="delicious"><a target="_blank" href="http://del.icio.us/post?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="del.icio.us"></a></div>';
			bookmarks += '<div class="digg"><a target="_blank" href="http://digg.com/submit?phase=2&amp;url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="digg"></a></div>';
			bookmarks += '<div class="yahoo"><a target="_blank" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;=' + escape(self.name) + '" title="YahooMyWeb"></a></div>';
			bookmarks += '<div class="furl"><a target="_blank" href="http://www.furl.net/storeIt.jsp?u=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;t=' + escape(self.name) + '" title="Furl"></a></div>';

			bookmarks += '<div class="blinkbits"><a target="_blank" href="http://blinkbits.com/bookmarklets/save.php?v=1&source_url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="blinkbits"></a></div>';
			bookmarks += '<div class="technorati"><a target="_blank" href="http://technorati.com/faves?add=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="technorati"></a></div>';
			bookmarks += '<div class="blinklist"><a target="_blank" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="blinklist"></a></div>';
			bookmarks += '<div class="connotea"><a target="_blank" href="http://www.connotea.org/add?continue=return&uri=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="connotea"></a></div>';
			bookmarks += '<br/><div class="magnolia"><a target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="magnolia"></a></div>';
			bookmarks += '<div class="netvouz"><a target="_blank" href="http://www.netvouz.com/action/submitBookmark?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '&popup=no" title="netvouz"></a></div>';
			bookmarks += '<div class="shadows"><a target="_blank" href="http://www.shadows.com/features/tcr.htm?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="shadows"></a></div>';
			bookmarks += '<div class="simpy"><a target="_blank" href="http://simpy.com/simpy/LinkAdd.do?note=Nav4All&href=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="simpy"></a></div>';
			bookmarks += '<div class="spurl"><a target="_blank" href="http://www.spurl.net/spurl.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="spurl"></a></div>';
			bookmarks += '<div class="taggly"><a target="_blank" href="http://taggly.com/bookmarks.php/pass?action=add&address=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="taggly"></a></div>';
			bookmarks += '<div class="citeulike"><a target="_blank" href="http://www.citeulike.org/posturl?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '" title="citeulike"></a></div>';

			bookmarks += '<br/><div xclass="sendbulletin"><a target="_blank" href="http://myworld.nav4all.com/send_to_myspace.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '">Send to MySpace &raquo;</a></div>';
			bookmarks += '<br/><div xclass="sendbulletin"><a target="_blank" href="http://myworld.nav4all.com/send_to_bebo.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '">Send to Bebo &raquo;</a></div>';
			bookmarks += '<br/><div xclass="sendbulletin"><a target="_blank" href="http://myworld.nav4all.com/send_to_hi5.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '">Send to HI5 &raquo;</a></div>';
			bookmarks += '<br/><div xclass="sendbulletin"><a target="_blank" href="http://myworld.nav4all.com/send_to_friendster.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '">Send to Friendster &raquo;</a></div>';
			bookmarks += '<br/><div xclass="sendbulletin"><a target="_blank" href="http://myworld.nav4all.com/send_to_hyves.php?url=http://myworld.nav4all.com/' + escape('map.php?id=' + map_id + '&flag_id=' + self.id) + '&amp;title=' + escape(self.name) + '">Send to Hyves &raquo;</a></div>';
		}

		var navigate_to = "";
		navigate_to += '<div id="navigate_to_layer_1" style="height:200px;">';
		navigate_to += '<a href="http://www.nav4all.com"><img src="img/logo.gif"></a>';
		navigate_to += '<a href="javascript:void(0);" onclick="document.getElementById(\'navigate_to_layer_1\').style.display=\'none\';document.getElementById(\'navigate_to_layer_2\').style.display=\'block\';">Help</a>';
		navigate_to += '<div>';

		if (self.id > -1 && remote_user_id)
		{
			navigate_to += "<select style='font-size:10px;margin-left:4px;' onchange='copy_flag_id_to_bookmark_map(\"" + self.id + "\",this);'>";
			navigate_to += "<option value=''>Where to save:</option>";

			for (var i in bookmark_map_list)
			{
				navigate_to += typeof(bookmark_map_list[i])=='string'?"<option value='" + i + "'>" + bookmark_map_list[i] + "</option>":'';
			}
			navigate_to += "</select>";
		}
		else if (remote_user_id)
		{
			navigate_to += "<select style='font-size:10px;margin-left:4px;' onchange='copy_flag_to_bookmark_map(this.value, \"" + self.id + "\", remote_user_id);'>";
			navigate_to += "<option value=''>Where to save:</option>";

			for (var i in bookmark_map_list)
			{
				navigate_to += typeof(bookmark_map_list[i])=='string'?"<option value='" + i + "'>" + bookmark_map_list[i] + "</option>":'';
			}
			navigate_to += "</select>";
		}

		navigate_to += '</div>';
		navigate_to += '</div>';
		navigate_to += '<div id="navigate_to_layer_2" style="display:none;background:#fff;padding:2px 15px 0px 0px;font-size:11px;">';
		navigate_to += '<strong>These addresses can be used by Nav4All on your mobile phone.</strong>';
		navigate_to += '<br/><br/>';
		navigate_to += 'For using these addresses fill-in your MyWorld username and password in the Nav4All settings screen on your mobile phone. (Start Nav4All, go to Startmenu > Settings > MyWorld > Sign-in.)';
		navigate_to += '<br/><br/>';
		navigate_to += 'Every address category has its own map. You can view these maps on the MyWorld website by going to: Personal > My Maps > View my Nav4All addresses. Here you can find: Your \'Navigate to\' maps.';
		navigate_to += '<br/><br/>';
		navigate_to += '<a href="javascript:void(0);" onclick="document.getElementById(\'navigate_to_layer_1\').style.display=\'block\';document.getElementById(\'navigate_to_layer_2\').style.display=\'none\';">« Back</a>';
		navigate_to += '</div>';

		if (self.id > -1)
		{
				var tabs =
				[
					new GInfoWindowTab('main', '<div style="width: 268px; display: block;">' + html + '</div>'),
					new GInfoWindowTab('bookmarks', bookmarks),
					new GInfoWindowTab('navigate to', navigate_to)
				];
		}
		else
		{
				var tabs =
				[
					new GInfoWindowTab('main', '<div style="width: 268px; display: block;">' + html + '</div>'),
					new GInfoWindowTab('navigate to', navigate_to)
				];
		}
		self.marker.openInfoWindowTabsHtml(tabs);
	}

	self.showWindow = function()
	{
		self.map.getInfoWindow().show();
	}

	self.hideWindow = function()
	{
		self.map.getInfoWindow().hide();
	}

	self.setPoint = function(point)
	{
		self.point_x = point.x;
		self.point_y = point.y;

		self.hideWindow();
		self.marker.setPoint(point);
		self.createWindow();
	}

	self.select = function()
	{
		if (map_flag_image)
		{
			map_container.style.display = '';
			map_flag_image.style.display = 'none';
		}

		if (selected_flag)
		{
			selected_flag.deselect();
		}

		selected_flag = self;

		self.hideWindow();
		self.map.removeOverlay(self.marker);

		if (self.is_route == '1')
		{
			self.icon.image = "/img/track/012.png";
		}
		else
		{
			self.icon.image = "/img/markers/012.png";
		}
		self.map.addOverlay(self.marker);
		self.createWindow();

		if (self.editable)
		{
			self.marker.enableDragging();
		}

		if (self.list_item)
		{
			self.list_item.select();
		}

		if (!self.editable)
		{
			self.log_view();
		}
	}

	self.deselect = function()
	{
		selected_flag = null;

		self.hideWindow();
		self.map.removeOverlay(self.marker);
		if (self.is_route == '1')
		{
			self.icon.image = ((self.editable) ? ("/img/track/066.png") : ("/img/track/133.png"));
		}
		else
		{
			self.icon.image = ((self.is_default) ? ("/img/markers/216.png") : ((self.editable) ? ("/img/markers/066.png") : ("/img/markers/133.png")));
		}
		self.map.addOverlay(self.marker);
		self.createWindow();

		if (self.editable)
		{
			self.marker.disableDragging();
		}

		if (self.list_item)
		{
			self.list_item.deselect();
		}
	}

	self.remove = function()
	{
		if (selected_flag == self)
		{
			selected_flag = null;
		}
		self.hideWindow();
		self.map.removeOverlay(self.marker);
	}

	self.goto = function()
	{
		self.select();
	}

	self.log_view = function()
	{
		if (self.is_route) return;

		var method = "POST";
		var data =
		{
			"action":	"log_flag_view",
			"flag_id":	self.id,
			"user_id":	remote_user_id
		};

		var json_data = data.toJSONString();

		xmlhttp = GXmlHttp.create();

		xmlhttp.open(method, map_service, true);
		xmlhttp.send(json_data);
	}

	self.enlargePicture = function(enlarge)
	{
		var map_flag_cont = false;

		if (map_flag_image)
		{
			for (var a=0; a < map_flag_image.childNodes.length; a++)
			{
				if (map_flag_image.childNodes[a].nodeName.toLowerCase() == 'div')
				{
					map_flag_cont = map_flag_image.childNodes[a];
					break;
				}
			}
		}

		if (!map_flag_image) { return false; }
		if (!map_flag_cont)	{ return false;	}

		if (enlarge)
		{
			map_container.style.display 	= 'none';
			map_flag_image.style.display	= 'block';

			var width	= map_flag_cont.offsetWidth;
			var height	= map_flag_cont.offsetHeight;

			var testImage		= new Image;
				testImage.src	= self.media_url;

			var ratio 		= ((height/testImage.height) > (width/testImage.width)) ? (width/testImage.width) : (height/testImage.height);
				ratio 		= ratio < 1 ? ratio : 1;
			var newWidth	= (ratio*testImage.width);
			var paddLeft	= newWidth ? Math.round((width-newWidth)/2) : 0;
				paddLeft	= paddLeft ? 'padding-left:' + paddLeft + 'px;' : 0;
				newWidth	= newWidth ? 'width="' + newWidth + '"' : '';
			var newHeight	= (ratio*testImage.height);
			var paddTop		= newHeight ? Math.round((height-newHeight)/2) : 0;
				paddTop		= paddTop ? 'padding-top:' + paddTop+'px;' : 0;
				newHeight	= newHeight ? 'height="' + newHeight + '"' : '';

			map_flag_cont.innerHTML = '<img src="'+testImage.src+'" '+(newWidth)+' '+(newHeight)+' style="'+paddLeft+''+paddTop+'"></img>';

			selected_flagimage=self;
		}
		else
		{
			map_container.style.display 	= 'block';
			map_flag_image.style.display	= 'none';
		}
		return true;
	}

	self.zoom_to_detail = function(zoom)
	{

		if (zoom)
		{
			previous_zoomlevel = map.getZoom();
			map.setZoom(15);
		}
		else
		{
			map.setZoom(previous_zoomlevel);
		}

		var link			= document.getElementById('view_detailed_map');
			link.innerHTML	= zoom ? 'Previous view' : 'View detailed map';
			link.onclick	= zoom ?
									function()
									{
										selected_flag.zoom_to_detail(false);
									}
									:
									function()
									{
										selected_flag.zoom_to_detail(true);
									};
	}

	self.constructor(map, flag_data);
}

function show_move_flag_select(flag_id)
{
	document.getElementById('move_flag_link_' + flag_id).style.display = 'none';
	document.getElementById('move_flag_select_' + flag_id).style.display = 'inline';

	document.getElementById('copy_flag_link_' + flag_id).style.display = 'inline';
	document.getElementById('copy_flag_select_' + flag_id).style.display = 'none';
}


function show_copy_flag_select(flag_id)
{
	document.getElementById('copy_flag_link_' + flag_id).style.display = 'none';
	document.getElementById('copy_flag_select_' + flag_id).style.display = 'inline';

	document.getElementById('move_flag_link_' + flag_id).style.display = 'inline';
	document.getElementById('move_flag_select_' + flag_id).style.display = 'none';
}


function FlagListItem(flag, container)
{
	var self = this;

	self.selected				= false;

	self.container				= container;
	self.element				= document.createElement('li');
	self.id						= flag.id
	self.element.innerHTML		= flag.name;
	self.element.className		= 'unselected';
	self.element.style.cursor	= 'pointer';

	self.select = function()
	{
		var scroll	= self.container.parentNode;
		var ypos	= self.element.offsetTop;
			ypos	= (self.container.offsetTop >= scroll.offsetTop) ? (ypos-scroll.offsetTop) : (ypos);
			ypos	= ypos - Math.round((scroll.clientHeight-self.element.offsetHeight) / 2);

		scroll.scrollTop = ypos;

		self.selected = true;
		self.element.className = 'selected';
	}

	self.deselect = function()
	{
		self.selected = false;
		self.element.className = 'unselected';
	}

	self.hoverStart = function()
	{
		this.className = 'selected hover';
	}

	self.hoverEnd = function()
	{
		this.className = ((self.selected) ? ('selected') : ('unselected'));
	}

	self.element.onclick		= flag.goto;
	self.element.onmouseover	= self.hoverStart;
	self.element.onmouseout		= self.hoverEnd;

	self.container.appendChild(self.element);

	flag.list_item = this;
}


function FlagList(container_id)
{
	var self = this;

	self.container = document.getElementById(container_id);
	self.flag_items = [];

	self.addFlag = function(flag)
	{
		if (self.container)
		{
			var flag_item = new FlagListItem(flag, self.container);

			self.flag_items.push(flag_item);
		}
	}
}


function change_log_find(flag)
{
	for (var i=0; i<change_log.length; i++)
	{
		if (change_log[i].flag == flag)
		{
			return i;
		}
	}
	return -1;
}


function change_log_remove(flag)
{
	var i = change_log_find(flag);

	if (i > -1)
	{
		change_log.splice(i, 1);
		return true;
	}
	return false;
}


function change_log_set_status(flag, status, to_map_id)
{
	var i = change_log_find(flag);

	if (i > -1)
	{
		switch (status)
		{
			case 'create':
				change_log[i].status = 'create';
				break;

			case 'update':
				if (change_log[i].status != 'create')
				{
					change_log[i].status = 'update';
				}
				break;

			case 'delete':
				if (change_log[i].status == 'create')
				{
					change_log_remove(flag);
				}
				else
				{
					change_log[i].status = 'delete';
				}
				break;

			case 'copy':
				change_log[i].status	= 'copy';
				change_log[i].to_map_id	= to_map_id;
				break;

			case 'move':
				change_log[i].status	= 'move';
				change_log[i].to_map_id	= to_map_id;
				break;
		}
	}
	else
	{
		change_log.push({'flag': flag, 'status': status, 'to_map_id': to_map_id});
	}
	return true;
}


function enlarge_picture(id, enlarge)
{
	for(var i=0; i<flags.length; i++)
	{
		if (flags[i].id == id)
		{
			return flags[i].enlargePicture(enlarge);
		}
	}
}


function next_picture(id,type)
{
	var ImgId=0;
	var ImgArr=[];

	for(var i=0; i<flags.length; i++)
	{
		if(flags[i].media_type=='IMG')
		{
			if (flags[i].id == id)
			{
				ImgId=ImgArr.length;
			}

			ImgArr.push(i);
		}
	}
	switch(type)
	{
		case 'first'	: ImgId=0;									break;
		case 'previous'	: ImgId=ImgId-1>=0?ImgId-1:ImgArr.length-1;	break;
		case 'next'		: ImgId=ImgId+1<ImgArr.length?ImgId+1:0;	break;
		case 'last'		: ImgId=ImgArr.length-1;					break;
	}
	flags[ImgArr[ImgId]].enlargePicture(true);
}


function start_edit_id(id)
{
	for(var i=0; i<flags.length; i++)
	{
		if (flags[i].id == id)
		{
			return start_edit(flags[i]);
		}
	}
}


function delete_flag_id(id)
{
	for(var i=0; i<flags.length; i++)
	{
		if (flags[i].id == id)
		{
			if (confirm("Are you sure you want to remove this flag?"))
			{
				change_log_set_status(flags[i], 'delete');

				flags[i].remove();
				flags.splice(i, 1);
			}
		}
	}
}

function copy_flag_id_to_map(id, to_map_id)
{
	for(var i=0; i<flags.length; i++)
	{
		if (flags[i].id == id)
		{
			if (confirm("Are you sure you want to copy this flag?"))
			{
				change_log_set_status(flags[i], 'copy', to_map_id);
			}
		}
	}
}


function move_flag_id_to_map(id, to_map_id)
{
	for(var i=0; i<flags.length; i++)
	{
		if (flags[i].id == id)
		{
			if (confirm("Are you sure you want to move this flag?"))
			{
				change_log_set_status(flags[i], 'move', to_map_id);

				flags[i].remove();
				flags.splice(i, 1);
			}
		}
	}
}


function start_edit(flag)
{
	document.getElementById("intro").style.display	= "none";
	document.getElementById("edit").style.display	= "block";

	flag.select();

	document.forms["flag_form"]["name"].value				= flag.name;
	document.forms["flag_form"]["description"].value		= flag.desc;
	document.forms["flag_form"]["tags"].value				= flag.tags;
	document.forms["flag_form"]["list_sort"].value			= flag.list_sort;
	document.forms["flag_form"]["media_url"].value			= flag.media_url;
	document.forms["flag_form"]["media_type"].selectedIndex	= ((flag.media_type == "MOV") ? (1) : (((flag.media_type == "WAV") ? (2) : (0))));
}


function cancel_edit()
{
	document.getElementById("intro").style.display		= "block";
	document.getElementById("edit").style.display		= "none";

	document.forms["flag_form"]["name"].value				= "";
	document.forms["flag_form"]["description"].value		= "";
	document.forms["flag_form"]["tags"].value				= "";
	document.forms["flag_form"]["list_sort"].value			= "0";
	document.forms["flag_form"]["media_url"].value			= "";
	document.forms["flag_form"]["media_type"].selectedIndex	= 0;

	if (!selected_flag.name)
	{
		delete_flag_id(selected_flag.id);
	}
	else
	{
		selected_flag.deselect();
	}
}


function tell_a_friend()
{
	var content	 = document.getElementById('map_send_a_friend');

	if (content)
	{
		var html = content.innerHTML;
			html = html.replace(/\{\#name\}/ig,'gwindow_content_other_name');
			html = html.replace(/\{\#text\}/ig,'gwindow_content_other_text');
			html = html.replace(/\{\#button\}/ig,'gwindow_content_other_button');

		selected_flag.marker.openInfoWindowHtml(html);

		var button			= document.getElementById('gwindow_content_other_button');
			button.onclick	= tell_a_friend_send;
	}
}


function tell_a_friend_send()
{
	var name = document.getElementById('gwindow_content_other_name');
	var text = document.getElementById('gwindow_content_other_text');

	if (text && text.value && (remote_user_name || (name && name.value)))
	{
		var method = "POST";
		var data =
		{
			"action"		: "tell_a_friend",
			"user_name"		: ((name && name.value) ? (name.value) : (remote_user_name)),
			"friend_email"	: text.value,
			"map_id"		: map_id,
			"flag_id"		: selected_flag.id
		};

		var json_data = data.toJSONString();

		xmlhttp = GXmlHttp.create();

		xmlhttp.open(method, map_service, true);
		xmlhttp.onreadystatechange = tell_a_friend_response;
		xmlhttp.send(json_data);
	}
}


function tell_a_friend_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			alert('Your message has been sent to your friend');
		}
	}
	selected_flag.createWindow();
}

function create_and_save_marker(map_id, owner_id, name, desc, tags, point_x, point_y, media_url, media_type)
{
	var method = "POST";
	var data =
	{
		"action"		: "create_marker",
		"map_id"		: map_id,
		"owner_id"		: owner_id,
		"name"			: name,
		"desc"			: desc,
		"tags"			: tags,
		"point_x"		: point_x,
		"point_y"		: point_y,
		"media_url"		: media_url,
		"media_type"	: media_type
	};

	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = create_and_save_marker_response;
	xmlhttp.send(json_data);
}

function create_and_save_marker_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			alert('Flag has been saved');
		}
	}
}

function copy_flag_id_to_bookmark_map(id,List)
{
	if (id && List.value!='')
	{
		if (confirm("Are you sure you want to copy this flag?"))
		{
			var method = "POST";
			var data =
			{
				"action"		: "copy_flag_to_bookmark_map",
				"user_id"		: remote_user_id,
				"flag_id"		: id,
				"bookmark_type"	: List.value
			};
			var json_data = data.toJSONString();

			xmlhttp = GXmlHttp.create();

			xmlhttp.open(method, map_service, true);
			xmlhttp.onreadystatechange = copy_flag_id_to_bookmark_map_response;
			xmlhttp.send(json_data);
		}

		List.value = '';
	}
}

function copy_flag_id_to_bookmark_map_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			alert('Flag has been saved');
		}
	}
}

function copy_flag_to_bookmark_map(bookmark_type, flag_id, owner_id)
{
	var flag = null;
	for (var i=0; i<flags.length; i++)
	{
		if (flags[i].id == flag_id)
		{
			flag = flags[i];
			break;
		}
	}
	if (!flag)
	{
		return alert('Error: flag not found (' + flag_id + ').');
	}
	if (confirm("Are you sure you want to copy this flag?"))
	{
		var method = "POST";
		var data =
		{
			"action"		: "create_marker_on_bookmark_map",
			"bookmark_type"	: bookmark_type,
			"owner_id"		: owner_id,
			"name"			: flag.name,
			"desc"			: flag.desc,
			"tags"			: flag.tags,
			"point_x"		: flag.point_x,
			"point_y"		: flag.point_y,
			"media_url"		: flag.media_url,
			"media_type"	: flag.media_type
		};

		var json_data = data.toJSONString();

		xmlhttp = GXmlHttp.create();

		xmlhttp.open(method, map_service, true);
		xmlhttp.onreadystatechange = copy_flag_to_bookmark_map_response;
		xmlhttp.send(json_data);
	}
}

function copy_flag_to_bookmark_map_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			alert('Flag has been saved');
		}
	}
}

function copy_location_info_to_bookmark_map(bookmark_type,owner_id)
{
	var flag = get_location_info_data;

	if (confirm("Are you sure you want to copy this location?") && flag)
	{
		var method = "POST";
		var data =
		{
			"action"		: "create_marker_on_bookmark_map",
			"bookmark_type"	: bookmark_type,
			"owner_id"		: owner_id,
			"name"			: flag.street,
			"desc"			: flag.desc,
			"tags"			: '',
			"point_x"		: flag.point_x,
			"point_y"		: flag.point_y,
			"media_url"		: '',
			"media_type"	: ''
		};

		var json_data = data.toJSONString();

		xmlhttp = GXmlHttp.create();

		xmlhttp.open(method, map_service, true);
		xmlhttp.onreadystatechange = copy_flag_to_bookmark_map_response;
		xmlhttp.send(json_data);
	}
}

function copy_location_info_to_map(id, owner_id)
{
	var flag = get_location_info_data;

	if (confirm("Are you sure you want to copy this location?") && flag)
	{
		create_and_save_marker(id, owner_id, flag.street, flag.desc, '', flag.point_x, flag.point_y, '', '');

		if (id==map_id)
		{
			var flag_data =
			{
				"id":			null,
				"name":			flag.street,
				"desc":			flag.desc,
				"tags":			'',
				"point_x":		flag.point_x,
				"point_y":		flag.point_y,
				"is_route":		false,
				"list_sort":	'0',
				"media_url":	'',
				"media_type":	null,
				"owner_id":		owner_id,
				"owner_name":	remote_user_name,
				"is_default":	false,
				"editable":		map_editable
			};

			var flag = new Flag(map,flag_data);

			flags.push(flag);

			flag.select();

			if(map_editable){ start_edit(flag); }
		}
	}
}

function save_as_friend(user_id, friend_id)
{
	var method = "POST";
	var data =
	{
		"action"	: "save_as_friend",
		"user_id"	: user_id,
		"friend_id"	: friend_id
	};
	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = save_as_friend_response;
	xmlhttp.send(json_data);
}


function save_as_friend_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			(response.response == 1 ? alert('User is already a friend') : alert('User has been added to your friends'));
		}
	}
}


function save_default_user_marker(map_id, user_id, point_x, point_y, name)
{
	var method = "POST";
	var data =
	{
		"action"	: "save_default_user_marker",
		"map_id"	: map_id,
		"user_id"	: user_id,
		"point_x"	: point_x,
		"point_y"	: point_y,
		"name"		: name
	};
	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = save_default_user_marker_response;
	xmlhttp.send(json_data);
}


function save_default_user_marker_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			alert('Your location has been saved');
		}
	}
}


function save_marker()
{
	if (!selected_flag)
	{
		alert("Before saving the flag please double-click on the map where you want to place the flag.");
		return;
	}
	var name		= document.forms["flag_form"]["name"].value;
	var desc		= document.forms["flag_form"]["description"].value;
	var tags		= document.forms["flag_form"]["tags"].value;
	var list_sort	= document.forms["flag_form"]["list_sort"].value;
	var media_url	= document.forms["flag_form"]["media_url"].value;
	var media_type	= document.forms["flag_form"]["media_type"].options[document.forms["flag_form"]["media_type"].selectedIndex].value;

	if (!name)
	{
		alert("Please give the flag a title before saving.");
		return;
	}
	change_log_set_status(selected_flag, 'update');

	document.getElementById("intro").style.display	= "block";
	document.getElementById("edit").style.display	= "none";

	selected_flag.list_sort = list_sort;
	selected_flag.setWindowDetails(name, desc, tags, media_url, media_type);

	selected_flag.deselect();

	setTimeout("save_map_flags()",1000);
}


function save_map_flags()
{
	if (selected_flag)
	{
		selected_flag.deselect();
	}
	self.map.getInfoWindow().hide();

	document.getElementById('savebutton').style.display = "none";
	document.getElementById('progressbar').style.display = "block";

	var method = "POST";
	var data =
	{
		"action":	"save_map_flags",
		"map_id":	map_id,
		"flags":	[]

	};
	for (var i=0; i<change_log.length; i++)
	{
		var flag = change_log[i].flag;
		var status = change_log[i].status;
		var to_map_id = change_log[i].to_map_id;

		data.flags[i] =
		{
			"status":		status,
			"id":			flag.id,
			"name":			flag.name,
			"desc":			flag.desc,
			"tags":			flag.tags,
			"point_x":		flag.point_x,
			"point_y":		flag.point_y,
			"is_route":		flag.is_route,
			"list_sort":	flag.list_sort,
			"media_url":	flag.media_url,
			"media_type":	flag.media_type,
			"is_default":	flag.is_default,
			"owner_id":		flag.owner_id,
			"to_map_id":	(to_map_id ? to_map_id : null)
		};
	}

	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = save_map_flags_response;
	xmlhttp.send(json_data);
}


function save_map_flags_response()
{
	if (xmlhttp.readyState == 4)
	{
		document.getElementById('savebutton').style.display = "block";
		document.getElementById('progressbar').style.display = "none";

		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			change_log = Array();

			for (var old_id in response.response.new_ids)
			{
				var new_id = response.response.new_ids[old_id];

				for (var i=0; i<flags.length; i++)
				{
					if (flags[i].id == old_id)
					{
						flags[i].id = new_id;

						flags[i].createWindowHTML();
					}
				}
			}
			alert('Map has been saved');
		}
	}
}


function goto_address(address)
{
	var method = "POST";
	var data =
	{
		"action":	"goto_address",
		"address":	address
	};

	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = goto_address_response;
	xmlhttp.send(json_data);

	return false;
}


function goto_address_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			var location = response.response;

			if (!location)
			{
				alert("Server error.");
				return;
			}
			if (!location.nr_found)
			{
				alert('Address "' + location.address + '" not found.');
				return;
			}

			var navigate_to	= '';
			var save_to		= '';
			var output		= location.address;

			if (remote_user_id)
			{
				get_location_info_data = {};
				get_location_info_data.street	= location.address;
				get_location_info_data.point_x	= location.lng;
				get_location_info_data.point_y	= location.lat;
				get_location_info_data.desc		= '';

				if (map_is_editable)
				{
					save_to += "<a href=\"javascript:void(0);\" onclick=\"copy_location_info_to_map(map_id, remote_user_id);\">Save to this map</a>";
				}
				navigate_to += "<select style='font-size:10px;' onchange='copy_location_info_to_bookmark_map(this.value, remote_user_id);'>";
				navigate_to += "<option value=''>Where to save:</option>";

				for (var i in bookmark_map_list)
				{
					navigate_to += typeof(bookmark_map_list[i])=='string'?"<option value='" + i + "'>" + bookmark_map_list[i] + "</option>":'';
				}
				navigate_to += "</select>";
			}
			if (save_to)
			{
				output += '<br/>'+save_to+'<br/>';
			}
			if(navigate_to)
			{
				output += '<br/>'+navigate_to;
			}
			var point = new GLatLng(location.lat, location.lng);

			map.openInfoWindow(point, output);
		}
	}
}


function get_location_info(point)
{
	map.openInfoWindow(point, "Get location info....");

	var method = "POST";
	var data =
	{
		"action":	"get_location_info",
		"x":		point.x,
		"y":		point.y
	};

	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = get_location_info_response;
	xmlhttp.send(json_data);

	return false;
}


function get_location_info_response()
{
	if (xmlhttp.readyState == 4)
	{
		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			var html 		= '';
			var navigate_to	= '';
			var save_to		= '';
			var output		= '';
			var point		= map.getInfoWindow().getPoint();
			var data 		= response.response;

			if (data.street) html += data.street + ' ';
			//if (data.nrs_1)  html += data.nrs_1 + ' - ';

			if (data.nrs_3)
			{
				html += data.nrs_3 + '<br>'
			}
			else
			{
				if (data.nrs_2) html += data.nrs_2 + '<br>';
			};
			if (data.area) html += data.area + '<br>';
			if (data.zip) html += data.zip + '<br>';
			if (data.state) html += data.state + '<br>';
			if (data.place) html += data.place + '<br>';

			if (data.country) html += data.country + '<br>';

			if (remote_user_id)
			{
				get_location_info_data				= data;
				get_location_info_data.point_x		= point.x;
				get_location_info_data.point_y		= point.y;
				get_location_info_data.desc			= html;

				if (map_is_editable)
				{
					save_to += "<a href=\"javascript:void(0);\" onclick=\"copy_location_info_to_map(map_id,remote_user_id);\">Save to this map</a>";
				}
				navigate_to += "<select style='font-size:10px;' onchange='copy_location_info_to_bookmark_map(this.value,remote_user_id);'>";
				navigate_to += "<option value=''>Where to save:</option>";

				for (var i in bookmark_map_list)
				{
					navigate_to += typeof(bookmark_map_list[i])=='string'?"<option value='" + i + "'>" + bookmark_map_list[i] + "</option>":'';
				}
				navigate_to += "</select>";
			}
			if(html)
			{
				output+=html;
			}
			if(save_to)
			{
				output+='<br/>'+save_to+'<br/>';
			}
			if(navigate_to)
			{
				output+='<br/>'+navigate_to;
			}
			map.openInfoWindow(point,output);
		}
	}
}


function show_pois(main, sub, x, y)
{
	if (!main)
	{
		return false;
	}

	document.getElementById('show_poi_submit').style.display = "none";
	document.getElementById('progressbar').style.display = "block";

	var method = "POST";
	var data =
	{
		"action":	"get_pois",
		"main":		main,
		"sub":		sub,
		"x":		x,
		"y":		y
	};

	var json_data = data.toJSONString();

	xmlhttp = GXmlHttp.create();

	xmlhttp.open(method, map_service, true);
	xmlhttp.onreadystatechange = show_pois_response;
	xmlhttp.send(json_data);

	return false;
}


function show_pois_response()
{
	if (xmlhttp.readyState == 4)
	{
		document.getElementById('show_poi_submit').style.display = "block";
		document.getElementById('progressbar').style.display = "none";

		var jsonResponse = xmlhttp.responseText;

		var response = eval('(' + jsonResponse + ')');

		if (response.error)
		{
			alert(response.error);
		}
		else
		{
			var pois = response.response;

			if (!pois)
			{
				alert("Server error.");
				return;
			}
			if (!pois.nr_found)
			{
				alert('No points of interest found');
				return;
			}
			var bounds = new GLatLngBounds();

			for (var i=0; i<pois.nr_found; i++)
			{
				var poi = pois.points[i];

				var desc = '';
				if (poi.m)
				{
					desc += 'Category: ' + poi.m + ((poi.s) ? (' - ' + poi.s) : ('')) + '<br/>';
				}
				if (poi.d)
				{
					desc += 'Distance: ' + poi.d + ' meters<br/>';
				}
				if (poi.c)
				{
					desc += 'Country: ' + poi.c + '<br/>';
				}
				if (poi.t)
				{
					desc += 'State: ' + poi.t + '<br/>';
				}
				if (poi.p)
				{
					desc += 'Place: ' + poi.l + '<br/>';
				}
				if (poi.i)
				{
					desc += 'District: ' + poi.i + '<br/>';
				}
				if (poi.r)
				{
					desc += 'Street: ' + poi.r + ((poi.n) ? (' ' + poi.n) : ('')) + '<br/>';
				}
				if (poi.h)
				{
					desc += 'Telephone: ' + poi.h + '<br/>';
				}
				var flag_data =
				{
					"id":			0,
					"name":			poi.p,
					"desc":			desc,
					"tags":			'',
					"point_x":		poi.x,
					"point_y":		poi.y,
					"is_route":		false,
					"list_sort":	'0',
					"media_url":	'',
					"media_type":	null,
					"owner_id":		null,
					"owner_name":	null,
					"is_default":	false,
					"editable":		false
				};
				var flag = new Flag(map, flag_data);

				flags.push(flag);

				bounds.extend(new GLatLng(flag_data.point_y, flag_data.point_x));
			}
			var clat = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
			var clng = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;

			var zoom = map.getBoundsZoomLevel(bounds);

			if (zoom > MAX_INIT_ZOOM_LEVEL) zoom = MAX_INIT_ZOOM_LEVEL;

			map.setZoom(zoom);
			map.setCenter(new GLatLng(clat, clng));
		}
	}
}


function close_message_div()
{
	if (message_div)
	{
		message_div.style.display = 'none';
	}
}


function upload_media()
{
	var win = window.open('/upload.php','nav4all_upload_window','width=350,height=250');

	if (!win)
	{
		alert('Please allow popups from nav4all');
		return true;
	}

	win.focus();

	return true;
}


function load_map_flags()
{
	if (map_flags.length)
	{
		for (var i in map_flags)
		{
			if (i == 'toJSONString') continue;

			var flag = new Flag(map, map_flags[i]);

			flags.push(flag);

			if (!map_editable)
			{
				if (flag.media_url && flag.media_type == 'IMG')
				{
					scroller.Add(flag.id, flag.media_url, flag.goto);
				}
				flag_list.addFlag(flag);
			}

			if (goto_flag_id == flag.id)
			{
				goto_flag = flag;
			}
		}

		if (goto_flag)
		{
			goto_flag.select();
		}
	}

	if (map_routes.length > 0)
	{
		setTimeout(load_map_routes, 1000);
	}
}


function load_map_routes()
{
	if (map_routes.length > 0)
	{
		for (var i in map_routes)
		{
			var polyline_points = [];

			for (var j in map_routes[i])
			{
				polyline_points.push(new GLatLng(map_routes[i][j].y, map_routes[i][j].x));
			}
			if (polyline_points.length > 0)
			{
				var polyline = new GPolyline(polyline_points, "#FF0000", 3, 0.5);
				map.addOverlay(polyline);
			}
		}
	}
}


function load()
{
	if (GBrowserIsCompatible())
	{
		map_flag_image = document.getElementById("map_flag_image");
		map_container = document.getElementById("map");

		if (map_flag_image)
		{
			map_flag_image.style.display = 'none';
		}

		if (!map_editable)
		{
			flag_list = new FlagList('flag_list');
			scroller = new JsScroller('scroller_holder', 910, 80, 6);
		}

		switch (map_type)
		{
			case 'NORMAL':
				g_map_type = G_NORMAL_MAP;
				break;

			case 'SATELLITE':
				g_map_type = G_SATELLITE_MAP;
				break;

			case 'HYBRID':
				g_map_type = G_HYBRID_MAP;
				break;
		}

		map = new GMap2(document.getElementById("map"));

		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());

		if (goto_lat && goto_lng)
		{
			map.setCenter(new GLatLng(goto_lat, goto_lng), DEF_GOTO_ZOOM_LEVEL, g_map_type);

			if (show_address)
			{
				var flag_data =
				{
					"id":			null,
					"name":			show_address,
					"desc":			'',
					"tags":			'',
					"point_x":		goto_lng,
					"point_y":		goto_lat,
					"is_route":		false,
					"list_sort":	'0',
					"media_url":	'',
					"media_type":	null,
					"owner_id":		null,
					"owner_name":	null,
					"is_default":	true,
					"editable":		false
				};
				var flag = new Flag(map, flag_data);

				flags.push(flag);

				flag.select();
			}
		}
		else
		{
			map.setCenter(new GLatLng(30, 0), 1 , g_map_type);

			if (map_flags.length)
			{
				var bounds = new GLatLngBounds();

				for (var i in map_flags)
				{
					if (i == 'toJSONString') continue;

					bounds.extend(new GLatLng(map_flags[i].point_y, map_flags[i].point_x));
				}
				var clat = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
				var clng = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;

				var zoom = map.getBoundsZoomLevel(bounds);

				if (zoom > MAX_INIT_ZOOM_LEVEL) zoom = MAX_INIT_ZOOM_LEVEL;

				map.setZoom(zoom);
				map.setCenter(new GLatLng(clat, clng));
			}
		}

		if (map_container && edit_default_marker)
		{
			message_div	= document.createElement('DIV');

			message_div.style.position		= 'absolute';
			message_div.style.background	= 'white';
			message_div.style.border		= '1px solid red';
			message_div.style.padding		= '10px';
			message_div.style.width			= '300px';
			message_div.style.height		= '100px';
			message_div.style.top			= '150px';
			message_div.style.left			= '150px';

			var html = '<center>';
				html += '<br/><br/>';
				html += 'Please double click on the map to mark your location.';
				html += '<br/><br/>';
				html += '<a href="javascript:close_message_div()">ok</a>';

			message_div.innerHTML = html;

			map_container.appendChild(message_div);
		}

		if (edit_default_marker)
		{
			default_marker_handler = GEvent.addListener
			(
				map,
				"dblclick",
				function(marker, point)
				{
					if (!marker)
					{
						var flag_data =
						{
							"id":			null,
							"name":			'Your location',
							"desc":			'',
							"tags":			'',
							"point_x":		point.x,
							"point_y":		point.y,
							"is_route":		false,
							"list_sort":	'0',
							"media_url":	'',
							"media_type":	null,
							"owner_id":		remote_user_id,
							"owner_name":	remote_user_name,
							"is_default":	true,
							"editable":		false
						};
						var flag = new Flag(map, flag_data);

						flags.push(flag);

						save_default_user_marker(map_id, remote_user_id, flag.point_x, flag.point_y, flag.name);

						GEvent.removeListener(default_marker_handler);
					}
				}
			);
		}
		else if (map_editable)
		{
			GEvent.addListener
			(
				map,
				"dblclick",
				function(marker, point)
				{
					CURRENT_EDIT_POINT   = null;
					WAITING_FOR_DBLCLICK = false;
					if (marker)
					{
						//map.removeOverlay(marker);
					}
					else
					{
						if (selected_flag)
						{
							selected_flag.setPoint(point);
						}
						else
						{
							var flag_data =
							{
								"id":			null,
								"name":			'',
								"desc":			'',
								"tags":			'',
								"point_x":		point.x,
								"point_y":		point.y,
								"is_route":		false,
								"list_sort":	'0',
								"media_url":	'',
								"media_type":	null,
								"owner_id":		remote_user_id,
								"owner_name":	remote_user_name,
								"is_default":	false,
								"editable":		true
							};
							var flag = new Flag(map, flag_data);

							flags.push(flag);

							change_log_set_status(flag, 'create');

							start_edit(flag);
						}
					}
				}
			);
		}

		GEvent.addListener
		(
			map,
			"click",
			function(marker, point)
			{
				if (!marker)
				{
					CURRENT_EDIT_POINT = point;
					WAITING_FOR_DBLCLICK = true;
					get_location_info_timeout()
					//get_location_info(point);
				}
			}
		);

		if (map_flags.length)
		{
			setTimeout(load_map_flags, 1000);
		}
	}
}

var CURRENT_EDIT_POINT   = null;
var WAITING_FOR_DBLCLICK = false;

function get_location_info_timeout()
{
	if (WAITING_FOR_DBLCLICK)
	{
		setTimeout("WAITING_FOR_DBLCLICK = false;get_location_info_timeout()", 400);
	}
	else
	{
		if (CURRENT_EDIT_POINT)
		{
			get_location_info_continue(CURRENT_EDIT_POINT);
		}
	}
}
function get_location_info_continue(point)
{
	WAITING_FOR_DBLCLICK = false;
	CURRENT_EDIT_POINT   = null;
	get_location_info(point);
}