function move_news() {
  var div = $('news_marquee')
  var old_value = parseFloat(div.getStyle('top').gsub('px', ''))
  if(old_value == -(div.getHeight() - 240)) {
    div.hide()
    div.setStyle({top: (0).toString() + 'px'})
    div.show()
  }
  else
    div.setStyle({top: (old_value - 1).toString() + 'px'})
}

var NewsHandler = Class.create()
NewsHandler.prototype = {
  initialize: function() {
    this.pe = null;
  },
  
  load: function() {
    var self = this
    $('news_marquee').observe('mouseout', function() {
      self.start()
    })
    $('news_marquee').observe('mouseover', function() {
      self.stop()
    })
    this.start()
  },

  start: function() {
    this.pe = new PeriodicalExecuter(window.move_news, 0.15);
  },

  stop: function() {
    this.pe.stop()
  }
}


$(document).observe('dom:loaded', function() {
  var ul = new Element('ul')
  var marquee = new Element('div', {'id': 'news_marquee'})
  marquee.insert(new Element('h3').update('IMG Fashion News Feed'))
  $A(window.news_items).each(function(news_item) {
    var li = new Element('li')
    var a = new Element('a', {'href': news_item.link}).update(news_item.title.truncate(38))
    var h4 = new Element('h4').update(a)
    marquee.insert(h4)
    marquee.insert(new Element('p').update(news_item.description.truncate(130)))
    marquee.insert(new Element('span', {'class': 'pubdate'}).update(news_item.pubDate))
    marquee.insert(new Element('span', {'class': 'source'}).update(news_item.source))
  })

  $('news_container').insert(marquee)
  new NewsHandler().load()
})