/*class*/
function homePreviewBlocks( ) {
	this.id;
	var canvas;
	var canvasId;
	var ctx;
	var startAngle;
	var dx = (Math.PI/60);
	var endAngle;
	var WIDTH = 129;
	var HEIGHT = 128;
	var angle = dx;
	var intID;
	var interval_1 = 5;
	var isFinishedFlag = false;
	var This = this;
	
	this.mount = function( id, startAng ) {
		startAngle = startAng;
		canvasId = id;
		this.id = id;
		endAngle = startAngle+dx;	
		if (typeof G_vmlCanvasManager != 'undefined') {
			canvas = G_vmlCanvasManager.initElement(document.getElementById(id));
			interval_1 = 1;
		}
		else {
			canvas = document.getElementById(id);
		}
	}
	
	this.action = function(  ) {
		$(canvas).fadeIn(2000, function() {init(canvasId);});
	}
	 
	function clear() {
	  ctx.clearRect(0, 0, WIDTH, HEIGHT);
	}
	
	function init(id) {	
		ctx = canvas.getContext('2d');
	  	intID = setInterval(draw, interval_1);
	}	
	
	function init2() {
	  intID = setInterval(draw2, 40);
	}
	
	function draw() {
		clear();
		if( angle >= (Math.PI*3)/2-dx ) {
			angle += dx*2/3;
			endAngle += dx*2/3;
			clearInterval(intID);
			init2();
		}
	
		endAngle += dx;
		ctx.beginPath();
		ctx.strokeStyle = 'rgb(252,216,4)';
		ctx.lineWidth = 8;
		ctx.beginPath();
		ctx.arc(64, 64, 60, startAngle, endAngle, false);
		ctx.stroke();
		ctx.lineWidth = 3;
		ctx.beginPath();
		ctx.arc(64, 64, 52, startAngle, endAngle, false);
		ctx.stroke();
		angle +=dx;
	}
	
	function draw2() {
		if( angle >= Math.PI*2 - dx*5/2 ) {
			clearInterval(intID);
			isFinishedFlag = true;
		}
	
		endAngle += dx*2/3;
		ctx.beginPath();
		ctx.strokeStyle = 'rgb(252,216,4)';
		ctx.lineWidth = 14;
		ctx.beginPath();
		ctx.arc(64, 64, 57, endAngle, endAngle+dx*2/3, false);
		ctx.stroke();
		endAngle += dx*2/3;
		angle += dx*4/3;
	}
	
	this.isFinished = function() {
		if( isFinishedFlag ) {
			return true;
		}
		return false;
	}
}