var particles = [];
var totalParticle = 20;

$(function() {
	// create particles
	$body = $('body');
	for(var i=0; i<totalParticle; i++) {
		var id = 'particle'+i;
		var x = Math.random()*1600;
		var y = Math.random()*1000;
		var speed = Math.random()*20+5;
		var element = $('<div id="'+id+'" class="particle" style="top:'+y+'px; left:'+x+'px; "><img alt="" src="img/particle.png" height="1px" width="'+speed*20+'px"/></div>').appendTo($body);
		particles.push({el:element, x:x, y:y, speed:speed});
	}
	
	// update particles
	$body.everyTime(80, moveParticles);
});

function moveParticles() {
	for(var i=0; i<totalParticle; i++) {
		var currentParticle = particles[i];
		currentParticle.x += currentParticle.speed;
		if(currentParticle.x >= 1600) {
			currentParticle.x = -400;
			currentParticle.y = Math.random()*1000;
		}
		currentParticle.el.css('top', currentParticle.y);
		currentParticle.el.css('left', currentParticle.x);
	}
};