<!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.strokeRect(48, 56, 244, 182);

context.strokeStyle = '#000000';
context.strokeRect(317, 54, 237, 185);

context.strokeStyle = '#000000';
context.strokeRect(549, 239, 5, 0);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(43, 273);

context.lineTo(44, 273);
context.stroke();

context.lineTo(44, 274);
context.stroke();

context.lineTo(45, 274);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(50, 267);

context.lineTo(49, 268);
context.stroke();

context.lineTo(49, 273);
context.stroke();

context.lineTo(48, 274);
context.stroke();

context.lineTo(47, 276);
context.stroke();

context.lineTo(46, 277);
context.stroke();

context.lineTo(45, 278);
context.stroke();

context.lineTo(44, 279);
context.stroke();

context.lineTo(43, 279);
context.stroke();

context.lineTo(42, 279);
context.stroke();

context.lineTo(41, 278);
context.stroke();

context.lineTo(41, 277);
context.stroke();

context.lineTo(41, 276);
context.stroke();

context.lineTo(39, 276);
context.stroke();

context.lineTo(39, 274);
context.stroke();

context.lineTo(39, 273);
context.stroke();

context.lineTo(37, 268);
context.stroke();

context.lineTo(37, 267);
context.stroke();

context.lineTo(36, 266);
context.stroke();

context.lineTo(36, 265);
context.stroke();

context.lineTo(38, 265);
context.stroke();

context.lineTo(39, 265);
context.stroke();

context.lineTo(44, 266);
context.stroke();

context.lineTo(44, 267);
context.stroke();

context.lineTo(45, 267);
context.stroke();

context.lineTo(47, 267);
context.stroke();

context.lineTo(48, 267);
context.stroke();

context.lineTo(49, 268);
context.stroke();

context.lineTo(50, 269);
context.stroke();

context.lineTo(51, 269);
context.stroke();

context.lineTo(52, 270);
context.stroke();

context.lineTo(52, 271);
context.stroke();

context.lineTo(52, 272);
context.stroke();

context.lineTo(51, 274);
context.stroke();

context.lineTo(49, 275);
context.stroke();

context.lineTo(48, 276);
context.stroke();

context.lineTo(46, 276);
context.stroke();

context.lineTo(45, 276);
context.stroke();

context.lineTo(45, 275);
context.stroke();

context.lineTo(45, 274);
context.stroke();

context.lineTo(45, 273);
context.stroke();

context.lineTo(45, 271);
context.stroke();

context.lineTo(45, 270);
context.stroke();

context.lineTo(45, 268);
context.stroke();

context.lineTo(45, 266);
context.stroke();

context.lineTo(45, 266);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(48, 299, 246, 190);

context.strokeStyle = '#000000';
context.strokeRect(315, 293, 80, 41);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(408, 278);

context.lineTo(407, 277);
context.stroke();

context.lineTo(407, 276);
context.stroke();

context.lineTo(405, 276);
context.stroke();

context.lineTo(404, 276);
context.stroke();

context.lineTo(399, 276);
context.stroke();

context.lineTo(394, 280);
context.stroke();

context.lineTo(391, 283);
context.stroke();

context.lineTo(388, 287);
context.stroke();

context.lineTo(387, 290);
context.stroke();

context.lineTo(385, 294);
context.stroke();

context.lineTo(385, 297);
context.stroke();

context.lineTo(385, 300);
context.stroke();

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

context.lineTo(385, 310);
context.stroke();

context.lineTo(385, 312);
context.stroke();

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

context.lineTo(390, 305);
context.stroke();

context.lineTo(392, 294);
context.stroke();

context.lineTo(392, 292);
context.stroke();

context.lineTo(392, 293);
context.stroke();

context.lineTo(392, 303);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(401, 319);
context.stroke();

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

context.lineTo(400, 284);
context.stroke();

context.lineTo(398, 267);
context.stroke();

context.lineTo(397, 265);
context.stroke();

context.lineTo(398, 270);
context.stroke();

context.lineTo(403, 290);
context.stroke();

context.lineTo(405, 296);
context.stroke();

context.lineTo(408, 305);
context.stroke();

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

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

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

context.lineTo(409, 315);
context.stroke();

context.lineTo(407, 312);
context.stroke();

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

context.lineTo(406, 301);
context.stroke();

context.lineTo(405, 299);
context.stroke();

context.lineTo(405, 299);
context.stroke();

context.lineTo(402, 305);
context.stroke();

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

context.lineTo(399, 319);
context.stroke();

context.lineTo(398, 319);
context.stroke();

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

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

context.lineTo(398, 310);
context.stroke();

context.lineTo(400, 305);
context.stroke();

context.lineTo(400, 304);
context.stroke();

context.lineTo(400, 304);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(402, 307);

context.lineTo(399, 315);
context.stroke();

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

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

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

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

context.lineTo(398, 310);
context.stroke();

context.lineTo(399, 310);
context.stroke();

context.lineTo(400, 310);
context.stroke();

context.lineTo(400, 319);
context.stroke();

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

context.lineTo(400, 331);
context.stroke();

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

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

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

context.lineTo(399, 319);
context.stroke();

context.lineTo(399, 315);
context.stroke();

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

context.lineTo(399, 315);
context.stroke();

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

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

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

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

context.lineTo(400, 319);
context.stroke();

context.lineTo(400, 315);
context.stroke();

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

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

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

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

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

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

context.lineTo(387, 343);
context.stroke();

context.lineTo(383, 345);
context.stroke();

context.lineTo(382, 345);
context.stroke();

context.lineTo(382, 345);
context.stroke();

context.lineTo(378, 337);
context.stroke();

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

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

context.lineTo(378, 304);
context.stroke();

context.lineTo(378, 303);
context.stroke();

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

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

context.lineTo(386, 334);
context.stroke();

context.lineTo(388, 344);
context.stroke();

context.lineTo(389, 346);
context.stroke();

context.lineTo(390, 342);
context.stroke();

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

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

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

context.lineTo(402, 301);
context.stroke();

context.lineTo(402, 300);
context.stroke();

context.lineTo(402, 304);
context.stroke();

context.lineTo(402, 312);
context.stroke();

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

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

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

context.lineTo(403, 297);
context.stroke();

context.lineTo(400, 280);
context.stroke();

context.lineTo(398, 271);
context.stroke();

context.lineTo(397, 269);
context.stroke();

context.lineTo(397, 270);
context.stroke();

context.lineTo(395, 284);
context.stroke();

context.lineTo(393, 303);
context.stroke();

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

context.lineTo(389, 312);
context.stroke();

context.lineTo(390, 310);
context.stroke();

context.lineTo(390, 308);
context.stroke();

context.lineTo(390, 299);
context.stroke();

context.lineTo(390, 301);
context.stroke();

context.lineTo(390, 303);
context.stroke();

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

context.lineTo(390, 310);
context.stroke();

context.lineTo(394, 305);
context.stroke();

context.lineTo(401, 294);
context.stroke();

context.lineTo(404, 286);
context.stroke();

context.lineTo(404, 284);
context.stroke();

context.lineTo(404, 287);
context.stroke();

context.lineTo(404, 301);
context.stroke();

context.lineTo(402, 310);
context.stroke();

context.lineTo(399, 319);
context.stroke();

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

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

context.lineTo(396, 315);
context.stroke();

context.lineTo(396, 295);
context.stroke();

context.lineTo(396, 290);
context.stroke();

context.lineTo(396, 291);
context.stroke();

context.lineTo(390, 315);
context.stroke();

context.lineTo(384, 333);
context.stroke();

context.lineTo(381, 340);
context.stroke();

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

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

context.lineTo(382, 310);
context.stroke();

context.lineTo(382, 304);
context.stroke();

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

context.lineTo(382, 303);
context.stroke();

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

context.lineTo(379, 344);
context.stroke();

context.lineTo(377, 354);
context.stroke();

context.lineTo(377, 343);
context.stroke();

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

context.lineTo(383, 312);
context.stroke();

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

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

context.lineTo(383, 334);
context.stroke();

context.lineTo(382, 342);
context.stroke();

context.lineTo(382, 343);
context.stroke();

context.lineTo(382, 344);
context.stroke();

context.lineTo(383, 340);
context.stroke();

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

context.lineTo(383, 310);
context.stroke();

context.lineTo(383, 309);
context.stroke();

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

context.lineTo(370, 344);
context.stroke();

context.lineTo(364, 357);
context.stroke();

context.lineTo(364, 360);
context.stroke();

context.lineTo(364, 356);
context.stroke();

context.lineTo(365, 329);
context.stroke();

context.lineTo(365, 321);
context.stroke();
</script>
</body>
</html>