jQuery(function($) {
		
		var SCREEN_WIDTH = window.innerWidth;
		var SCREEN_HEIGHT = window.innerHeight;
	
		var container, canvas, context;
	
		var mouseX = 0, mouseY = 0;
		
		// Add the wrapper
		container = $('<div id="drawing-wrapper" />');
		$('body').append(container);
		
		// Add the canvas
		canvas = $('<canvas />').get(0);
		canvas.width = SCREEN_WIDTH;
		canvas.height = SCREEN_HEIGHT;
		
		// Add canvas to wrapper
		container.prepend(canvas);
		
		// Get context
		context = canvas.getContext('2d');
		
		// Set up stroke styles
		context.strokeStyle = 'rgba(0, 0, 128, 1)';
		context.shadowBlur = 4;
		context.shadowColor = 'rgba(255, 255, 255, .5)';
		context.lineWidth = 1;
		
		// Set up event listeners
		$(window).bind('mousemove', onWindowMouseMove);
		
		/**
		 * Window mouse move
		 *
		 * @param Event	event	Mouse move event
		 */
		function onWindowMouseMove(event) {
			var oldMouseX = mouseX;
			var oldMouseY = mouseY;
			
			if(mouseX == 0 && mouseY == 0) {
				oldMouseX = event.clientX;
				oldMouseY = event.clientY;
			}
			
			mouseX = event.clientX;
			mouseY = event.clientY;
			
			// Draw line from old location to new location
			context.beginPath();
			context.moveTo(oldMouseX, oldMouseY);
			context.lineTo(mouseX, mouseY);
			context.stroke();
		}
});