this.canvasId;

	this.ctx;

	this.imageData;

	this.imageWidth;

	this.imageHeight;

	this.squareCountX;

	this.squareCountY;

	this.srcSquareWidth;

	this.srcSquareHeight;

	this.squareWidth;

	this.squareHeight;

	this.start = function(canvasId, squareCountX, squareCountY)

		// Canvas ID

		this.canvasId = canvasId;

		// Set square count

		this.squareCountX = squareCountX;

		this.squareCountY = (squareCountY === undefined) ? squareCountX: squareCountY;

		this.init();

	this.init = function()

		this.canvas = document.getElementById(this.canvasId );

	this.registerPreNewCanvasSize = function(newCanvasWidth, newCanvasHeight)

		//incMosaic.imageData = incMosaic.ctx.getImageData(0, 0, incMosaic.srcSquareWidth*incMosaic.squareCountX, incMosaic.srcSquareHeight*incMosaic.squareCountY);

	};

	this.registerPostNewCanvasSize = function(newCanvasWidth, newCanvasHeight)

	{

		// Recalculate the size of the mosaic squares

		incMosaic.squareWidth = Math.floor(newCanvasWidth / incMosaic.squareCountX);

		incMosaic.squareHeight = Math.floor(newCanvasHeight / incMosaic.squareCountY);

		//incMosaic.ctx.fillStyle = "#000000";

		//incMosaic.ctx.fillRect(0, 0, incMosaic.srcSquareWidth*incMosaic.squareCountX, incMosaic.srcSquareHeight*incMosaic.squareCountY);	

		//incMosaic.ctx.putImageData(incMosaic.imageData, 0, 0);

	};

		for (var i = 0; i < this.squareCountX; ++i) {

			for (var j = 0; j < this.squareCountY; ++j) {

		if (self.imagesLoaded == 2) {

			// Redraw

			self.redraw();

		// Loop

		requestAnimationFrame(self.loopCallback);

	};

	this.redraw = function()

	{

		if (time < this.startTime + 3000) {

			this.ctx.drawImage(this.pairImages[0], 0, 0, this.srcSquareWidth*this.squareCountX, this.srcSquareHeight*this.squareCountY, 0, 0, this.squareWidth*this.squareCountX, this.squareHeight*this.squareCountY);

		for (var i = 0; i < this.squareEffects.length; ++i) {			

			var fullEffect = this.squareEffects[i];

					this.drawSquare(fullEffect, this.pairImages[j], effectInfo);	

		}		

		this.ctx.globalAlpha = effectInfo.alpha;

		// Compute src and dest square position

		var srcPosX = fullEffect.x * this.srcSquareWidth;

		var srcPosY = fullEffect.y * this.srcSquareHeight;		

		var destPosX = fullEffect.x * this.squareWidth;

		var destPosY = fullEffect.y * this.squareHeight;		

		this.ctx.fillRect(destPosX, destPosY, this.squareWidth, this.squareHeight);

		this.ctx.drawImage(image, srcPosX, srcPosY, this.srcSquareWidth, this.srcSquareHeight, destPosX, destPosY, this.squareWidth, this.squareHeight);

	this.registerEffects = function()

	{

		var count = 7;

		var color = 64;

		// Create semi random effects

		var range1 = 3000;

		var range2 = 7000;

		var i, time1, time2, effectParam1, effect1, effectParam2, effect2, fullEffect1;

		for (i = 0; i < count; ++i) {

			time1 = this.randomInt(range1, range2);

			time2 = this.randomInt(range1, range2);

			c1 = this.randomInt(0, color);

			effectParam1 = new IncEffectParams(new IncColor(c1, c1, c1, 0), new IncAnim(1, time1), 1, new IncAnim(-1, time1));

			effect1 = new IncSquareEffect_Alpha(effectParam1, createjs.Ease.quadOut, createjs.Ease.quadOut);

			effectParam2 = new IncEffectParams(new IncColor(c1, c1, c1, 1), new IncAnim(0, time2), 0, new IncAnim(1, time2));

			effect2 = new IncSquareEffect_Alpha(effectParam2, createjs.Ease.quadIn, createjs.Ease.quadIn, time1 / 2.5);

			fullEffect1 = new IncFullEffect(effect1, effect2, time1, time2);

			this.effects.push(fullEffect1);

		}

		// Create semi random effects

		range1 = 10000;

		range2 = 25000;

		for (i = 0; i < count; ++i) {

			time1 = this.randomInt(range1, range2);

			time2 = this.randomInt(range1, range2);

			c1 = this.randomInt(0, color);

			effectParam1 = new IncEffectParams(new IncColor(c1, c1, c1, 0), new IncAnim(1, time1), 1, new IncAnim(-1, time1));

			effect1 = new IncSquareEffect_Alpha(effectParam1, createjs.Ease.quadOut, createjs.Ease.quadOut);

			effectParam2 = new IncEffectParams(new IncColor(c1, c1, c1, 1), new IncAnim(0, time2), 0, new IncAnim(1, time2));

			effect2 = new IncSquareEffect_Alpha(effectParam2, createjs.Ease.quadIn, createjs.Ease.quadIn, time1 / 2.5);

			fullEffect1 = new IncFullEffect(effect1, effect2, time1, time2);

			this.effects.push(fullEffect1);

		}

		// Create semi random effects

		range1 = 25000;

		range2 = 30000;

		for (i = 0; i < count; ++i) {

			time1 = this.randomInt(range1, range2);

			time2 = this.randomInt(range1, range2);

			c1 = this.randomInt(0, color);

			effectParam1 = new IncEffectParams(new IncColor(c1, c1, c1, 0), new IncAnim(1, time1), 1, new IncAnim(-1, time1));

			effect1 = new IncSquareEffect_Alpha(effectParam1, createjs.Ease.quadOut, createjs.Ease.quadOut);

			effectParam2 = new IncEffectParams(new IncColor(c1, c1, c1, 1), new IncAnim(0, time2), 0, new IncAnim(1, time2));

			effect2 = new IncSquareEffect_Alpha(effectParam2, createjs.Ease.quadIn, createjs.Ease.quadIn, time1 / 2.5);

			fullEffect1 = new IncFullEffect(effect1, effect2, time1, time2);

			this.effects.push(fullEffect1);

		}

	};	

		var self = incMosaic;

			// When the first image is loaded we can get the image dimention and init the autoresize of the canvas

			if (self.imagesLoaded === 0) {

				// Set some image size related vars

				self.imageWidth = image.width;

				self.imageHeight = image.height;

				self.srcSquareWidth = image.width / self.squareCountX;

				self.srcSquareHeight = image.height / self.squareCountY;

				// Call the resize object

				if (incResize !== undefined) {

					incResize.resizeElements();

				}

			}			

			self.imagesLoaded += 1;