window.addEvent('domready', function (){
	//init the roller
	rollint = 2500
	var roll = function (){
		// Find the current active title and advance
		var active = $$('#newsticker_articles li a.active')[0];
		if (active.getParent().getNext())
		var next=active.getParent().getNext().getElement('a');
	
		if (!next)next = $$('#newsticker_articles li a')[0];
		$$('#newsticker_articles li a').removeClass('active');
		articleid = next.addClass('active').get('rel');
		$$('#newsticker .news').removeClass('active');
		$(articleid).addClass('active');
	}
	var rollid = roll.periodical(rollint);
	
	$$('#newsticker .news div.bg').set('opacity', 0.6);
	
	$$('#newsticker_articles li a').addEvent('mouseenter', function (e){
		$$('#newsticker_articles li a').removeClass('active');
		articleid = e.target.addClass('active').get('rel');
		$$('#newsticker .news').removeClass('active');
		$(articleid).addClass('active');
		
		// TODO pouse the roller
		$clear(rollid)
	}).addEvent('mouseleave', function (e){
		// TODO resume the roller
		rollid = roll.periodical(rollint);
	});
	
	$$('#newsticker .news').addEvent('mouseenter', function (e){
		// TODO pouse the roller
		$clear(rollid)
	}).addEvent('mouseleave', function (e){
		// TODO resume the roller
		rollid = roll.periodical(rollint);
	});
	
	// Assign click event for each expanded info
	$$('#newsticker .news div').each(function (div){
		div.addEvent('click', function (e){
			var href = div.getParent().getElements('a.head').get('href');
			document.location.href=href;
		});
		div.setStyles({'cursor':'pointer'});
	});
	
	
});