<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs
title="Soup Soup!"
title_url="http://www.soup-soup.net"
author="Stanislav Stankovic"
author_email="stanislav.stankovic@gmail.com"
screenshot="http://www.stane-island.net/googlesoup/googlesoup.png"
thumbnail="http://www.stane-island.net/googlesoup/googlesoupT.png"
description="Gadget pulls news items from specified feed and adds related Wikipedia articles"
author_location="Tampere, Finland"
author_affiliation="Stane's Island"
directory_title="googlesoup"
scrolling ="true"
height="300"
/>
<UserPref name="feed_url" display_name="Url" default_value="http://www.neatorama.com"/>

<Content type="html">
<![CDATA[

<style type="text/css">
.wiki_link{
font-size:10px;
font-weight: normal;
}
.wiki_links{
padding:5px;
font-size:12px;
font-weight: bold;
}
.item_desc{
margin-top:10px;
padding-bottom:10px;
font-size:12px;
text-align:justify;
border-bottom-color:#DDDDDD;
border-bottom-style:dashed;
border-bottom-width:1px;
}
.item_title{
font-size:14px;
text-align:left;
font-weight: bold;
}
.news_item{
padding:10px;
border-bottom-color:#999999;
border-bottom-style:dashed;
border-bottom-width:1px;
}
.pipe_head{
font-size:16px;
text-align:left;
font-weight: bold;
background-color:#550000;
color: #FFFFFF;
padding: 5px;
}
a:link {
text-decoration: none;
color: #666666;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
.footer{
font-size: 10px;
background-color:#DDDDDD;
}
</style>


<div id=content_div></div>

<script type="text/javascript">
var prefs = new _IG_Prefs();
var url = prefs.getString("feed_url");

_IG_FetchContent('http://pipes.yahoo.com/pipes/pipe.run?_id=pAT0JQ7P2xGCQyRgy6ky6g&_render=json&urlinput1=' + url, function(responseText) {

var myPipeData = eval('(' + responseText + ')');
var myPipeOutput = "";

//myPipeOutput = "<div class=\"pipe_head\"><div class=\"pipe_title\"><a href=\"" + myPipeData.value.link + "\">"+ myPipeData.value.title +"</a></div><div class=\"pipe_desc\">" + myPipeData.value.description + "</div></div>";
myPipeOutput = "<div class=\"pipe_head\">Wiki Soup: Augmented News!</div>";

myPipeOutput += "<div class=\"pipe_items\">";
var i = 0;
while(myPipeData.value.items[i]!=null)
{

myPipeOutput +="<div class=\"news_item\">";
myPipeOutput +="<div class=\"item_title\"><a target=\"_blank\" href=\""+myPipeData.value.items[i].link+"\">"+myPipeData.value.items[i].title+"</a></div>";
myPipeOutput +="<div class=\"item_desc\">"+myPipeData.value.items[i].description+"</div>";
myPipeOutput +="<div class=\"wiki_links\"><img src='http://www.soup-soup.net/icon/wikipedia.png' alt='W'/>ikipedia:"

var j = 0;
while((myPipeData.value.items[i].wiki[j]!=null)&&(j<10))
{

//Filter unneeded text
myPipeData.value.items[i].wiki[j].title = myPipeData.value.items[i].wiki[j].title.replace(/- Wikipedia, the free encyclopedia/g,"");
myPipeData.value.items[i].wiki[j].title = myPipeData.value.items[i].wiki[j].title.replace(/- Wikipédia/g,"");
myPipeData.value.items[i].wiki[j].title = myPipeData.value.items[i].wiki[j].title.replace(/- Vikipedija/g,"");


//Add to which divider this is pumped
myPipeOutput += "<div class='wiki_link'><a target=\"_blank\" href=\""+myPipeData.value.items[i].wiki[j].link+"\">"+myPipeData.value.items[i].wiki[j].title+"</a></div>";
j++;
}
myPipeOutput +="</div>";
myPipeOutput +="</div>";
i++;
}

myPipeOutput +="<div class='footer'>Brought to you by <a href='http://www.soup-soup.net'>SoupSoup</a> | Powered by <a href='http://pipes.yahoo.com/pipes/person.info?eyuid=RNNiAfYgu3CBD6irkz8n'>Yahoo! Pipes</a></div>"
// Output html in div.
_gel('content_div').innerHTML = myPipeOutput;
});
</script>

]]>
</Content>
</Module>