$(function(){

});




function drawHeader() {
	var maxH = 180;		//max geometry height
	var rndDiff = 30;	//randomization (subtracts from maxH)
	var steps = 4;		//geometry draw passes
	var tris = 4;		//number of triangle objs
	var maxOpacity = 0.3;
	paper = Raphael("headerCanvas", '100%', maxH);
	var pxWidth = window.innerWidth;

	var triLen = (pxWidth / tris);
	var triIsect = pxWidth / (tris - 1);	//

	for (var i = tris; i >= 0; i--) {
		triDraw(i * triLen - r(triIsect), r(triLen) + r(triIsect), r(maxH), '#64A4D9');
	}


	function r(d){	//returns random number
		return Math.round(d - Math.random() * rndDiff);
	}

	function triDraw(start, len, height, color) {
		var h = r(height);
		var l = len * 0.2 + Math.random() * len * 0.6;
		console.log(len);
		for (var i = steps; i > 0; i--) {
			var tri = paper.path("M" + start + " 0l" + l + " " + h/i + " L" + (start + len) + " 0");
			tri.attr({
				fill: color,
				opacity: maxOpacity / steps,
				stroke: color,
				'stroke-width': i == 1 ? 0.6 : 0,
				'stroke-opacity': 1
			});
		}

	}

}

// drawHeader();

/*
$(window).resize(function() {
	paper.clear();
	drawHeader();
});*/