
  var top_five = false
  var rank_max = top_five[0].pageviews
  
  function get_top_five(){
    var articles ='<div class="most_pop_b"><div class="side_row">';
    articles += '<div style="float:left; font-size:20px; font-weight:bold; color:#000000; margin-bottom:15px;">';
    articles += '   MOST POPULAR ARTICLES';
    articles += '</div>';
    articles += '';
    for (asset in top_five){
      articles += '<div style="float:left; margin-bottom:15px; width:100%; cursor:pointer;">';
      articles += '  <a href="'+ top_five[asset].path +'" style="text-decoration:none;" >';
      articles += '    <div style="float:left; width:100%;" >';
      articles += '      <div style="float:left; padding-right:10px;">';
      articles += '        <span class="img_overlay overlay_i84"></span>';
      articles += '        '+ top_five[asset].img;
      articles += '      </div>';
      articles += '      <div style="float:left; width:210px;">'
      articles += '        <div style="float:left; width:100%; color:#000000; font-size:12px; margin-bottom:10px; height:30px; overflow:hidden;" >';
      articles += '          '+ top_five[asset].name.substr(0, 70)+((top_five[asset].name.length > 70) ? '...' : '') ;
      articles += '        </div>';
      articles += '        <div style="clear:both; float:left; width:100%; color:#003A6C; height:16px; overfolow:hidden;" >';
      articles += '          <div style="float:left; width:'+ ((top_five[asset].pageviews/rank_max)*55) +'%; background-color:#003A6C; text-indent:5px; overflow:hidden; height:15px; margin-right:5px;" ></div>';
      articles += '            '+ top_five[asset].formatted +' views';
      articles += '        </div>';
      articles += '      </div>';
      articles += '    </div>';
      articles += '  </a>';
      articles += '</div>' +"\n";
    }
    articles += '<div style="float:left;width:100%;"></div>';
    articles += '</div></div>';
    return articles
  }

