// feature_control.js
// Written by Jamie Reid <jamie.reid@mbsradio.com> 2010-01-07
// Import after JQuery. Created for 1.3.2. Not tested with earlier versions.
//

$(document).ready(function() {
	// do stuff when DOM is ready
	setTimeout('scroller()', 6000);	
	
	// prevent feature change when user is pointing at it.
	$("#features #bigPicture img").hover(
		function() {
			var bigPicture = $("#features #bigPicture");
			bigPicture.addClass("hasFocus");
		}, 
		function() {
			var bigPicture = $("#features #bigPicture");
			bigPicture.removeClass("hasFocus");
		}
	);
	
	//manual feature change, when user clicks thumbnail.
	$("#features .thumbs li").click(function() {
		loadFeature($(this));
	});
	
});


function scroller() {
	if ($("#features #bigPicture").hasClass('hasFocus')) {
		setTimeout('scroller()', 2000);
	} else {
		if ($("#features .thumbs li.auto").length) {						
			var current_item = $("#features .thumbs li.auto");							
			var next_item = (current_item.next().length) ? current_item.next() : $('#features .thumbs li:first');
			loadFeature(next_item);
			next_item.addClass('auto');
			setTimeout('scroller()', 4000);
		} else {
			var current_item = $("#features .thumbs li.selected").length ? $("#features .thumbs li.selected") : $('#features .thumbs li:first');	
			current_item.addClass('auto');
			setTimeout('scroller()', 6000);
		}
	}
		
};	
	
function loadFeature(item) {
	$("#features #bigPicture img").attr('src','content/images/features/' + item.attr('name'));
	$("#features #bigPicture").attr('href',item.attr('url'));
	$("#features .thumbs li").removeClass('selected');
	$("#features .thumbs li").removeClass('auto');
	item.addClass('selected');
};