/*var A_canvas = document.getElementById("A");
var A_context = A_canvas.getContext("2d");

for (var x = 0.5; x < 500; x += 10) {
  A_context.moveTo(x, 0);
  A_context.lineTo(x, 375);
}

for (var y = 0.5; y < 375; y += 10) {
  A_context.moveTo(0, y);
  A_context.lineTo(500, y);
}

A_context.strokeStyle = "#eee";
A_context.stroke();*/
var Debugger = function() { };
Debugger.log = function (message) {
	try {
		console.log(message);
	} catch (exception) {
		return;
	}
}


$(document).ready( function() {
	if (!Modernizr.canvas) return;
		
	var theCanvas = $("#canvasOne").get(0);
	var context = theCanvas.getContext("2d");
	
	Debugger.log("Drawing Canvas");
	
	function drawScreen() {
		context.fillStyle = "#FFFF66";
		context.fillRect(0,0,500,300);
		
		context.fillStyle = "#000000";
		context.font = "20px arial";
		context.textBaseline = "top";
		context.fillText("Hello World!",195,80);
		
		var hwi = new Image();
		hwi.src = "images/op-ani.gif";
		hwi.onload = function() {
			context.drawImage(hwi,160,130);
		}
		
		context.strokeStyle="#0000FF";
		context.strokeRect(5,5,490,290);
	}
	drawScreen();
		
	$("body").append("done");
	
	
});