<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
	<ModulePrefs title="RTA Trip Planner" title_url="http://tripsweb.rtachicago.com/" description="Shortcut into the Chicago RTA's Trip Planning web site for public transportation (including CTA, Metra, and Pace) directions around the Chicagoland area." screenshot="http://www.sepcot.com/coding/Miscellaneous/RTA-Screenshot.png" author="Michael J. Sepcot" author_email="feedback.sepcot+RTAgadget@gmail.com" author_location="Chicago, IL, USA" author_link="http://www.sepcot.com/">
		<Require feature="analytics" />
		<Require feature="dynamic-height" />
	</ModulePrefs>

	<UserPref name="accessible" display_name="Accessible&#160;Station&#160;Only?&#160;" datatype="enum" required="true" default_value="N">
		<EnumValue value="Y" display_value="Yes" />
		<EnumValue value="N" display_value="No" />
	</UserPref>
	<UserPref name="walk" display_name="Walk&#160;no&#160;more&#160;than:&#160;" datatype="enum" required="true" default_value="0.50">
		<EnumValue value="0.25" display_value="1/4 Mile" />
		<EnumValue value="0.50" display_value="1/2 Mile" />
		<EnumValue value="0.75" display_value="3/4 Mile" />
		<EnumValue value="0.9999" display_value="1 Mile" />
	</UserPref>
	<UserPref name="trip_pref" display_name="Trip&#160;that:&#160;" datatype="enum" required="true" default_value="T">
		<EnumValue value="T" display_value="is quickest" />
		<EnumValue value="X" display_value="has fewest transfers" />
		<EnumValue value="W" display_value="has the least amount of walking" />
	</UserPref>
	<UserPref name="mode" display_name="Trip&#160;that&#160;includes:&#160;" datatype="enum" required="true" default_value="A">
		<EnumValue value="A" display_value="buses and trains" />
		<EnumValue value="B" display_value="only buses" />
		<EnumValue value="R" display_value="only trains" />
	</UserPref>

	<Content type="html"><![CDATA[
		<style type="text/css">
			body, td, a, p { font-family: arial, sans-serif; font-size: smaller; }
		</style>
		<script type="text/javascript">
			_IG_AdjustIFrameHeight();
			var prefs = new _IG_Prefs(__MODULE_ID__);
			
			function validate()
			{
				// Set Hidden Attibutes from User Preferences
				_gel("Atr").value = prefs.getString("accessible");
				_gel("walk").value = prefs.getString("walk");
				_gel("Min").value = prefs.getString("trip_pref");
				_gel("mode").value = prefs.getString("mode");
				
				// Set Date to Today, Time to Now
				var d = new Date();
				_gel("f_month").value = d.getMonth() + 1;
				_gel("f_day").value = d.getDate();
				_gel("f_year").value = d.getFullYear();
				_gel("Arr").value = "D";
				
				_gel("f_minutes").value = (d.getMinutes() + (5 - d.getMinutes() % 5)) % 60;
				
				if (0 == _gel("f_minutes").value)
				{
					_gel("f_hours").value = (0 == (d.getHours() + 1) % 12) ? 12 : (d.getHours() + 1) % 12;
				}
				else
				{
					_gel("f_hours").value = (0 == d.getHours() % 12) ? 12 : d.getHours() % 12;
				}
				
				_gel("f_ampm").value = (12 > d.getHours()) ? "AM" : "PM";

				// Make Sure Required Fields Have Valid Data
				if ( "Address or Intersection" == _gel("beginAddress").value || "Address or Intersection" == _gel("endAddress").value ) { return false; }
				
				// Set Address Data				
				_gel("Orig").value = _gel("beginAddress").value;
				_gel("Dest").value = _gel("endAddress").value;
				_gel("oCity").value = ("City (Optional)" == _gel("beginCity").value) ? "" : _gel("beginCity").value;
				_gel("dCity").value = ("City (Optional)" == _gel("endCity").value) ? "" : _gel("endCity").value;

				_IG_Analytics("UA-797489-1", "/RTAtripplanner/click");
				
				return true;
			}
			
			function hideDefault(e)
			{
				var elm;
			
				if(window.event && window.event.srcElement)
				{
					elm = window.event.srcElement;
				}
				else if (e && e.target)
				{
					elm = e.target;
				}
			
				if(!elm) return;
				
				if ("Address or Intersection" == elm.value || "City (Optional)" == elm.value)
				{
					elm.style.color = "#000000";
					elm.value = "";
				}
			}
			
			function showDefault(e)
			{
				var elm;
			
				if(window.event && window.event.srcElement)
				{
					elm = window.event.srcElement;
				}
				else if (e && e.target)
				{
					elm = e.target;
				}
			
				if(!elm) return;
				
				if ("" == elm.value)
				{
					if (elm == _gel("beginAddress") || elm == _gel("endAddress"))
					{
						elm.value = "Address or Intersection";
						elm.style.color = "#999999";
					}
					else if (elm == _gel("beginCity") || elm == _gel("endCity"))
					{
						elm.value = "City (Optional)";
						elm.style.color = "#999999";
					}
				}
			}

			function addEvent(elm, evType, fn, useCapture)
			{
				if (elm.addEventListener)
				{
					elm.addEventListener(evType, fn, useCapture);
					return true;
				}
				else if (elm.attachEvent)
				{
					var r = elm.attachEvent('on' + evType, fn);
					return r;
				}
				else
				{
					elm['on' + evType] = fn;
				}
			}

			function onLoadFunc__MODULE_ID__()
			{
				_gel("beginAddress").value = "Address or Intersection";
				_gel("beginAddress").style.color = "#999999";
				_gel("beginCity").value = "City (Optional)";
				_gel("beginCity").style.color = "#999999";
				_gel("endAddress").value = "Address or Intersection";
				_gel("endAddress").style.color = "#999999";
				_gel("endCity").value = "City (Optional)";
				_gel("endCity").style.color = "#999999";
				
				addEvent(_gel("beginAddress"), 'blur', showDefault, false);
				addEvent(_gel("beginAddress"), 'focus', hideDefault, false);
				addEvent(_gel("beginCity"), 'blur', showDefault, false);
				addEvent(_gel("beginCity"), 'focus', hideDefault, false);
				addEvent(_gel("endAddress"), 'blur', showDefault, false);
				addEvent(_gel("endAddress"), 'focus', hideDefault, false);
				addEvent(_gel("endCity"), 'blur', showDefault, false);
				addEvent(_gel("endCity"), 'focus', hideDefault, false);
				
				_IG_Analytics("UA-797489-1", "/RTAtripplanner");
			}

			addEvent(window, 'load', onLoadFunc__MODULE_ID__, false);
		</script>

		<form style="display: inline;" id="itin_id" name="itin" action="http://tripsweb.rtachicago.com/cgi-bin/itin.pl" method="post" target="_blank">
			<input type="hidden" name="action" value="entry" />
			<input type="hidden" name="resptype" value="U" /> <!-- F: Formatted, U: Unformatted -->
			
			<!-- USER PREFERENCES -->
			<input type="hidden" name="Atr" id="Atr" value="" />
			<input type="hidden" name="walk" id="walk" value="" />
			<input type="hidden" name="Min" id="Min" value="" />
			<input type="hidden" name="mode" id="mode" value="" />

			<!-- DATE/TIME -->
			<input type="hidden" name="f_month" id="f_month" value="" />
			<input type="hidden" name="f_day" id="f_day" value="" />
			<input type="hidden" name="f_year" id="f_year" value="" />
			<input type="hidden" name="f_hours" id="f_hours" value="" />
			<input type="hidden" name="f_minutes" id="f_minutes" value="" />
			<input type="hidden" name="f_ampm" id="f_ampm" value="" />
			<input type="hidden" name="Arr" id="Arr" value="" />
			
			<!-- TO/FROM -->
			<input type="hidden" name="Orig" id="Orig" value="" />
			<input type="hidden" name="oCity" id="oCity" value="" />
			<input type="hidden" name="Dest" id="Dest" value="" />
			<input type="hidden" name="dCity" id="dCity" value="" />
			
			<table id="itin_form" width="100%">
			<tr>
				<td style="text-align: right; width: 40px;">From </td>
				<td><input id="beginAddress" type="text" value="" style="width: 100%;" /></td>
				<td><input id="beginCity" type="text" value="" style="width: 100%;" /></td>
			</tr>
			<tr>
				<td style="text-align: right; width: 40px;">To </td>
				<td><input id="endAddress" type="text" value="" style="width: 100%;" /></td>
				<td><input id="endCity" type="text" value="" style="width: 100%;" /></td>
			</tr>
			</table>

			<input style="float: right; margin-right: 3px; margin-bottom: 5px;" id="it_req" value="Go" type="submit" onclick="return validate();" />
		</form>
	]]></Content>
</Module>
