<?xml version="1.0" encoding="utf-8" ?>
<Module>
  <ModulePrefs
		title="Santa Monica Tide Chart"
		title_url="http://www.surf-forecast.com/breaks/SantaMonicPier.tide.shtml"
		author="Dan Goldberg"
		author_email="dwg@dwgold.com"
		description="This gadget shows the tides for Santa Monica."
		screenshot="http://www.dwgold.com/tides/tscript2.gif"
		thumbnail="http://www.dwgold.com/tides/tscript2.gif"
		author_aboutme="Graduate Research Assistant, University of Southern California, GIS Research Lab"
		author_location="Los Angeles, CA"
		author_link="http://dwgold.com" >
    <Require feature="setprefs" />
    <Require feature="dynamic-height" />
  </ModulePrefs>
  <UserPref name="model"
	     display_name="Model"
	     datatype="enum"
	     default_value="1" >
	  <EnumValue value="1" display_value="Santa Monica" />
    <EnumValue value="2" display_value="Anywhere Else" />
	</UserPref>
  <Content type="html">
     <![CDATA[
     	<div  style="text-align: center;">
        <a id="link" href="http://www.surf-forecast.com/breaks/SantaMonicPier.tide.shtml" target="_blank">
          <img id="theImg" src="http://www.surf-forecast.com/images/tidegraphs/SantaMonicPier.png" border="" />
        </a>
      </div>
     	<div id="content"  style="text-align: center;">Santa Monica Tide Chart</div>
      <script type="text/javascript">
        
        
        var prefs = new _IG_Prefs(__MODULE_ID__);
        var modelNum = prefs.getInt("model");
        var cont = document.getElementById("content");
        var lk = document.getElementById("link");
        var img = document.getElementById("theImg");
        switch(modelNum)	
        {
          case 1:
            img.src = "http://www.surf-forecast.com/images/tidegraphs/SantaMonicPier.png";
            lk.href="http://www.surf-forecast.com/breaks/SantaMonicPier.tide.shtml";
            break;
          case 2:
            img.src = "http://www.surf-forecast.com/images/tidegraphs/SantaMonicPier.png";
            lk.href="http://www.surf-forecast.com/breaks/SantaMonicPier.tide.shtml";
            break;
          default:
           img.src = "http://www.surf-forecast.com/images/tidegraphs/SantaMonicPier.png";
           lk.href="http://www.surf-forecast.com/breaks/SantaMonicPier.tide.shtml";
           break;
        }
        
        img.width = cont.scrollWidth;
        _IG_AdjustIFrameHeight();
        
        window.onresize = function(){
          var c = document.getElementById("content");
          var i = document.getElementById("theImg");
          i.width = c.scrollWidth;
          _IG_AdjustIFrameHeight();
        }
        

      </script>

     ]]>
  </Content>
</Module>
