$(function(){
	buildSprites('fireflies');
});

function buildSprites(container){
	i = 0;
	while (i < 15) {
		$('#' + container).append('<div class="fireflySprite"><img src="/img/sprite-firefly.png" style="width:100%;height:100%;"/></div>');;
		i++;
	}
	$('#' + container + ' .fireflySprite').each(function(){
		var randX = Math.random() * 150;
		randX = (Math.round(Math.random())) ? randX : -randX;
		var randY = Math.random() * 100;
		randY = (Math.round(Math.random())) ? randY : -randY;
		var	time = 3000 + (Math.random() * 5000);
		var scale = .25 + (Math.random() * .75);
		$(this).css({left: randX, top: randY, width:(scale * 26), height:(scale * 19)});
		moveSprite(this);
	});
}

function moveSprite(target){
	if (!target) target = this;
	var randX = Math.random() * 150;
	randX = (Math.round(Math.random())) ? randX : -randX;
	var randY = Math.random() * 100;
	randY = (Math.round(Math.random())) ? randY : -randY;
	var	time = 2000 + (Math.random() * 5000);
	var scale = .25 + (Math.random() * .75);
	$(target).animate({left: randX, top: randY, width:(scale * 26), height:(scale * 19)}, time, 'swing', moveSprite);
}