﻿<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="__MSG_title__" description="__MSG_description__" author="Pablo Rodríguez" author_email="prodriguezmad+metro_mapplet@gmail.com" thumbnail="__MSG_thumbnail__" screenshot="__MSG_screenshot__" author_location="Barcelona, Spain">
    <Require feature="sharedmap"/>
	<Require feature="setprefs" />
	<Require feature="dynamic-height"/>
	<Locale messages="http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/Metro_ALL_ALL.xml"/> 
	<Locale lang="es" messages="http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/Metro_es_ALL.xml"/>  
	<Locale lang="ca" messages="http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/Metro_ca_ALL.xml"/>  
  </ModulePrefs>
  <UserPref name="L1" default_value="false" datatype="hidden"/>
  <UserPref name="L3" default_value="false" datatype="hidden"/>
  <UserPref name="L4" default_value="false" datatype="hidden"/>
  <UserPref name="L5" default_value="false" datatype="hidden"/>
  <UserPref name="Areas" default_value="false" datatype="hidden"/>
  <UserPref name="POI1" default_value="false" datatype="hidden"/>
  <UserPref name="POI2" default_value="false" datatype="hidden"/>
  <UserPref name="POI3" default_value="false" datatype="hidden"/>
  <Content type="html">
  <![CDATA[
    <script type="text/javascript">
		
		var lines = new Array();
		var POI = new Array();
		var areas;
		var prefs = new _IG_Prefs(__MODULE_ID__);
		
		_IG_RegisterOnloadHandler(
          function () {	
			map = new GMap2();
			map.setCenter(new GLatLng(39.47, -0.377), 11);
			
			areas = new GGeoXml("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/Areas.kmz");
			
			lines[0] = new GGeoXml("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L1.kmz");
			lines[1] = new GGeoXml("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L3.kmz");
			lines[2] = new GGeoXml("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L4.kmz");
			lines[3] = new GGeoXml("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L5.kmz");

			POI[0] = new GMarker(new GLatLng(39.504, -0.4258));
			POI[1] = new GMarker(new GLatLng(39.4917, -0.4733));
			POI[2] = new GMarker(new GLatLng(39.467, -0.3772));
			
			GEvent.addListener(POI[0], "click", function() {
				POI[0].openInfoWindowHtml("<b>__MSG_POI1_Desc__</b>");
			});
			GEvent.addListener(POI[1], "click", function() {
				POI[1].openInfoWindowHtml("<b>__MSG_POI2_Desc__</b>");
			});
			GEvent.addListener(POI[2], "click", function() {
				POI[2].openInfoWindowHtml("<b>__MSG_POI3_Desc__</b>");
			});
			
			_gel("MetroLines").innerHTML = "<b>__MSG_MetroLines__</b>";
			_gel("POI").innerHTML = "<b>__MSG_POI__</b>";
			_gel("L1img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L1.png"), _gel("L1Desc"));
			_gel("L3img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L3.png"), _gel("L3Desc"));
			_gel("L4img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L4.png"), _gel("L4Desc"));
			_gel("L5img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/L5.png"), _gel("L5Desc"));
			_gel("L1Desc").innerHTML = "<small> __MSG_L1_Desc__</small>";
			_gel("L3Desc").innerHTML = "<small> __MSG_L3_Desc__</small>";
			_gel("L4Desc").innerHTML = "<small> __MSG_L4_Desc__</small>";
			_gel("L5Desc").innerHTML = "<small> __MSG_L5_Desc__</small>";
			_gel("AreasTitle").innerHTML = "<b>__MSG_Areas_Title__</b>";
			_gel("AreasDesc").innerHTML = "<small> __MSG_Areas_Desc__</small>";
			_gel("POI1img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/CP.png"), _gel("POI1Desc"));
			_gel("POI2img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/sm_plane.png"), _gel("POI2Desc"));
			_gel("POI3img").insertBefore(_IG_GetImage("http://www.pablorodriguez.info/GoogleMaps/CampusParty2007/sm_train.png"), _gel("POI3Desc"));
			_gel("POI1Desc").innerHTML = "<small> __MSG_POI1_Desc__</small>";
			_gel("POI2Desc").innerHTML = "<small> __MSG_POI2_Desc__</small>";
			_gel("POI3Desc").innerHTML = "<small> __MSG_POI3_Desc__</small>"; 
			
			_gel("L1").checked = (prefs.getInt("L1") == 1);
			_gel("L3").checked = (prefs.getInt("L3") == 1);
			_gel("L4").checked = (prefs.getInt("L4") == 1);
			_gel("L5").checked = (prefs.getInt("L5") == 1);
					
			_gel("Areas").checked = (prefs.getInt("Areas") == 1);
			
			_gel("POI1").checked = (prefs.getInt("POI1") == 1);
			_gel("POI2").checked = (prefs.getInt("POI2") == 1);
			_gel("POI3").checked = (prefs.getInt("POI3") == 1);
			
			_IG_AdjustIFrameHeight();
			
			refreshAreas(true);
			
			refreshL1(true);
			refreshL3(true);
			refreshL4(true);
			refreshL5(true);
			
			refreshPOI1(true);
			refreshPOI2(true);
			refreshPOI3(true);
			
		  }
        )
		
		function refreshAreas(reload) 
		{	
			if (_gel("Areas").checked)
			{
				map.addOverlay(areas);
			}
			else
			{
				map.removeOverlay(areas);
			}
			if(!reload)
			{
				
				prefs.set("Areas", (_gel("Areas").checked ? 1 : 0));	
			}
		}
		
		function refreshL1(reload)
		{
			if (_gel("L1").checked)
			{
				map.addOverlay(lines[0]);
			}
			else
			{
				map.removeOverlay(lines[0]);
			}
			if(!reload)
			{
				prefs.set("L1", (_gel("L1").checked ? 1 : 0));
			}
		}
		
		function refreshL3(reload)
		{
			if (_gel("L3").checked)
			{
				map.addOverlay(lines[1]);
			}
			else
			{
				map.removeOverlay(lines[1]);
			}
			if(!reload)
			{
				prefs.set("L3", (_gel("L3").checked ? 1 : 0));
			}
		}
		
		function refreshL4(reload)
		{
			if (_gel("L4").checked)
			{
				map.addOverlay(lines[2]);
			}
			else
			{
				map.removeOverlay(lines[2]);
			}
			if(!reload)
			{
				prefs.set("L4", (_gel("L4").checked ? 1 : 0));
			}
		}
		
		function refreshL5(reload)
		{
			if (_gel("L5").checked)
			{
				map.addOverlay(lines[3]);
			}
			else
			{
				map.removeOverlay(lines[3]);
			}
			if(!reload)
			{
				prefs.set("L5", (_gel("L5").checked ? 1 : 0));
			}
		}
		
		function refreshPOI1(reload)
		{
			if (_gel("POI1").checked)
			{
				map.addOverlay(POI[0]);
				if (!reload)
				{
					POI[0].openInfoWindowHtml("<b>__MSG_POI1_Desc__</b>");
				}
			}
			else
			{
				POI[0].closeInfoWindow();
				map.removeOverlay(POI[0]);
			}
			if(!reload)
			{
				prefs.set("POI1", (_gel("POI1").checked ? 1 : 0));
			}
		}
		
		function refreshPOI2(reload)
		{
			if (_gel("POI2").checked)
			{
				map.addOverlay(POI[1]);
				if (!reload)
				{
					POI[1].openInfoWindowHtml("<b>__MSG_POI2_Desc__</b>");
				}
			}
			else
			{
				POI[1].closeInfoWindow();
				map.removeOverlay(POI[1]);
			}
			if(!reload)
			{
				prefs.set("POI2", (_gel("POI2").checked ? 1 : 0));
			}
		}
		
		function refreshPOI3(reload)
		{
			if (_gel("POI3").checked)
			{
				map.addOverlay(POI[2]);
				if (!reload)
				{
					POI[2].openInfoWindowHtml("<b>__MSG_POI3_Desc__</b>");
				}
			}
			else
			{
				POI[2].closeInfoWindow();
				map.removeOverlay(POI[2]);
			}	
			if(!reload)
			{
				prefs.set("POI3", (_gel("POI3").checked ? 1 : 0));		
			}
		}

    </script>

    <p id="MetroLines"></p>
	<div id="L1img"><input type="checkbox" id="L1" onclick="refreshL1()"><span id="L1Desc"></span></div>
	<div id="L3img"><input type="checkbox" id="L3" onclick="refreshL3()"><span id="L3Desc"></span></div>
	<div id="L4img"><input type="checkbox" id="L4" onclick="refreshL4()"><span id="L4Desc"></span></div>
	<div id="L5img"><input type="checkbox" id="L5" onclick="refreshL5()"><span id="L5Desc"></span></div>
	<p id="AreasTitle"></p>
	<input type="checkbox" id="Areas" onclick="refreshAreas()"><span id="AreasDesc"></span><br/>
	<p id="POI"></p>
	<div id="POI1img"><input type="checkbox" id="POI1" onclick="refreshPOI1()"><span id="POI1Desc"></span></div>
	<div id="POI2img"><input type="checkbox" id="POI2" onclick="refreshPOI2()"><span id="POI2Desc"></span></div>
	<div id="POI3img"><input type="checkbox" id="POI3" onclick="refreshPOI3()"><span id="POI3Desc"></span></div>

    ]]>
  </Content>
</Module> 