// legacy front page news focus and activation
function focusNews(newsId) {
	var currentObj;
	if (newsId === selectedNews) return; // nothing to do.
	if(selectedNews > 0) {
		// have a valid existing news, need to set it to our "off" state
		currentObj = document.getElementById('front-news-image-' + selectedNews);
		currentObj.className = 'off ccbl curvyRedraw';
		currentObj = document.getElementById('front-news-text-' + selectedNews);
		currentObj.className = 'bg-pri bo-pri off curvyRedraw';
	}
	// now set new news object in to its on state
	currentObj = document.getElementById('front-news-image-' + newsId);
	currentObj.className = 'on ccbl curvyRedraw';
	currentObj = document.getElementById('front-news-text-' + newsId);
	currentObj.className = 'bg-pri bo-pri on curvyRedraw';
	selectedNews = newsId; // store playerId for future reference
}
// document ready...
$(document).ready(function() {
	// do our banner animation
	$('#banner').cycle({ 
		fx: 'fade', 
		pause: 1,
		timeout: 5000,
		speed: 1000,
		pager:  '#banner-left-bottom', 
		pagerAnchorBuilder: function(idx, slide) { 
		    // return selector string for the existing anchor 
			return '#banner-left-bottom a:eq(' + idx + ')'; 
		}
	});
	// set up our first clip
	var myJSONclip = {
		url: $('#video1').attr("fpdata"), 
		autoPlay: false,
		autoBuffering: true,
		scaling: 'scale'
	};
	// load flowplayer
	$('#flowplayerholder').flowplayer("flash/flowplayer-3.1.5.swf", {
		clip: myJSONclip,
		plugins: {
			controls: {
				backgroundColor:'#f8edd8'
				}
			}
		}
	);
	// now handle our video switching
	$('#playface-player-list li').click(function() {
		// strip active off other objects
		$('#playface-player-list li').removeClass("active");
		// now set OUR parent clicked element as active
		$(this).addClass("active");
		// need to load a new clip in to our existing flowplayer
		$('#flowplayerholder').flowplayer(0).play($(this).attr("fpdata"));
	});
	// handle mouseovers for matchcenter
	$('#fmc-left div').hover(
		function()
		{
			// strip active states off all objects
			$('#fmc-left div').removeClass("active");
			// stick active on our current class
			$(this).addClass("active");
			// now we need to activate our other window
			if ($(this).is('#fmc-left-fixture')) {
				// activate fixtures
				$('#fmc-right div').removeClass("active");
				$('#fmc-right-fixture').addClass("active");
			} else if ($(this).is('#fmc-left-leaguetable')) {
				// activate leaguetable
				$('#fmc-right div').removeClass("active");
				$('#fmc-right-leaguetable').addClass("active");
			} else if ($(this).is('#fmc-left-tickets')) {
				// activate tickets
				$('#fmc-right div').removeClass("active");
				$('#fmc-right-tickets').addClass("active");
			}
		},
		function()
		{
			// do nothing
		}
	);
	// done
});