canvas = document.getElementById("canvas");
canvas2 = document.getElementById("canvas2");

bikes = new Image();
bikes.src = "res/bikes.png";
bikesData = new BitmapData(300, 300);

var invertMatrix=[
		-1, 0, 0, 0, 255,
		0, -1, 0, 0, 255,
		0, 0, -1, 0, 255,
		0, 0, 0, 1, 0
	 ];
				 		 
var brightness=[
		2, 0, 0, 0, 0,
		0, 2, 0, 0, 0,
		0, 0, 2, 0, 0,
		0, 0, 0, 1, 0
	 ];

invertFilter = new ColorMatrixFilter(invertMatrix);
brightnessFilter = new ColorMatrixFilter(brightness);

zeroPoint=new Point();

bikesData.draw(bikes);
bikesData.applyFilter(bikesData, bikesData.rect, zeroPoint, invertFilter);
context = canvas.getContext("2d");
context.putImageData(bikesData.data, 0, 0);

bikesData.draw(bikes);
bikesData.applyFilter(bikesData, bikesData.rect, zeroPoint, brightnessFilter);
context = canvas2.getContext("2d");
context.putImageData(bikesData.data, 0, 0);