var headlines = {
    rolling: 0,
    active: 0,
    hover: false,
    
    activate: function (index, duration) {
	if (index >= 0 && index < headlines.count && index != headlines.active) {
	    for (i = 0; i < headlines.count; i++) {
		if (i != index) {
		    headlines.title[i].removeClassName('active');
		    var h = headlines.headline[i];
		    h.style.zIndex = Math.max(100, parseInt(h.style.zIndex) - 10);
		}
	    }
	    headlines.active = index;
	    headlines.title[index].addClassName('active');
	    headlines.headline[index].style.zIndex = 200;
	    headlines.headline[index].style.opacity = '0.0';
	    headlines.headline[index].style.filter = 'alpha(opacity=0)';
	    headlines.headline[index].show();
	    new Effect.Appear(headlines.headline[headlines.active],
			       { duration: duration });
	}
    },

    roll: function () {
	if (!headlines.hover) {
	    headlines.rolling = (headlines.active + 1) % headlines.count;
	    headlines.activate(headlines.rolling, 1.0);
	}
	setTimeout('headlines.roll()', 6000);
    },

    title_mouseover: function () {
	headlines.hover = true;
	headlines.activate(this.headlines_title_index, 0.1);
    },

    title_mouseout: function () {
	headlines.hover = false;
    },

    init: function () {
	var div = $('headlines');
	headlines.headline = $$('#headlines > .headline');
	headlines.title = div.select('td > a');
	headlines.count = headlines.title.size();
	for (i = 0; i < headlines.count; i++) {
	    var t = headlines.title[i];
	    t.headlines_title_index = i;
	    t.headlines_mouseover = headlines.title_mouseover;
	    t.headlines_mouseout = headlines.title_mouseout;
	    t.observe('mouseover', t.headlines_mouseover);
	    t.observe('mouseout', t.headlines_mouseout);
	    headlines.headline[i].style.zIndex = 100;
	}
	headlines.headline[0].style.zIndex = 200;

	headlines.roll();
    }
};

Event.observe(window, 'load', function () { headlines.init(); });