<?xml version="1.0" encoding="UTF-8"?>
<Module>

<ModulePrefs title="LocalWineEvents.com - Find Wine &amp; Food Events" title_url="http://www.LocalWineEvents.com" 
	directory_title="LocalWineEvents.com"
	description="View Local Food &amp; Wine Events from LocalWineEvents.com."
	screenshot="http://www.localwineevents.com/_ui/images/wid_250.gif"
	thumbnail="http://www.localwineevents.com/_ui/images/wid_250.gif"
	author="James Gribbons"
	width="300"
	height="250"
	author_email="info@LocalWineEvents.com"
	author_link="http://www.LocalWineEvents.com">
	<Require feature="dynamic-height" />
	<Require feature="setprefs" />
</ModulePrefs>

<UserPref name="cityId" datatype="hidden" />
<UserPref name="limit" datatype="hidden" />

<Content type="html">
<![CDATA[

	<div id="content">Loading Content...</div>
	<div id="change-button" align="center" style="background-color: #f4f4f4; padding: 5px; margin-top: 7px; display: none;">
		<input type="button" onClick="view_settings();" value="Change My Settings" style="font-family: Georgia, Times, serif; font-size: 14px; font-weight: bold; color: #009900; padding: 7px;" />
	</div>

	<script type="text/javascript">
	
	var prefs = new _IG_Prefs(__MODULE_ID__);
	start();
	
	function start() {
		if (prefs.getString("cityId")) {
			view_events(); // already chose city; show events
	
		} else {
			view_settings(); // need to choose settings
		}
	}
	
	function save_settings() {
		var limit = document.forms[0].limit.value;
		var cityId = document.forms[0].cityId.value;
	
		prefs.set("cityId", cityId); // save city & limit
		prefs.set("limit", limit);
	
		start();
	}
	
	function view_events() {
		var limit = prefs.getString("limit");
		var cityId = prefs.getString("cityId");
		
		var url = "http://www.localwineevents.com/widgets/events/show/city/" + cityId + "/" + limit + "/full";

		_IG_FetchContent(url, update_content); // get widget
		document.getElementById('change-button').style.display = 'block';				
	}
	
	function view_settings() {
		_IG_FetchContent("http://www.localwineevents.com/widgets/igoogle/", update_content); // get settings form
		document.getElementById('change-button').style.display = 'none';
	}
	
	function update_content(html) {
		_gel("content").innerHTML = html;
		_IG_AdjustIFrameHeight();
	}
	
	setTimeout(start, 3600000); // refresh hourly
	
	</script>

]]>
</Content>

</Module>