<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></style>

</head>
<body>
<canvas id="imageView" width="600" height="500"></canvas>

<script type="text/javascript">
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(9, 13);

context.lineTo(9, 13);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(13, 38, 271, 413);

context.strokeStyle = '#000000';
context.strokeRect(300, 35, 282, 416);

context.strokeStyle = '#000000';
context.strokeRect(75, 108, 0, 0);

context.strokeStyle = '#000000';
context.strokeRect(48, 107, 200, 305);

context.strokeStyle = '#000000';
context.strokeRect(69, 128, 156, 126);

context.strokeStyle = '#000000';
context.strokeRect(225, 254, 0, 0);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(67, 302);

context.lineTo(67, 302);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(69, 307);

context.lineTo(69, 307);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(67, 306);

context.lineTo(67, 306);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(71, 317, 155, 82);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(113, 313);
context.lineTo(113, 399);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(176, 313);
context.lineTo(178, 398);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(71, 340);
context.lineTo(226, 339);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(70, 369);
context.lineTo(70, 369);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(69, 370);
context.lineTo(69, 370);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(142, 285);
context.scale(1, 0.75);
context.beginPath();
context.arc(0, 0, 30, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(70, 369);
context.lineTo(70, 369);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(66, 104, 0, 0);

context.strokeStyle = '#000000';
context.strokeRect(67, 60, 13, 43);

context.strokeStyle = '#000000';
context.save();
context.translate(321.5, 80);
context.scale(1, 0.8);
context.beginPath();
context.arc(0, 0, 6, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(422, 188);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 57, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(322, 77);

context.lineTo(322, 77);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(323, 76);

context.lineTo(323, 76);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(323, 76);

context.lineTo(324, 76);
context.stroke();

context.lineTo(323, 76);
context.stroke();

context.lineTo(321, 78);
context.stroke();

context.lineTo(321, 78);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(321, 78);

context.lineTo(321, 78);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(321, 78);

context.lineTo(321, 79);
context.stroke();

context.lineTo(321, 80);
context.stroke();

context.lineTo(321, 84);
context.stroke();

context.lineTo(320, 85);
context.stroke();

context.lineTo(321, 83);
context.stroke();

context.lineTo(322, 82);
context.stroke();

context.lineTo(323, 79);
context.stroke();

context.lineTo(324, 77);
context.stroke();

context.lineTo(324, 75);
context.stroke();

context.lineTo(325, 75);
context.stroke();

context.lineTo(325, 74);
context.stroke();

context.lineTo(326, 74);
context.stroke();

context.lineTo(327, 71);
context.stroke();

context.lineTo(328, 69);
context.stroke();

context.lineTo(328, 68);
context.stroke();

context.lineTo(327, 69);
context.stroke();

context.lineTo(318, 75);
context.stroke();

context.lineTo(314, 78);
context.stroke();

context.lineTo(313, 79);
context.stroke();

context.lineTo(313, 78);
context.stroke();

context.lineTo(317, 75);
context.stroke();

context.lineTo(320, 71);
context.stroke();

context.lineTo(321, 68);
context.stroke();

context.lineTo(321, 67);
context.stroke();

context.lineTo(322, 67);
context.stroke();

context.lineTo(321, 69);
context.stroke();

context.lineTo(317, 76);
context.stroke();

context.lineTo(317, 76);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(312, 86);

context.lineTo(311, 87);
context.stroke();

context.lineTo(313, 84);
context.stroke();

context.lineTo(320, 77);
context.stroke();

context.lineTo(321, 75);
context.stroke();

context.lineTo(322, 74);
context.stroke();

context.lineTo(322, 74);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(315, 86);

context.lineTo(316, 85);
context.stroke();

context.lineTo(321, 80);
context.stroke();

context.lineTo(324, 76);
context.stroke();

context.lineTo(324, 76);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(324, 76);

context.lineTo(324, 79);
context.stroke();

context.lineTo(321, 85);
context.stroke();

context.lineTo(318, 91);
context.stroke();

context.lineTo(317, 93);
context.stroke();

context.lineTo(317, 94);
context.stroke();

context.lineTo(318, 92);
context.stroke();

context.lineTo(325, 86);
context.stroke();

context.lineTo(327, 83);
context.stroke();

context.lineTo(327, 82);
context.stroke();

context.lineTo(327, 81);
context.stroke();

context.lineTo(328, 81);
context.stroke();

context.lineTo(328, 80);
context.stroke();

context.lineTo(330, 79);
context.stroke();

context.lineTo(332, 76);
context.stroke();

context.lineTo(335, 74);
context.stroke();

context.lineTo(336, 74);
context.stroke();

context.lineTo(336, 74);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(339, 319, 0, 0);

context.strokeStyle = '#000000';
context.strokeRect(349, 316, 154, 89);

context.strokeStyle = '#000000';
context.strokeRect(503, 402, 0, 3);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(69, 369);
context.lineTo(225, 368);
context.stroke();
context.closePath();
</script>
</body>
</html>