<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
 <ModulePrefs title="CNN News" title_url="http://www.newzusa.com/" description="Read CNN News Top Stories, Entertainment, Business and Sports or customize and read any news feed you like" author="News PubDesk" author_email="news.pubdesk@gmail.com" screenshot="http://hosting.gmodules.com/ig/gadgets/file/109279996171245420817/cnn-news-ss.gif" thumbnail="http://hosting.gmodules.com/ig/gadgets/file/109279996171245420817/cnn-news-tn.gif" height="350" width="335" scrolling="false" singleton="true" category="news">
  <Require feature="dynamic-height" /> 
  <Require feature="setprefs" /> 
  <Require feature="tabs" /> 
<Require feature="views"/>
<Require feature="opensocial-0.8"/> 
<Require feature="analytics" /> 
  </ModulePrefs>
  <UserPref name="feed1" display_name="Feed URL 1" datatype="string" default_value="http://rss.cnn.com/rss/edition.rss" /> 
  <UserPref name="name1" display_name="Feed Name 1" datatype="string" default_value="Top Stories" /> 
  
  <UserPref name="feed2" display_name="Feed URL 2" datatype="string" default_value="http://rss.cnn.com/rss/edition_entertainment.rss" /> 
  <UserPref name="name2" display_name="Feed Name 2" datatype="string" default_value="Entertainment" /> 

  <UserPref name="feed3" display_name="Feed URL 3" datatype="string" default_value="http://rss.cnn.com/rss/edition_business.rss" /> 
  <UserPref name="name3" display_name="Feed Name 3" datatype="string" default_value="Business" /> 

  <UserPref name="feed4" display_name="Feed URL 4" datatype="string" default_value="http://rss.cnn.com/rss/edition_sport.rss" /> 
  <UserPref name="name4" display_name="Feed Name 4" datatype="string" default_value="Sports" /> 

  <UserPref name="selectedTab" datatype="hidden" /> 
 

      <Content type="html" view="default">
  <![CDATA[ 
  <style type="text/css">
  /* Import tabs library style sheet */
:link{color:#0000c8;}:visited{color:#c800c8;}a:active{color:#f06;}a:hover{color:#0000c8;text-decoration:underline;}A {text-decoration:none;}ul{list-style-type:disc;}li{margin-left:15px;}
  .statusLabel {
    font-size:12px;
    font-style:italic;
    padding-top:10px;
    text-align:center;
  }
  .feedHeader {
    padding-top:5px;
    font-size:12px;
  }
  .feedList {
    font-size:12px;
    margin:5px 0px 0px 0px;
    padding:0px 3px 5px 3px;
    list-style-type:disc;
  }
  .feedList li {
    margin-top:5px;
    padding:0px;
  }
  .feedList div.entrySummary {
    font-size:11px;
  }
  .feedlist div.entryTimestamp {
    font-size:10px;
    font-style:italic;
    color:#676767;
  }
  </style>
    <script type="text/javascript">
    var prefs = new gadgets.Prefs(__MODULE_ID__);
    var tabs = new gadgets.TabSet(__MODULE_ID__);
    var f1 = _trim(prefs.getString("feed1"));
    var f2 = _trim(prefs.getString("feed2"));
    var f3 = _trim(prefs.getString("feed3"));
    var f4 = _trim(prefs.getString("feed4"));
    var selectedTabId;
      
    function init() {
    var n1 = _trim(prefs.getString("name1"));
    var n2 = _trim(prefs.getString("name2"));
    var n3 = _trim(prefs.getString("name3"));
    var n4 = _trim(prefs.getString("name4"));

        tabs.addTab(n1, {            
           contentContainer: document.getElementById("tab1_id"),
           callback: callback           
        });
        tabs.addTab(n2, {            
           contentContainer: document.getElementById("tab2_id"),
           callback: callback          
        });
        tabs.addTab(n3, {            
           contentContainer: document.getElementById("tab3_id"),
           callback: callback           
        });
        tabs.addTab(n4, {            
           contentContainer: document.getElementById("tab4_id"),
           callback: callback           
        });



        }

    // Callback that provides content to tabs Three and Four
    function callback(tabId) {
      if(tabId=="tab1_id")
        processFeed(f1,tabId);
      else if(tabId=="tab2_id")
        processFeed(f2,tabId);
    else if(tabId=="tab3_id")
        processFeed(f3,tabId);
      else if(tabId=="tab4_id")
        processFeed(f4,tabId);

  }
function processFeed(feedUrl,tabId)
{
  var params = {};  
  params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.FEED;  
  params[gadgets.io.RequestParameters.NUM_ENTRIES] = new Number(10);  
  params[gadgets.io.RequestParameters.GET_SUMMARIES] = false;
  selectedTabId=tabId;  
  gadgets.io.makeRequest(feedUrl, response, params); 
}
function response(obj)
{
    var feed = obj.data;
    var html = "";

if (feed.Entry) {
          html='<ul class="feedList">';
        for (var i = 0; i < feed.Entry.length; i++) {
        var entry = feed.Entry[i];
          html+='<li>';
          html+='<a target="_blank" href="' + entry.Link + '">' + entry.Title + '</a>';
          html+='</li>';
      }
          html+='</ul>';
document.getElementById(selectedTabId).innerHTML=html;
      gadgets.window.adjustHeight();
}
}
    </script>

   <div id="tab1_id" style="display:none">Loading...</div>
   <div id="tab2_id" style="display:none">Loading...</div>
   <div id="tab3_id" style="display:none">Loading...</div>
   <div id="tab4_id" style="display:none">Loading...</div>
<script>
  gadgets.util.registerOnLoadHandler(init);
_IG_Analytics("UA-4517972-1", "/CNN-News");
</script>

    ]]>
  </Content>
</Module>