var init = function(){
	$('body').browserDetection();
	news.init();
}

var news = {
	init: function(){
		$('#news ul li').mouseover(news.revealItem);
	},
	newHTML: null,
	revealItem: function(){
		var $this = $(this);
		if ($this.hasClass('newsItemActive')) return;
		
		$this.parent().find('.newsItemActive').removeClass('newsItemActive');
		$this.addClass('newsItemActive');
		
		news.newHTML = $this.find('.largeHTML').html();
		$('#news .active').fadeOut(function(){
			$(this).html(news.newHTML).fadeIn();
		});
	}
}

$(document).ready(init);