function drawServices() {
	var canvas = document.getElementById('homeFolioTriangle'),
		windowWidth = window.innerWidth;
	if (canvas) {
		canvas.width = windowWidth;
		if (canvas.getContext){
			var ctx = canvas.getContext('2d'),
				img = new Image(),
				lingrad = ctx.createLinearGradient(0,0,0,200);
			lingrad.addColorStop(0, 'rgba(0,0,0,0.0)');
			lingrad.addColorStop(1, 'rgba(0,0,0,0.2)');
			ctx.fillStyle = lingrad;
			ctx.beginPath();
			ctx.moveTo(0,0);			
			ctx.lineTo(0,0);
			ctx.lineTo(windowWidth,0);
			ctx.lineTo(windowWidth,180);
			ctx.lineTo((windowWidth / 2),300);
			ctx.lineTo(0,180);
			ctx.fill();				
		}
	}
}

function drawNews() {
	var canvas = document.getElementById('homeNewsTriangle'),
		windowWidth = window.innerWidth;
	if (canvas) {
		canvas.width = windowWidth;
		if (canvas.getContext){
			var ctx = canvas.getContext('2d'),
				img = new Image(),
				lingrad = ctx.createLinearGradient(0,0,0,200);
			lingrad.addColorStop(0, 'rgba(0,0,0,0.0)');
			lingrad.addColorStop(1, 'rgba(0,0,0,0.2)');
			ctx.fillStyle = lingrad;
			ctx.beginPath();
			ctx.moveTo(0,0);			
			ctx.lineTo(0,0);
			//ctx.lineTo((windowWidth / 2),120);
			ctx.lineTo(windowWidth,0);
			ctx.lineTo(windowWidth,330);
			ctx.lineTo((windowWidth / 2),450);
			ctx.lineTo(0,330);
			ctx.fill();				
		}
	}
}

window.onresize = function(event) {
    drawServices();
	drawNews();
}