/*
	Stars animation
	---------------
	timers plugin: http://jquery.offput.ca/every/
	cookie plugin: http://stilbuero.de/jquery/cookie/
*/

$(document).ready(function() {
	
	var now = 0;
	var last = 0;
	var interval = 70;
	var cookie_name = 'stars';
	var cookie_options = { path: '/', expires: 30 };

	if($.cookie(cookie_name) == 0)
	{
		$('#stars').after('<div id="start">Start</div>');
		$('#stars').after('<div id="stop" style="display:none">Stop</div>');
	}
	else
	{
		$('#stars').after('<div id="start" style="display:none">Start</div>');
		$('#stars').after('<div id="stop">Stop</div>');
		movingStars('#stars');
	}
	
	$('#stop').click(function () {
		$('#stars').stopTime();
		$('#stop').hide();
		$('#start').show();
		last = now;
		$.cookie(cookie_name, 0, cookie_options);
	});
	
	$('#start').click(function () { 
		movingStars('#stars');
		$('#start').hide();
		$('#stop').show();
		$.cookie(cookie_name, 1, cookie_options);
	});
	
	function movingStars(el) {
		$(el).everyTime(interval, 'controlled', function(i) {
			$(this).css({"background-position": i+last+"px 0"});
			now = i+last;
		});
	}
	
});