var UWA = UWA || {};
UWA.script = function(environment, options) {
if (environment instanceof UWA.Widget) {
    environment = environment.environment;
}
var widget = environment.getWidget();
widget.uwaUrl = "http://www.netvibes.com/modules/top3/top3.html";
widget.setOptions({"title":"Top3","icon":"http:\/\/cdn.netvibes.com\/uwa\/lib\/c\/UWA\/assets\/img\/icon.png","metas":{"version":"1.0.0","apiVersion":"1.3","description":"Keep an eye on the most popular content of any feed","author":"Netvibes","revised":"Tue, 08 Sep 2015 11:12:04 GMT","debugMode":"false","strictMode":"false","screenshot":"http:\/\/cdn.netvibes.com\/uwa\/lib\/c\/UWA\/assets\/img\/screenshot.png","thumbnail":"http:\/\/cdn.netvibes.com\/uwa\/lib\/c\/UWA\/assets\/img\/thumbnail.png"},"plugins":[{"name":"GoogleAnalytics","options":{"_setVisitorCookieTimeout":"1296000000","_setAccount":"UA-4008902-1"}}],"preferences":[{"type":"text","name":"feedUrl","defaultValue":"http:\/\/feeds2.feedburner.com\/LeJournalduGeek"},{"type":"text","name":"feedTitle","defaultValue":""},{"type":"hidden","name":"columnCount","defaultValue":"3"},{"type":"hidden","name":"widgetHeight","defaultValue":"225"}],"body":"<div class=\"text-message\">Loading\u2026<\/div><a class=\"column-area column-2\" target=\"_top\">\n                <div class=\"column-rectangle\">\n                    <span class=\"rank-label\">2<\/span>\n                    <div class=\"masker\">\n                        <div class=\"centerer\">\n                            <img class=\"heading-image\" \/>\n                        <\/div>\n                    <\/div>\n                    <p class=\"item-title\"><\/p>\n                <\/div>\n            <\/a><a class=\"column-area column-1\" target=\"_top\">\n                <div class=\"column-rectangle\">\n                    <span class=\"rank-label\">1<\/span>\n                    <div class=\"masker\">\n                        <div class=\"centerer\">\n                            <img class=\"heading-image\" \/>\n                        <\/div>\n                    <\/div>\n                    <p class=\"item-title\"><\/p>\n                <\/div>\n            <\/a><a class=\"column-area column-3\" target=\"_top\">\n                <div class=\"column-rectangle\">\n                    <span class=\"rank-label\">3<\/span>\n                    <div class=\"masker\">\n                        <div class=\"centerer\">\n                            <img class=\"heading-image\" \/>\n                        <\/div>\n                    <\/div>\n                    <p class=\"item-title\"><\/p>\n                <\/div>\n            <\/a>","style":".text-message { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 30px; background-color: white; font-size: 1.1em; line-height: 1.7em; z-index: 2; }\n.column-area { display: inline-block; position: absolute; top: 0; left: 0; height: 225px; }\n.column-rectangle { position: absolute; bottom: 0; width: 100%; background-color: #404040; box-shadow: 0px 0px 3px rgba(0, 0, 0, .4); }\n.column-1 .column-rectangle { height: 85%; background-color: #2c2c2c; font-size: 1.1em; z-index: 1; }\n.column-2 .column-rectangle { height: 68%; }\n.column-3 .column-rectangle { height: 60%; }\n.rank-label { position: absolute; top: -29px; right: 7%; width: 32px; height: 32px; background-color: #404040; border: 3px solid white; border-radius: 99999px; line-height: 32px; text-align: center; font-size: 20px; font-weight: bold; color: white; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); z-index: 1; }\n.column-1 .rank-label { width: 40px; height: 40px; top: -35px; right: 8%; border-width: 4px; line-height: 38px; font-size: 25px; }\n.masker { width: 100%; height: 50%; overflow: hidden; }\n.column-1 .masker { height: 64%; }\n.column-2 .masker { height: 55%; }\n.column-3 .masker { height: 49%; }\n.centerer { position: relative; left: 50%; margin-left: -500px; width: 1000px; height: 100%; text-align: center; }\n.centerer:after { content: \"\"; display: block; position: absolute; bottom: 0; width: 100%; height: 27px; background: linear-gradient(rgba(63,63,63,0) 0%, rgba(63,63,63,1) 100%); }\n.column-1 .centerer:after { background: linear-gradient(rgba(43,43,43,0) 0%, rgba(43,43,43,1) 100%); }\n.heading-image { position: relative; height: 100%; }\n.item-title { position: absolute; bottom: 9px; left: 5px; right: 5px; text-align: center; line-height: 1.35; font-family: sans-serif; color: white; }\n.column-1 .item-title { max-height: 23%; }\n.column-2 .item-title { max-height: 25%; }\n.column-3 .item-title { max-height: 28%; }"});
/*! Begin: Widget External Script */
 (function(widget) {
(function(){'use strict';if(!window._){window._=UWA.i18n;}
var Top3={currentData:null,placeholderImageUrl:/^(.+\/)[^\/]*$/.exec(widget.getUrl())[1]+'placeholder.png',onLoad:function(){widget.environment.html.wrapper.removeEvent('click');widget.body.setStyle('padding','0');Top3.onRefresh();},onRefresh:function(){Top3.getTop3ForFeed(widget.getValue('feedUrl'),function(result){Top3.currentData=result;Top3.onResize();});},onResize:function(){var firstColumnSizeRatio=1.15;var columns=Top3.getColumns();var columnCount=+widget.getValue('columnCount'),remainingSpace=widget.body.getDimensions().width,firstColumnWidth=Math.ceil(remainingSpace/columnCount*firstColumnSizeRatio),commonColumnWidth=Math.ceil((remainingSpace-firstColumnWidth)/(columnCount-1));columns.forEach(function(column,index){var columnWidth=(index===0)?firstColumnWidth:commonColumnWidth;columnWidth=Math.min(columnWidth,remainingSpace);column.setStyle('width',columnWidth+'px');remainingSpace-=columnWidth;});var c0Width=columns[0].getDimensions().width,c1Width=columns[1].getDimensions().width;columns[1].setStyle('left','0');columns[0].setStyle('left',(c1Width)+'px');columns[2].setStyle('left',(c1Width+c0Width)+'px');Top3.updateView();},showError:function(errorText){Top3.currentData={error:{text:errorText}};Top3.updateView();},updateView:function(){var minImageSize=40;if(!Top3.currentData){return;}
if(Top3.currentData.error){var textMessageElement=widget.getElement('.text-message');textMessageElement.setText(Top3.currentData.error.text);textMessageElement.setStyle('display','');widget.body.setStyle('min-height','85px');return;}
widget.getElement('.text-message').setStyle('display','none');widget.body.setStyle('min-height',widget.getValue('widgetHeight')+'px');widget.setTitle('Top3: '+(widget.getValue('feedTitle')||Top3.currentData.streams[0].title));var items=Top3.currentData.items;Top3.getColumns().forEach(function(column,index){var item=items[index];column.href=item.link;var headingImage=column.getElement('.heading-image'),headingImageUrl=Top3.getItemImageUrl(item)||Top3.placeholderImageUrl;headingImage.addEvent('load',function(){if(headingImage.naturalWidth<minImageSize||headingImage.naturalHeight<minImageSize){headingImage.src=Top3.placeholderImageUrl;}});headingImage.src=headingImageUrl;var titleElement=column.getElement('.item-title');var words=item.title.split(' '),isTruncated=false;do{titleElement.setText(words.join(' ')+(isTruncated?'…':''));words.pop();isTruncated=true;}while(column.scrollHeight-column.clientHeight>0&&words.length>0);});},getTop3ForFeed:function(feedUrl,callback){var url=UWA.hosts.netvibes+'/api/streams/popular?'+UWA.Utils.toQueryString({actions:JSON.stringify([{streams:[{query:feedUrl}],options:{limit:3}}]),format:'json'});UWA.Data.request(url,{type:'json',proxy:'ajax',onComplete:function(result){if(result.error){callback(result);return;}
callback(result.results[0]);},onFailure:function(){Top3.showError(_("Looks like this feed is not valid or currently not responding."));}});},getColumns:function(){var result=[];var c,columnCount=+widget.getValue('columnCount');for(c=1;c<=columnCount;c++){result.push(widget.getElement('.column-'+c));}
return result;},getItemImageUrl:function(item){var result=null;var e;if(item.enclosures){for(e=0;e<item.enclosures.length;e++){var enclosure=item.enclosures[e];if(enclosure.type==='image'){result=enclosure.link;break;}}}
if(!result){var imageElement=Top3.getFirstImageFromHTML(item.content);result=imageElement&&imageElement.src||null;}
return result;},getFirstImageFromHTML:function(html){var wrapper=UWA.createElement('div');wrapper.innerHTML=html;return wrapper.getElementsByTagName('img')[0]||null;}};widget.addEvent('onLoad',Top3.onLoad);widget.addEvent('onRefresh',Top3.onRefresh);widget.addEvent('onResize',Top3.onResize);}());
/*! End: Widget External Script */
}(widget));
    return widget;
};