;(function ($) {
	function resizeCanvases() {
		var container = $('.main'),
			h = container.height(),
			w = container.width(),
			canvas = $('#canvas'),
			canvas2 = $('#canvas2'),
			canvas3 = $('#canvas3');
		canvas2.css({"height": h+"px", "width": w+"px"});

		canvas3.css({"height": h+"px", "width": w+"px"});

		canvas.css({"height": (h/2)+"px", "width": (w/2)+"px"});

		canvas2.fadeIn(400);
	}
	
	function resizeImg() {
		var container = $('.main'),
			h = container.height(),
			w = container.width(),
			img = $('#bg-img'),
			aspectRatio = 3072 / 2048;
		if (w / h < aspectRatio) {
			img.css({'height': h, 'width': 'auto'});
		}
		else {
			img.css({'width': w, 'height': 'auto'});
		}
	}
	
	function initCanvases() {
		if (!$('.bg-canvases').length) return;
		if ($('#canvas')[0].getContext) {
			resizeCanvases();
			$(window).resize(resizeCanvases);
		}
		else if ($('#bg-img')) {
			resizeImg();
			$(window).resize(resizeImg);
		}
	}
	
	$(initCanvases);
})(jQuery);