index.html

<!doctype html>  
  <html>  
  <head>  
    <title>Sirius Kiosk</title>  
    <style type="text/css">
       html, body {
          overflow: hidden;
          margin: auto;
          height: 100%;
          width: 100%;
       }
       #defaultCountdown { width: 40px; height: 35px; position:fixed; bottom:0px; right:0px; }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <style type="text/css">@import "countdown/jquery.countdown.css";</style> 
    <script type="text/javascript" src="countdown/jquery.countdown.js"></script>
    <script>
      function load() {  
        var urls = [
                    'http://ohgo.com/dashboard/cincinnati',
                    'highway.html',
                    'http://www.accuweather.com/en/us/cincinnati-oh/45246/hourly-weather-forecast/19409_pc',
                    'http://www.wunderground.com/cgi-bin/findweather/getForecast?brand=wxmap&query=39.23778,-84.47250&lat=39.23778&lon=-84.47250&zoom=9&type=map&units=english&wxsn=0&rad=1&rad.num=6&rad.spd=25&rad.opa=70&rad.stm=0&rad.type=N0R&rad.type2=&rad.smo=1&rad.mrg=0&sat=0&cams=0&svr=0&tor=1&tor.show=now&ib=0',
                    'http://news.google.com',
                    'http://xkcd.com/',
                   ];
        var delaySec = [ 30, 10, 20, 20, 30, 20 ];
        var pos = 0;
        var lastID = -1;

        next();

        function next()
        {
          // clear last callback
          if(lastID != -1) clearInterval(lastID);

          // wrap position number?
          if(pos == urls.length) pos = 0; // reset the counter

          // rotate to new page
          document.getElementById('rotate').src = urls[pos];

          // set new callback
          lastID = setInterval(next, delaySec[pos]*1000);

          // set new countdown
          $('#defaultCountdown').countdown('destroy');
          delayStr = '+' + delaySec[pos];
          $('#defaultCountdown').countdown({until: delayStr, compact: true, format: 'S'});

          // increment position
          pos++;
        }
      }
      window.onload = load;  
    </script>  
  </head>  
  <body>  
    <div id="defaultCountdown"></div>
    <iframe id="rotate" frameborder=0 border=0 width="100%" height="100%"></iframe>
  </body>  
</html>  