// JavaScript Document

var leaves_qty = 40;
var leaves_refresh = 20;
var leaves_speed = new Array;
var leaves_startx = new Array;
var leaves_offset = new Array;
var leaves_multiply = new Array;
var leaves_sways = new Array;

function leaves_start(){
	//add divs
	var leaves_div = document.getElementById('leaves_container');
	var windowdims = leaves_windowsize();
	var y=0;
	for(var x=0; x < leaves_qty; x++){
		var new_leaf = document.createElement('div');
		new_leaf.id = 'leaf_' + x;
		new_leaf.style.zIndex = 5;
		new_leaf.style.width = '30px';
		new_leaf.style.height = '30px';
		new_leaf.style.position = 'absolute';
		y++;
		if(y > 5){ y = 1; }
		new_leaf.innerHTML = '<img src=\"/images/leaf' + y + '.png\" />';
		leaves_speed[x] = Math.ceil(Math.random() * 5);
		leaves_multiply[x] = Math.floor(50 + (Math.random()*50));
		leaves_startx[x] = Math.floor(Math.random() * (parseInt(windowdims[0]) - leaves_multiply[x] - 40));
		leaves_sways[x] = Math.floor(25 + (Math.random() * 25));
		new_leaf.style.left = leaves_startx[x] + 'px';
		new_leaf.style.top = '-' + Math.floor(50 + (Math.random() * 1000)) + 'px';
		
		leaves_div.appendChild(new_leaf);
	}
	setInterval(leaves_move, leaves_refresh);
}

function leaves_reposition(leaf_id){
	var leaf_div = document.getElementById('leaf_' + leaf_id);
	
}

function leaves_move(){
	var windowheight = parseInt(document.getElementById('container').offsetHeight) - 30;
	for(var x=0; x < leaves_qty; x++){
		var leaf_div = document.getElementById('leaf_' + x);
		newx = parseInt(leaf_div.style.top) + parseInt(leaves_speed[x]);
		leaf_div.style.left = leaves_startx[x] + ((Math.sin(newx / (3 * leaves_sways[x]))) * leaves_multiply[x]) + 'px';
		if (newx < windowheight){
			leaf_div.style.top = newx + 'px';
		}else{
			leaf_div.style.top = '-50px';
		}
	}
}

function leaves_windowsize(){
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ){
	//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	return [myWidth,myHeight];
}