<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="CommunityLameGame" scrolling="true">
    <Require feature="settitle"/>
    <Require feature="dynamic-height"/>
    <Require feature="views" />   
    <Require feature="opensocial-0.7" />   
  </ModulePrefs>
  <Content type="html"><![CDATA[
    <style type="text/css">
      .mytable td {padding: 2px;}
      .mytable tr {padding: 0px;}
      .mytable {border: 1px solid #004400;}
    </style>
     
    <!-- Change to local path for testing -->
    <script src="http://hosting.gmodules.com/ig/gadgets/file/103169497864651487485/SocialNorms.js"></script>
    <script type="text/javascript">
      gadgets.window.setTitle('Lame Game');
      var impl = {
        render: function(data) {
          var viewer = data.getViewer();
          var allPeople = data.getOwnerFriends().asArray() || [];
          if(viewer) {
            allPeople.push(viewer);
            var viewerData = data.getDataFor(viewer.getId());
            now = new Date();
            score = now.getTime();
            SocialNorms.setPersonData('VIEWER', 'Score', score);
          }
          
          var leaders = allPeople.sort(function(friend1, friend2) {
              return scoreOf(data.getDataFor(friend2)) - scoreOf(data.getDataFor(friend1));
          });

          var ownersite = gup('communityId');
          var refers = document.referrer.split('/');
          var domain = 'http://' + refers[2];

          var html = '<table class="mytable" width="100%">';
          html += '<tr><td colspan="2"><b>Recent Reader</b></td></tr>';
          var dup = 0;
          var touser = 0;
          var lmax = 10;
          for (var i = 0; i < leaders.length; i++) {
            var j = i + 1;
            if (data.getDataFor(leaders[i]) != data.getDataFor(leaders[j])) {
              now = new Date();
              var recent = now.getTime() - scoreOf(data.getDataFor(leaders[i])); 
              recent = recent / 60000;
              recent = parseInt(recent);
              if (recent < 10800) { 
		if (i < lmax) {
                  var hrs = recent / 60;
                  hrs = parseInt(hrs);
                  var mins = recent - hrs * 60;
                  if (recent >= 0) {
                    html += '<tr><td>';
                    html += '<img src="' + leaders[i].getField(opensocial.Person.Field.THUMBNAIL_URL) + '" height="36" width="36"></td>';
                    html += '<td valign="top"><a href="' + domain + '/canvas.html?site=' + ownersite + '&profileId=' + leaders[i].getId() + '" target="_TOP">';
                    html += leaders[i].getDisplayName() + '</a><br />';
                    if (recent < 10) html += '<font color="red">Now</font></td></tr>';
                    if (recent >= 10) {
                      if (hrs > 0) html += hrs + ' hrs ';
                      html += mins + ' mins </td></tr>';
                    }
                  }
                }
                if (recent < 1440) touser = touser + 1;
              }
            } else {
              dup = 1;
              lmax = 11;
            }
          };
          html += '<tr><td colspan="2"><b>Today Users: <font color="blue">' + touser + '</font></td></tr';
          html += '</table>';
          _gel('highscores').innerHTML = html;
          gadgets.window.adjustHeight();
        }
      }
  
      function scoreOf(data) {
        return data['Score'] ? Number(data['Score']) : 0;
      }

      function gup(name) {
        name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
        var regexS = "[\\?&]"+name+"=([^&#]*)";
        var regex = new RegExp( regexS );
        var results = regex.exec( window.location.href );
        if (results == null)
          return "";
        else
          return results[1];
      }

  
      SocialNorms.createSocialAppOnLoad(impl, 'OWNER', ['Score']);
    </script>
             
    <div id="highscores" style="margin: 4px">
    </div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6631483-1");
pageTracker._trackPageview();
} catch(err) {}</script>

  ]]>
  </Content>
</Module>
