<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="Simple Tabssss" height="140"> 
    <Require feature="tabs"/> 
  </ModulePrefs>
  <Content type="html">
  <![CDATA[ 

    <script type="text/javascript">
    function init() {
        // Initialize tabs, designate the tab named "Two" as
        // the tab selected by default.
        var tabs = new _IG_Tabs(__MODULE_ID__, "Two");

        // Technique #1: Capture the tab's ID when you create it, and use the ID 
        // to add content to the tab's corresponding <div>.        
        var one_Id = tabs.addTab("Live HSI");       
        _gel(one_Id).innerHTML = "<img src='http://charts.aastocks.com/Chart/AAChart3.gif'/>";

        // Technique #2: Create the tab and define a corresponding <div> in the
        // HTML portion of the gadget. Add static content to the <div>.        
        tabs.addTab("Two", "two_id");

        // Technique #3: Create the tab and define a corresponding <div> in the
        // HTML portion of the gadget. Add static content to the <div>.
        // Use a callback function to add dynamic content to the static content.
        tabs.addTab("Three", "three_id", callback);
    }

    // Callback that adds dynamic content to the static content already
    // in tab Three.
    function callback(tabId) {
      var p = document.createElement("p");
      p.innerHTML = "This is dynamic content generated in callback.";
      _gel(tabId).appendChild(p);
    }

    // Call init function to initialize and display tabs.
    _IG_RegisterOnloadHandler(init);
    </script>

   <div id="two_id" style="display:none"><img src='http://charts.aastocks.com/Chart/AAChart4.gif'/></div>
   <div id="three_id" style="display:none">This is static content for tab Three.</div>
  ]]>
  </Content>
</Module>

