//
//	ui_canvas.js
//

var BOX_GRABBER_WIDTH = 16;
var Canvas;

//-----------------------------------------------------------------------
// ui_canvas
//-----------------------------------------------------------------------
function ui_canvas(ui_id)
	{
	var str = "request=canvas_get_info^ui_id="+ui_id;
	var ajax = new AJAX("ui_ajax.php", str);
	ajax.ui_id = ui_id;
	this.panels = new Array();
	ajax.canvasObj = this;
	ajax.onload = done_ui_canvas;
	ajax.get();
	}
	
//---------------------------------------------------------
function done_ui_canvas(ajax, success)
	{
	if (success) {
		var rtn = ajax.GetRtnStr();
		var data = rtn.split(",");
		var idx = 0;
		var color = data[idx];

		var num_panels = data[++idx];
		for (var panelIdx = 0; panelIdx < num_panels; ++panelIdx) 
			{
			ajax.canvasObj.panels[panelIdx] = data[++idx];
			}
			
		var body = document.getElementsByTagName("body")[0];
		var div = document.createElement("canvas"+ajax.ui_id);
		this.div = div;
		s = div.style;
		s.position = "absolute";
		s.zIndex = 0;
		s.top = "0%";
		s.left = "0%";
		s.height = "200%";
		s.width = "200%";
		s.backgroundColor = color;
		body.appendChild(div);
		}
	delete ajax;
	ajax.canvasObj.LoadInitialPanels();
	}
//------------------------------------------------
ui_canvas.prototype.LoadInitialPanels = function()
	{
	var total = this.panels.length;
	for (idx = 0; idx < total; ++idx)
		{
		ui_load_panel(this.panels[idx], "");
		}
	}