jQuery.fn.canvas_dots=function (params)
{
	params=jQuery.extend({start_x:'', start_y:''}, params);
	$(this).each(function ()
	{
		last_dotx_ot=dotx_ot;
		last_dotx_do=dotx_do;
		last_doty_ot=doty_ot;
		last_doty_do=doty_do;
		
		var top_n=0;
		for (var yy=doty_ot; yy<=doty_do; yy++)
		{
			var left_n=0;
			var _top=top_n*dot_height;
			for (var xx=dotx_ot; xx<=dotx_do; xx++)
			{
				var _left=left_n*dot_width;
				if ((params.start_x!='')&&(xx==params.start_x)&&(yy==params.start_y))
				{
					start_play_frame=params.start_play_frame;
				}
				else
				{
					start_play_frame=undefined;
				}
				var dot=$("<div></div>").css("left", _left).data("left", _left).css("top", _top).data("top", _top).canvas_dot({x:xx, y:yy, play_frame:start_play_frame}).css('z-index', 10);
				$(this).append(dot);
				left_n++;
			}
			top_n++;
		}
	});
	
	return this;
};