var S3_IMAGE_PATH = "socialmedian.s3.amazonaws.com";
var LOAD_WIDGET_INTERVAL_OBJECT;
var secureUrl = window.location.href.indexOf("https");
if(secureUrl < 0){
	S3_IMAGE_PATH = "http://"+S3_IMAGE_PATH;
}else{
	S3_IMAGE_PATH = "https://"+S3_IMAGE_PATH;
}
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = S3_IMAGE_PATH+"/widget-style.css";
head.appendChild(link);
var POPULAR_STORIES_ARRAY = new Array();
var RISING_FAST_STORIES_ARRAY = new Array();
var RECENT_STORIES_ARRAY = new Array();
var stories_information = eval({"risingfast":[{"content_type":"text","feed_title":"jeff - FriendFeed","display_dislike":89,"s_permalink":"starbucks-profit-plummets-by-97-percent-via-friendfeed","time":"1 day ago","comments":12,"display_like":10,"title":"Starbucks profit plummets by 97 percent (via FriendFeed)","uid":4963,"id":1609066,"feed_id":11552,"surl":"jeffdoug","image_ext":"","actual_like":0,"favicon":"n","service_url":"FriendFeed","actual_dislike":100},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":9,"s_permalink":"how-to-grow-a-startup-300-in-3-days-socialmedian-tells-all","time":"1 day ago","comments":8,"display_like":90,"title":"HOW TO: Grow a Startup 300% in 3 Days? SocialMedian Tells All","uid":3623,"id":1615474,"feed_id":339,"surl":"sarahcrisman","image_ext":"","actual_like":100,"favicon":"y","service_url":"","actual_dislike":0},{"content_type":"video","feed_title":"Youtube - jasong2ot","display_dislike":9,"s_permalink":"president-bush-i-regret-mission-accomplished-sign","time":"18 hours ago","comments":2,"display_like":90,"title":"President Bush: \"I Regret\" Mission Accomplished Sign","uid":5,"id":1619660,"feed_id":12061,"surl":"jasongoldberg","image_ext":"jpeg","actual_like":100,"favicon":"n","service_url":"YouTube","actual_dislike":0},{"content_type":"text","feed_title":"Bwana's shared items in Google Reader","display_dislike":49,"s_permalink":"break-away-from-mobileme-7-free-services-to-help-you-make-the-move","time":"4 hours ago","comments":0,"display_like":50,"title":"Break Away From MobileMe: 7 Free Services to Help You Make the Move","uid":2806,"id":1626253,"feed_id":13082,"surl":"bwana","image_ext":"png","actual_like":0,"favicon":"n","service_url":"Google Reader","actual_dislike":0},{"content_type":"text","feed_title":"ReadWriteWeb","display_dislike":9,"s_permalink":"whats-hot-on-the-web-right-now-oneriot-aims-to-tell-you","time":"9 hours ago","comments":0,"display_like":90,"title":"What's Hot on the Web Right Now? OneRiot Aims to Tell You","uid":8433,"id":1623199,"feed_id":10943,"surl":"azymus","image_ext":"jpeg","actual_like":100,"favicon":"n","service_url":"blog","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":9,"s_permalink":"the-media-equation-how-obama-tapped-into-social-networks-power-nytimes-com","time":"2 days ago","comments":3,"display_like":90,"title":"The Media Equation - How Obama Tapped Into Social Networks’ Power - NYTimes.co ...","uid":5646,"id":1596998,"feed_id":339,"surl":"matik72","image_ext":"","actual_like":100,"favicon":"y","service_url":"","actual_dislike":0}],"popular":[{"content_type":"video","feed_title":"Youtube - jasong2ot","display_dislike":9,"s_permalink":"president-bush-i-regret-mission-accomplished-sign","time":"18 hours ago","comments":2,"display_like":90,"title":"President Bush: \"I Regret\" Mission Accomplished Sign","uid":5,"id":1619660,"feed_id":"12061","surl":"jasongoldberg","image_ext":"jpeg","actual_like":100,"favicon":"n","service_url":"YouTube","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":9,"s_permalink":"how-to-grow-a-startup-300-in-3-days-socialmedian-tells-all","time":"1 day ago","comments":8,"display_like":90,"title":"HOW TO: Grow a Startup 300% in 3 Days? SocialMedian Tells All","uid":3623,"id":1615474,"feed_id":"339","surl":"sarahcrisman","image_ext":"","actual_like":100,"favicon":"y","service_url":"","actual_dislike":0},{"content_type":"text","feed_title":"ReadWriteWeb","display_dislike":9,"s_permalink":"whats-hot-on-the-web-right-now-oneriot-aims-to-tell-you","time":"9 hours ago","comments":0,"display_like":90,"title":"What's Hot on the Web Right Now? OneRiot Aims to Tell You","uid":8433,"id":1623199,"feed_id":"10943","surl":"azymus","image_ext":"jpeg","actual_like":100,"favicon":"n","service_url":"blog","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":49,"s_permalink":"barack-obama-and-joe-biden-the-change-we-need-obama-hq-blogger-statement-of-president-elect-barack-obama-on-veterans-day","time":"17 hours ago","comments":0,"display_like":50,"title":"Barack Obama and Joe Biden: The Change We Need | Obama HQ Blogger: Statement of  ...","uid":9657,"id":1619816,"feed_id":"339","surl":"Milieunet","image_ext":"","actual_like":0,"favicon":"y","service_url":"","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":49,"s_permalink":"frontline-the-choice-2008-barack-obama-pbs","time":"16 hours ago","comments":0,"display_like":50,"title":"FRONTLINE: the choice 2008: barack obama | PBS","uid":9290,"id":1620133,"feed_id":"339","surl":"jschnees","image_ext":"","actual_like":0,"favicon":"y","service_url":"","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":49,"s_permalink":"us-india-strategic-relationship-very-important-obama-tells-pm-yahoo-india-news","time":"15 hours ago","comments":0,"display_like":50,"title":"US-India strategic relationship 'very important', Obama tells PM - Yahoo! India  ...","uid":4073,"id":1620326,"feed_id":"339","surl":"sharief","image_ext":"","actual_like":0,"favicon":"y","service_url":"","actual_dislike":0}],"recent":[{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":49,"s_permalink":"for-kennedy-it-was-the-television-for-obama-it-was-the-internet-girls-in-tech","time":"3 minutes ago","comments":0,"display_like":50,"title":"» For Kennedy it was the Television, for Obama it was the Internet : Girls In T ...","uid":1970,"id":1629252,"feed_id":"339","surl":"netzoo","image_ext":"","actual_like":0,"favicon":"y","service_url":"","actual_dislike":0},{"content_type":"text","feed_title":"from:time - Twitter Search","display_dislike":49,"s_permalink":"the-page-wanna-job-\n\nobamas-team-announces-transition-leaders-for-departments-of-treasury-httptinyurlcom69xwdn","time":"1 hour ago","comments":0,"display_like":50,"title":"THE PAGE: Wanna Job?: \n\nObama's team announces transition leaders for the Depart ...","uid":5028,"id":1628320,"feed_id":"11668","surl":"time","image_ext":"","actual_like":0,"favicon":"n","service_url":"Twitter","actual_dislike":0},{"content_type":"text","feed_title":"Bwana's shared items in Google Reader","display_dislike":49,"s_permalink":"obama-to-pioneer-web-outreach-as-president-\n-ap","time":"1 hour ago","comments":0,"display_like":50,"title":"Obama to pioneer Web outreach as president \n    (AP)","uid":2806,"id":1628313,"feed_id":"13082","surl":"bwana","image_ext":"jpeg","actual_like":0,"favicon":"n","service_url":"Google Reader","actual_dislike":0},{"content_type":"text","feed_title":"FriendFeed bricoleur","display_dislike":49,"s_permalink":"cnn-poll-among-republicans-however-77-percent-said-they-would-support-a-palin-candidacy-in-four-years-via-friendfeed","time":"1 hour ago","comments":0,"display_like":50,"title":"CNN Poll:  \"Among Republicans, however, 77 percent said they would support a Pal ...","uid":7976,"id":1628081,"feed_id":"13149","surl":"bricoleur","image_ext":"","actual_like":0,"favicon":"n","service_url":"FriendFeed","actual_dislike":0},{"content_type":"text","feed_title":"Deanna's Ramblings","display_dislike":49,"s_permalink":"joe-lieberman-and-the-democratic-caucus","time":"2 hours ago","comments":0,"display_like":50,"title":"Joe Lieberman and the Democratic Caucus","uid":8623,"id":1627800,"feed_id":"14290","surl":"deannaizme","image_ext":"bmp","actual_like":0,"favicon":"n","service_url":"blog","actual_dislike":0},{"content_type":"text","feed_title":"Relevant news submitted by members of this News Network","display_dislike":49,"s_permalink":"user-generated-government-kevin-bondelli-s-youth-vote-blog","time":"9 minutes ago","comments":0,"display_like":50,"title":"User-Generated Government - Kevin Bondelli’s Youth Vote Blog","uid":1258,"id":1629165,"feed_id":"339","surl":"kbondelli","image_ext":"","actual_like":0,"favicon":"y","service_url":"","actual_dislike":0}]});
POPULAR_STORIES_ARRAY = stories_information['popular'];
RISING_FAST_STORIES_ARRAY = stories_information['risingfast'];
RECENT_STORIES_ARRAY = stories_information['recent'];
/**
 *	Setting the default values of widget if not set
 */
if(tab == null || tab == ''){
	var tab = 'rising-fast';
}
if(nos == null || nos == ''){
	var nos = 6;
}
if(widget_width == null || widget_width == ''){
	var widget_width = 335;
}
if(REF == null || REF == ''){
	var REF = '';
}
if(SM_OPEN_NEW_WINDOW == null || SM_OPEN_NEW_WINDOW == ''){
	var SM_OPEN_NEW_WINDOW = 0;
}
var headingText = "User submitted election updates";

if(REF == 'guardian'){
	headingText = "Bloggers' views around the web";
}
/**
*	Set the width of inner box according to the widget width
*/
var OUTER_FIXED_WIDTH = parseInt(widget_width) - 50;
var INNER_BASIC_WIDTH = OUTER_FIXED_WIDTH;
var INNER_IMAGE_WIDTH = OUTER_FIXED_WIDTH - 55;
var COMMENT_OUTER_WIDTH = 28;
var POWERED_BY_TEXT = "www.socialmedian.com";
if (widget_width <= 289) {
	COMMENT_OUTER_WIDTH = 0;
	POWERED_BY_TEXT = "socialmedian";
}
var JOIN_LINK_FLOAT_PROPERTY = "right";
if (widget_width <= 325) {
	JOIN_LINK_FLOAT_PROPERTY = "left";
}
var TAB_DISPLAY_PROPERTY = true;
if(widget_width < 260){
	TAB_DISPLAY_PROPERTY = false;
}
// domain name
var DOMAIN_NAME = "http://election.socialmedian.com";
//the tab which is currently open
CURRENTLY_OPEN_TAB = tab;
/**
*	Contain the story title box without story image
*	It is used when there is no image extention {story_image_extention = ''}
*/
var BASIC_TITLE_TEMPLATE = '<div style="margin: 0px; padding: 0px 10px 0px 0px; width:[[inner_width_basic]]px">'
						  +'<div style="overflow:hidden;margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: rgb(12, 71, 144); font-weight: normal;">'
							+'<font style="color: rgb(51, 51, 51); font-weight: bold;cursor:default">[[socialmedian_url]]:</font><a href="" onclick="javascript: openNewWindow(\'[[story_id]]/[[story_permalink]]\'); return false;"> [[title]]</a>'
						  +'</div>'
						  +'<div align="left" style="margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: rgb(0, 0, 0); font-style: italic;"><i>[[dateTime]][[user_service_url_name]]</i></div>'
						+'</div>';
/**
*	Contain the story title box with story story image
*	It is used when there is image extention {story_image_extention = '.jpeg, jpg,gif,png'}
*/
var IMAGE_TITLE_TEMPLATE = '<div style="margin: 0px; padding: 0px 5px 0px 0px; width:[[inner_width_image]]px;float:left;">'
						  +'<div style="overflow:hidden;margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: rgb(12, 71, 144); font-weight: normal;cursor:pointer" onclick="javascript: openNewWindow(\'[[story_id]]/[[story_permalink]]\'); return false;">'
							+'<font style="color: rgb(51, 51, 51); font-weight: bold;cursor:default">[[socialmedian_url]]:</font><a href="" onclick="javascript: openNewWindow(\'[[story_id]]/[[story_permalink]]\'); return false;"> [[title]],/a>'
						  +'</div>'
						  +'<div align="left" style="margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: rgb(0, 0, 0); font-style: italic;"><i>[[dateTime]] [[user_service_url_name]]</i></div>'
						+'</div>'
						+'<div style="margin: 0px; padding: 2px; float:left;border:1px solid rgb(153, 153, 153);" class="widget-story-image">'
						  +'<img style="padding:0px;margin:0px;border:0px solid #FFF" src="[[image_source_path]]" />'
						+'</div>'
						+'<br clear="all"/>';
/**
*	Complete html structure for stories.
*/
var TEMPLATE = '<div style="margin: 0px; padding: 5px 0px 10px 0px;">'
				  +'<div style="margin: 2px 0px 0px 0px; padding: 0px 0px 0px 10px; float: left;">'
					+'<img style="padding:0px;margin:0px;border:0px solid #FFF" src="[[user_images_url]]"/>'
				  +'</div>'
				  +'<div align="left" style="margin: 0px; padding: 0px 0px 0px 7px; float: left;">'
					+'[[innerTemplate]]'
				  +'</div>'
				  +'<br clear="all"/>'
				  +'<div align="left" style="margin: 0px; padding:10px 0px 0px '+COMMENT_OUTER_WIDTH+'px; font-family: Arial; font-size: 12px; color: rgb(152, 185, 216);">'
					  +'<div align="left" style="margin: 0px; padding:0px;float:right;'+(TAB_DISPLAY_PROPERTY == true ? '' : 'width:95%')+'">'
						+'<div style="margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: rgb(0, 0, 0); font-weight: normal;">'
						  +'<div style="margin: 0px; padding: 0px; float: left; position: relative;" id="unlikeFace_popular[[story_id]]">'
							+'<div style="margin: 0px; padding: 0px; position: absolute; top: -11px; left: -4px; display: none; font-family: Arial; font-size: 10px;color:#000;" id="unlikeTextBox_popular[[story_id]][[content_type]]">Dislike</div>'
							+'<span style="display: block;" id="unlikeFaceImage_popular[[story_id]]">'
								+'<a href="" onclick="javascript: openNewWindow(); return false;" onmouseout="javascript:document.getElementById(\'unlikeTextBox_popular[[story_id]][[content_type]]\').style.display=\'none\';return false;" onmouseover="javascript:document.getElementById(\'unlikeTextBox_popular[[story_id]][[content_type]]\').style.display=\'block\';return false;" class="widget-unlike-icon"></a>'
							+'</span>'
						  +'</div>'
						  +'<div style="margin: 0px; padding: 6px 0px 0px 2px; float: left; width: 50px; position: relative;">'
							+'<div onmouseout="javascript:document.getElementById(\'unlikeVotePercentageBox_popular[[story_id]][[content_type]]\').style.display=\'none\';return false;" onmouseover="javascript:document.getElementById(\'unlikeVotePercentageBox_popular[[story_id]][[content_type]]\').style.display=\'block\';return false;" style="background-color: rgb(239, 72, 27); width: [[display_dislike_width]]%;float:left;" class="widget_opacity_50">&nbsp;</div>'
							+'<div style="margin: 0px; padding: 0px; position: absolute; top: -8px; left: 5px; display: none; font-size: 11px; color: rgb(140, 140, 140);" id="unlikeVotePercentageBox_popular[[story_id]][[content_type]]">[[actual_dislike]]%</div>'
							+'<div onmouseout="javascript:document.getElementById(\'likeVotePercentageBox_popular[[story_id]][[content_type]]\').style.display=\'none\';return" onmouseover="javascript:document.getElementById(\'likeVotePercentageBox_popular[[story_id]][[content_type]]\').style.display=\'block\';return false;" style="background-color: rgb(130, 202, 56); width: [[display_like_width]]%;float:left;" class="widget_opacity_50">&nbsp;</div>'
							+'<div style="margin: 0px; padding: 0px; position: absolute; top: -8px; left: 30px; display: none; font-size: 11px; color: rgb(140, 140, 140);" id="likeVotePercentageBox_popular[[story_id]][[content_type]]">[[actual_like]]%</div>'
							+'<br clear="all"/>'
						  +'</div>'
						  +'<div style="margin: 0px; padding: 0px; float: left; position: relative;">'
							+'<div style="margin: 0px; padding: 0px; position: absolute; top: -11px; left: -2px; display: none; font-family: Arial; font-size: 10px;color:#000;" id="likeTextBox_popular[[story_id]][[content_type]]">Like</div>'
							+'<span style="display: block;padding:0px;margin:0px;">'
								+'<a href="" onclick="javascript: openNewWindow(); return false;" onmouseout="javascript:document.getElementById(\'likeTextBox_popular[[story_id]][[content_type]]\').style.display=\'none\';return false;" onmouseover="javascript:document.getElementById(\'likeTextBox_popular[[story_id]][[content_type]]\').style.display=\'block\';return false;" class="widget-like-icon"></a>'
							+'</span>'
						  +'</div>'
						  +'<div style="margin: 0px; padding: 0px 0px 0px 4px; float: left;" id="moodDiv_popular[[story_id]]">'
							+'<a class="widget-mood-inactive-icon" href=""  onclick="javascript: openNewWindow(); return false;">'
								+'<div style="margin: 0px; padding: 3px 0px 0px;text-align:center;font-size:11px;">Mood</div>'
							+'</a>'
						  +'</div>'
						  +'<br clear="all"/>'
						+'</div>'
					  +'</div>'
					  +'<div style="padding: 0px 0px 0px '+(TAB_DISPLAY_PROPERTY == true ? '0' : '5')+'px; font-size: 11px; font-family: arial; text-decoration: none; float: left;" class="widgetCommentBox">'
						+'<a href="" style="text-decoration: none; cursor: pointer;" class="commentStoryBackgroundInactiveWidget" onclick="javascript: openNewWindow(); return false;">'
					  		+'<div style="margin: 0px; padding: 3px 0px 0px 30px;font-size:11px;">[[total_comments]] Comment[[s]]</div>'
					  	+'</a>'
					  +'</div>'
					  +'<br clear="all"/>'
					+'</div>'
				+'</div>';
/**
*	Prototype function for traversing array
*/
Array.prototype.each=function(fun){if(typeof fun != "function"){return;}for(var i=0; i<this.length; i++){fun(this[i]);}return this;}
/**
*	Create the outer structure for widget, contain all tabs and outer box.
*/
var widgetContent = '<div id="hotStoriesWidgetOuterBox" style="margin:0px;padding:0px;width:'+widget_width+'px;background-color:#FFF;border:1px solid #b1c3d4;" class="socialmedian">'
						+'<div style="margin:0px;padding:0px;overflow:hidden;">'
							+'<div id="promoteWidgetText" style="padding:5px 0px 3px 0px;margin:0px;font-size:14px;font-family:arial;font-weight:bold;color:#D97430;">'
								+'<div align="left" style="float:left;padding:0px 0px 0px 5px;margin:0px;,"><span class="widget-socialmedian-icon"></span></div>'
								+'<div align="left" style="float:left;padding:0px 0px 0px 5px;margin:0px;color:#333333;font-weight:bold;font-size:12px;'+(TAB_DISPLAY_PROPERTY == true ? '' : 'width:75%;')+'">'+headingText+'</div>'
								+'<div align="left" style="float:'+JOIN_LINK_FLOAT_PROPERTY+';padding:'+(TAB_DISPLAY_PROPERTY == true ? '0px 10px 0px 5px' : '0px 10px 0px 27px')+';margin:0px;color:#305cb6;"><a class="widget-site-link" href="" onclick="javascript: openNewWindow(); return false;">'+(REF == 'guardian' ? "Join in" : "Join In!")+'</a></div>'
								+'<br clear="all"/>'
							+'</div>'
							+'<div id="promoteWidgetBody" style="margin:0px;padding:0px;">'
								+'<div id="promoteWidgetTabBody" style="margin:0px;padding:10px 0px 0px 0px;">'
									+'<div align="left" style="margin:0px;padding:0px;border-bottom:1px solid #B5B5B5;font-size:12px;height:21px">'
										+'<div id="promotePopularTab" style="margin:0px;padding:0px 0px 0px 5px;float:left;display:'+(TAB_DISPLAY_PROPERTY == true ? 'block' : 'none')+'">'
											+'<div class="smallWidgetTabLeftOff" style="float:left;"></div>'
											+'<div class="smallWidgetTabCenterOff" style="width:48px;float:left;">'
												+'<div class="smallWidgetTabContentsOff" style="padding:4px 0px 0px 0px;text-align:center;" onclick="displayStories(\'popular\');return false;">Popular</div>'
											+'</div>'
											+'<div class="smallWidgetTabRightOff" style="float:left;"></div>'
											+'<br clear="all">'
										+'</div>'
										+'<div id="promoteRisingFastTab" style="margin:0px;padding:0px 0px 0px 5px;float:left;">'
											+'<div class="smallWidgetTabLeftOff" style="float:left;"></div>'
											+'<div class="smallWidgetTabCenterOff" style="width:66px;float:left;">'
												+'<div class="smallWidgetTabContentsOff" style="padding:4px 0px 0px 0px;text-align:center;" onclick="displayStories(\'rising-fast\');return false;">Rising Fast</div>'
											+'</div>'
											+'<div class="smallWidgetTabRightOff" style="float:left;"></div>'
											+'<br clear="all">'
										+'</div>'
										+'<div id="promoteHotDiscussionsTab" style="margin:0px;padding:0px 0px 0px 5px;float:left;">'
											+'<div class="smallWidgetTabLeftOff" style="float:left;"></div>'
											+'<div class="smallWidgetTabCenterOff" style="width:48px;float:left;">'
												+'<div class="smallWidgetTabContentsOff" style="padding:4px 0px 0px 0px;text-align:center;" onclick="displayStories(\'recent\');return false;">Recent</div>'
											+'</div>'
											+'<div class="smallWidgetTabRightOff" style="float:left;"></div>'
											+'<br clear="all">'
										+'</div>'
										+'<br clear="all"/>'
									+'</div>'
								+'</div>'
								+'<div id="promoteWidgetStoriesHolder" style="margin:0px;padding:6px 0px 0px 0px;display:block;font-family:arial;font-size:13px;color:#000;">'
									+'<div id="promoteWidget-popular" align="center" style="margin:0px;padding:0px 0px 5px 0px;display:none;">No Story Found</div>'
									+'<div id="promoteWidget-rising-fast" align="center" style="margin:0px;padding:0px 0px 5px 0px;display:none;">No Story Found</div>'
									+'<div id="promoteWidget-recent" align="center" style="margin:0px;padding:0px 0px 5px 0px;display:none;">No Story Found</div>'
								+'</div>'
							+'</div>'
							+'<div style="padding:0px 0px 8px 5px;;margin:0px;font-family:Arial;font-weight:normal;">'
								+'<div id="grabWidgetLink" style="padding:0px 5px 0px 0px;margin:0px;float:'+(TAB_DISPLAY_PROPERTY == true ? 'right' : 'left')+';font-size:11px;color:#000;cursor:pointer;font-weight:bold;">'
									+'<a onclick="javascript:openNewWindow(\'election-widget\'); return false;" href="" class="site-link" style="font-size:11px;font-weight:normal;text-decoration:none;font-family:arial;">Get this widget</a>'
									+'<iframe src="'+S3_IMAGE_PATH+'/analytics-election-2008-widget.html" width="0" height="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>'
								+'</div>'
								+'<div style="padding:0px;margin:0px;float:left;font-size:11px;color:#000;'+(TAB_DISPLAY_PROPERTY == true ? '' : 'width:137px;')+'">Powered by <a href="http://www.socialmedian.com" class="snap_noshots" style="text-decoration:none;color:#000">'+POWERED_BY_TEXT+'</a></div>'
								+'<br clear="all"/>'
							+'</div>'
						+'</div>'
					+'</div>'
				+'</div>';
/**
*	Toggle the active/inactive tab
*/
function showTabActionPromote(arr, selectedTabEle) {
  arr.each(function(ele){
     ele.style.top = "-22px";
     ele = ele.childNodes;
     ele[0].className = "smallWidgetTabLeftOff";
     ele[1].className = "smallWidgetTabCenterOff";
     ele[1].childNodes[0].className = "smallWidgetTabContentsOff";
     ele[2].className = "smallWidgetTabRightOff";
  });
  selectedTabEle.style.top = "-21px";
  selectedTabEle = selectedTabEle.childNodes;
  selectedTabEle[0].className = "smallWidgetTabLeftOn";
  selectedTabEle[1].className = "smallWidgetTabCenterOn";
  selectedTabEle[1].childNodes[0].className = "smallWidgetTabContentsOn";
  selectedTabEle[2].className = "smallWidgetTabRightOn";
}

/**
*	Display the active tab body
*/
function showActiveTabBodyPromote(arr, activeTabBodyEle) {
  arr.each(function(ele){
     ele.style.display = "none" ;
  });
  activeTabBodyEle.style.display = "block";
};

/**
*	Display the stories according to the filter type
*   filterType = {'popular', 'rising fast', 'recent'}
*/
function displayStories(filterType){
  CURRENTLY_OPEN_TAB = filterType;
  if(filterType == "popular"){
      var activeTab = document.getElementById("promotePopularTab");
  } else if(filterType == "rising-fast") {
      var activeTab = document.getElementById("promoteRisingFastTab");
  } else if(filterType == "recent") {
      var activeTab = document.getElementById("promoteHotDiscussionsTab");
  }
  showTabActionPromote([document.getElementById("promotePopularTab"), document.getElementById("promoteRisingFastTab"), document.getElementById("promoteHotDiscussionsTab")], activeTab);
  if(document.getElementById("promoteWidget-"+filterType).innerHTML.indexOf("No Story Found") < 0) {
      showActiveTabBodyPromote([document.getElementById("promoteWidget-popular"),document.getElementById("promoteWidget-rising-fast"),document.getElementById("promoteWidget-recent")], document.getElementById("promoteWidget-"+filterType));
  } else {
  	var storiesInnerHtmlContent  = "";
  	switch(filterType){
		case 'popular':
				storiesInnerHtmlContent = renderStorytemplate(POPULAR_STORIES_ARRAY);
				break;
		case 'rising-fast':
				storiesInnerHtmlContent = renderStorytemplate(RISING_FAST_STORIES_ARRAY);
				break;
		case 'recent':
				storiesInnerHtmlContent = renderStorytemplate(RECENT_STORIES_ARRAY);
				break;
	}
	if(storiesInnerHtmlContent != ""){
		document.getElementById("promoteWidget-"+filterType).innerHTML = "";
		document.getElementById("promoteWidget-"+filterType).innerHTML += storiesInnerHtmlContent;
	}
  	showActiveTabBodyPromote([document.getElementById("promoteWidget-popular"),document.getElementById("promoteWidget-rising-fast"),document.getElementById("promoteWidget-recent")], document.getElementById("promoteWidget-"+filterType));
  }
}

/**
*	Creates the information for widget stories by replacing the information in template
*/
function renderStorytemplate(storyData){
	// get the nos = number of stories
	var maxLength = Math.min(nos, storyData.length);
	var storyContentInfo = "";
	for(var smi=0;smi<maxLength;smi++){
		var newDate = new Date();
		var randomTime = newDate.getUTCMilliseconds();
		var storyContent = TEMPLATE;
		// set the correct width
		storyContent = storyContent.replace(/\[\[outer_fixed_width\]\]/g, OUTER_FIXED_WIDTH);
		// replace the user image url by constructing the image path
		storyContent = storyContent.replace('[[user_images_url]]', S3_IMAGE_PATH+"/user-images/"+storyData[smi]['uid']+"-small.jpg?"+randomTime);
		storyContent = storyContent.replace('[[total_comments]]', storyData[smi]['comments']);
		if(storyData[smi]['comments'] == 1){
			storyContent = storyContent.replace('[[s]]', "");
		}else{
			storyContent = storyContent.replace('[[s]]', "s");
		}
		if(storyData[smi]['image_ext'] != "" && TAB_DISPLAY_PROPERTY == true){
			storyContent = storyContent.replace('[[innerTemplate]]', IMAGE_TITLE_TEMPLATE);
			storyContent = storyContent.replace(/\[\[inner_width_image\]\]/g, INNER_IMAGE_WIDTH);
			storyContent = storyContent.replace('[[image_source_path]]', S3_IMAGE_PATH+"/story-images/"+storyData[smi]['id']+"-73x73."+storyData[smi]['image_ext']);
		}else{
			storyContent = storyContent.replace('[[innerTemplate]]', BASIC_TITLE_TEMPLATE);
			storyContent = storyContent.replace(/\[\[inner_width_basic\]\]/g, INNER_BASIC_WIDTH);
		}
		storyContent = storyContent.replace(/\[\[story_id\]\]/g, storyData[smi]['id'])
		storyContent = storyContent.replace('[[socialmedian_url]]', storyData[smi]['surl']);
		storyContent = storyContent.replace('[[title]]', storyData[smi]['title']);
		storyContent = storyContent.replace('[[story_permalink]]', storyData[smi]['s_permalink']);
		storyContent = storyContent.replace('[[dateTime]]', storyData[smi]['time']);
		if(storyData[smi]['service_url'] != ""){
			storyContent = storyContent.replace('[[user_service_url_name]]', " from "+storyData[smi]['service_url']);
		}else{
			storyContent = storyContent.replace('[[user_service_url_name]]', "");
		}
		storyContent = storyContent.replace(/\[\[content_type\]\]/g, CURRENTLY_OPEN_TAB);
		storyContent = storyContent.replace('[[display_dislike_width]]', storyData[smi]['display_dislike']);
		storyContent = storyContent.replace('[[display_like_width]]', storyData[smi]['display_like']);
		storyContent = storyContent.replace('[[actual_like]]', storyData[smi]['actual_like']);
		storyContent = storyContent.replace('[[actual_dislike]]', storyData[smi]['actual_dislike']);
		storyContentInfo += storyContent;
	}
	return storyContentInfo;
}
/**
*	create and open the link by passing appropirate variable.
* 	redirectTo = null (redirect to domain by passing currently selected tab)
*	redirectTo = URL (redirect to particular url by adding domain name)
*/
 function openNewWindow(redirectTo) {
 	var location = DOMAIN_NAME;
 	if(redirectTo == null){
 		location += "/?ref="+REF+"&s="+CURRENTLY_OPEN_TAB;
 	}else if(redirectTo == 'election-widget'){
 		location += "/"+redirectTo+"?ref="+REF;
 	}else{
 		location += "/?ref="+REF+"&s="+CURRENTLY_OPEN_TAB+"&s_link="+redirectTo;
 	}
 	if(SM_OPEN_NEW_WINDOW == 1){
 		var newWindow = window.open(location, '_blank');
		newWindow.focus();
	}else{
		window.location.href = location;
	}
	return false;
 }

/**
*	Check whether the div is loadded or not
* 	Wait until div "smPromoteWidget" loads
*/
function smLoadWidget(){
	if(document.getElementById('smPromoteWidget') != null){
		document.getElementById('smPromoteWidget').innerHTML = widgetContent;
		displayStories(tab);
		clearInterval(LOAD_WIDGET_INTERVAL_OBJECT);
	}else{
		LOAD_WIDGET_INTERVAL_OBJECT = setInterval("smLoadWidget();", 100);
	}
}
// loads the widget
smLoadWidget();