window.onload = function() {
				var drawingRightButton = document.getElementById('btn-right');
				var drawingLeftButton = document.getElementById('btn-left');
				
				// Check the element is in the DOM and the browser supports canvas
				if(drawingRightButton && drawingRightButton.getContext) {
					// Initaliase a 2-dimensional drawing context
					var context = drawingRightButton.getContext('2d');
					//create the square
					//context.strokeStyle = "#000000";
					context.fillStyle = "#000000";
					context.beginPath();
					context.moveTo(20,00);
					context.lineTo(50,00);
					context.lineTo(50,30);
					context.lineTo(20,30);
					context.closePath();
					//context.stroke();
					context.fill();
					
					// Create the circle
					//context.strokeStyle = "#000000";
					context.fillStyle = "#000000";
					context.beginPath();
					context.arc(20,15,15,0,Math.PI*2,true);
					context.closePath();
					//context.stroke();
					context.fill();
					
					//create the triangle
					
					context.fillStyle = "#ff0000";
					context.beginPath();
					//context.moveTo(93,100);
					context.moveTo(18,8);
					context.lineTo(27,15);
					context.lineTo(18,22);
					context.closePath();
					context.fill();
				}
				
				// Check the element is in the DOM and the browser supports canvas
				if(drawingLeftButton && drawingLeftButton.getContext) {
					// Initaliase a 2-dimensional drawing context
					var context = drawingLeftButton.getContext('2d');
					//create the square
					//context.strokeStyle = "#000000";
					context.fillStyle = "#000000";
					context.beginPath();
					context.moveTo(0,0);
					context.lineTo(30,0);
					context.lineTo(30,30);
					context.lineTo(0,30);
					context.closePath();
					//context.stroke();
					context.fill();
					
					// Create the circle
					//context.strokeStyle = "#000000";
					context.fillStyle = "#000000";
					context.beginPath();
					context.arc(30,15,15,0,Math.PI*2,true);
					context.closePath();
					//context.stroke();
					context.fill();
					
					//create the triangle
					
					context.fillStyle = "#ff0000";
					context.beginPath();
					//context.moveTo(93,100);
					context.moveTo(33,8);
					context.lineTo(24,15);
					context.lineTo(33,22);
					context.closePath();
					context.fill();
				}
			};