$(function(){
	
	var stream = $('#stream');
	var streamtext = $('#streamtext');
	var rotateTimer;
	
	stream.fadeIn();
	//stream.animate({top: '25px'}, 2000);
	
	$.get('/stream/', function(data){
		if(data && data.length > 0){
			streamtext.html(data);
			rotateTimer = setInterval(rotateStream, 4000);
			rotateStream();
		}
	});
	
	var streamIndex = 0;
	function rotateStream(){
		var streamItems = $('.stream-item');
		var streamMax = streamItems.length;
		if(streamIndex >= streamMax) streamIndex = 0;
		streamItems.hide();
		streamItems.each(function(i){
			if(i === streamIndex) $(this).fadeIn();
		});
		streamIndex += 1;
	}
	
	// View all button behavior
	$('#btnstreamall').toggle(
		function(){
			$(this).html('View One at a Time');
			clearTimeout(rotateTimer);
			var streamItems = $('.stream-item');
			streamItems.css({padding: '5px'});
			streamItems.fadeIn();
		},
		function(){
			$(this).html('View All');
			rotateTimer = setInterval(rotateStream, 4000);
			rotateStream();
		}
	);
	
});