var FeedBillboardFinder = {
  find: function() {
    var count = 0;
    document.getElementsByClassName('feedbillboard').each(function(node) {
      FeedBillboardFinder.build(node, ++count);
    });
  },
  
  build: function(node, id) {
    // -- Get the feeds
    var list = node.getElementsByTagName('li');
    var feeds = [];

    for (var i = 0; i < list.length; i++) {
      var links = list[i].getElementsByTagName('a');
      if (links.length > 1) {
        var theFeed = {};
        theFeed.title   = links[0].innerHTML;
        theFeed.linkURL = links[0].getAttribute("href");
        theFeed.rssURL  = links[1].getAttribute("href");
        feeds.push(theFeed);
        //alert("Title: " + theFeed.title + ", URL: " + theFeed.linkURL + ", RSS: " + theFeed.rssURL);
      }
    }
    
    // -- Get the options
    var options = {
      id: id,
      numberofentries: 20,
      timeinterval: 10000,
      access: 'inorder'
    };

    if (match = node.className.match(/numberofentries:(\d+)/i)) {
      options.numberofentries = Number(match[1]);
    }

    if (match = node.className.match(/timeinterval:(\d+)/i)) {
      options.timeinterval = Number(match[1]) * 1000; // ask for seconds, create millis
    }
  
    if (node.hasClassName('access:randomly')) { options.access = 'randomly'; }
    
    // -- Create the main object
    new FeedBillboard(node, feeds, options);
  }
};

var FeedBillboard = Class.create();

FeedBillboard.prototype = {
  initialize: function(e, feeds, options) {
    this.holder = e;
    this.feeds = feeds;
    this.options = options;
    this.options.domId = 'billboard' + this.options.id;
    
    this.feedOutput = [];
    
    this.placement = [];
    
    this.createBillboard();
  },
  
  createBillboard: function() {
    this.replace(); // replace the ul with a div that we can do our deed in
    this.start(); // fill it up
  },
  
  replace: function() {
    var newNode = document.createElement("div");
    newNode.setAttribute("id", this.options.domId);
    newNode.setAttribute("class", "renderedbillboard")
    
    this.holder.parentNode.replaceChild(newNode, this.holder);
    this.holder = $(this.options.domId); // get it again
  },
  
  start: function() {
    this.loadAll();
  },
  
  loadAll: function() {
    for (var i = 0; i < this.feeds.length; i++) {
      this.load(this.feeds[i]);
    }
    this.showEntry(1);
  },
  
  load: function(feedSettings) {
    var self = this;
    new google.feeds.Feed(feedSettings.rssURL).load(function(result) {
      if (!result.error) {
        self.feedOutput.push(result.feed);
      }
    });
  },
  
  showEntry: function(shown) {
    var self = this;
    if (self.feedOutput.length < 1) {
      setTimeout(function() {
        self.showEntry(1);
      }, 1000);
      return;
    }
    
    if ( (shown > this.options.numberofentries) || (shown > this.totalEntries()) ) {
      window.clearInterval(this.intervalID);
      return;
    }
    
    var feedPlacement = this.chooseFeed(shown);
    var feed = this.feedOutput[feedPlacement.feed];
    
    var branding = '<div class="brandingBox_gsblb" style="margin-top: -12px;"><div class="gsc-branding"><table class="gsc-branding" cellpadding="0" cellspacing="0"><tbody><tr><td class="gsc-branding-text"><div class="gsc-branding-text"><br>powered by <a href="http://www.virtualtourism.blogspot.com/">Virtual Tourism</a></div></td></td></tr></tbody></table></div></div></div>';
    
    var title = '<div class="billboardtitle"><a href="' + feed.entries[feedPlacement.entry].link + '" title="' + feed.entries[feedPlacement.entry].publishedDate + '">' + feed.entries[feedPlacement.entry].title + '</a></div>';
    var snippet = '<div class="billboardsnippet" style="color: black; padding: 5px;">' + feed.entries[feedPlacement.entry].contentSnippet + '</div>'
    var feedsource = '<div class="billboardsource"><a href="' + feed.linkURL + '" style="text-decoration: none; color: #000">' + feed.title + '</a></div>';
    
    var fader = 'fader' + this.options.id;
    this.holder.innerHTML = '<div class="results" style="width: 550px; font-size: small; background-color: #fff; margin: 4px; padding: 5px;"><div id="' + fader + '">' + title + snippet + feedsource + '</div>' + branding;

    if (shown > 1) {
      $(fader).setOpacity(0.0);
      Effect.Appear($(fader), { duration: 2.0 });
    }

    //google.feeds.Feed.getBranding(document.getElementById("branding"));

    if (!this.intervalID) {
      this.intervalID = window.setInterval(function() {
        self.showEntry(++shown);
      }, this.options.timeinterval);
    }
  },
  
  totalEntries: function() {
    if (this.placement.length < 1) this.makePlacement();
    return this.placement.length;
  },
  
  makePlacement: function() {
    var count = 0;
    
    for (var i = 0; i < this.feedOutput.length; i++) {
      for (var j = 0; j < this.feedOutput[i].entries.length; j++) {
        this.placement[count++] = { feed: i, entry: j };
      }
    }
  },
  
  chooseFeed: function(number) {
    this.makePlacement();
    
    if (this.options.access == 'randomly') {
      number = Math.floor ( Math.random ( ) * this.placement.length + 1 )
    }
    return this.placement[number - 1];
  }
  
};

Event.observe(window, 'load', FeedBillboardFinder.find, false);