var $w, w_width, w_height;
var $s, g;

var MAX_BRANCHES = 1000;
var NUM_BRANCHES = 0;
var MAX_GROWING = 10;
var NUM_GROWING = 0;

$(function () {
	$w = $(window);
	w_width = $w.width();
	w_height = $w.height();
	
	$('body').append('<div id="svgc"></div>');
	
	$('#svgc').css({width:w_width+'px', height:w_height+'px'});
	$('#svgc').svg({onLoad:init});
		

});

function init (svg) {
	$s = svg; 
	g = $s.group({stroke: "green",'stroke-width': 1}); 
	birth_branch(w_width/2, w_height);
}

function birth_branch (x1, y1) {

	if (NUM_BRANCHES > MAX_BRANCHES) return;
	
	var x2 = x1 + rando(40) - 20;
	var y2 = y1 - rando(20) - 10;
	var d = rando(3000) + 2000;
	var chance1 = 0;
	var chance2 = rando(2);
	var line = $s.line(g, x1, y1, x1, y1);
	
	NUM_BRANCHES++;
	NUM_GROWING++;
	
	$(line).animate({'svg-x2':x2, 'svg-y2':y2}, d, function () {
		NUM_GROWING--;
		
		if (NUM_GROWING > MAX_GROWING) {
			var chance1 = rando(2);
		}
		
		if (!chance1) birth_branch(x2, y2);
		if (!chance2) birth_branch(x2, y2);
	});
	

	
}

function rando (range) {
	return Math.floor(Math.random() * range);
}