// panel.js

var mTitleBarHeight = 16;
var mTBImagePath = "images_ui/titlebars/liteblue.jpg";
var mTBBorder = "thin solid black";
var mPanelLayer = 100;
//---------------------------------------------------------
function Panel(o)
	{
	o.tag = "div";
	o.zIndex = ++mPanelLayer;
	if (o.border != undefined) o.border = "medium solid black";
	if (o.overflow != undefined) o.overflow = "hidden";
	var div = this.div = NewElem(o);
	this.div.panel = this;
	this.div.className = "panel";
	
	// do titlebar
	var titlebar = document.createElement("div");
	if (o.title != undefined)
		{
		var textElem = document.createTextNode(o.title);	
		titlebar.appendChild(textElem);
		}

	// Draw the titlebar
	titlebar.dragTargetID = o.id;
	titlebar.onmousedown = DragObject_Begin;
	s = titlebar.style;
	s.position = "absolute";
	s.top = -1;
	s.left = -1;
	s.height = mTitleBarHeight;
	s.width = o.width;

	s.backgroundColor = "black";
	s.backgroundImage = "url("+mTBImagePath+")";
	s.cursor = "move";
	s.fontSize = "12";
	s.fontWeight = "900";
	s.border = mTBBorder;
	s.textIndent = "10";
/*
  	if (!mBrowser.isIE) 
		s.paddingTop = 5;
	else {
		s.paddingTop = -5;
	}
*/	
	new Button({
		parent: titlebar,
		top:1,
		left:o.width-20,
		height:14,
		width:14,
		onclick: CollapsePanel,
		name: "closebox"
	});	

	this.div.appendChild(titlebar);
	}

//---------------------------------------------------------
Panel.prototype.AddSizeDivs = function(){
	var leftDiv = document.createElement("div");
	var botDiv = document.createElement("div");
	var rtDiv = document.createElement("div");
}

//---------------------------------------------------------
function PanelInfo(index, zIndex) {
    this.index = parseInt(index);
    this.zIndex = parseInt(zIndex);
}
//---------------------------------------------------------
function SortPanelInfosByZIndex(infoA, infoB) {
    var x = infoA.zIndex;
    var y = infoB.zIndex;
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
//---------------------------------------------------------
Panel.prototype.MakeTop = function(){
	var panels = getElementsByClassName("panel");
	var low_zIndex = 9999999;
	var infos = new Array();

	for (var idx = 0; idx < panels.length; idx++)
		{
		var zIndex;
		if (this == panels[idx].panel) zIndex = 999999;
		else zIndex = panels[idx].style.zIndex;
		infos[infos.length++] = new PanelInfo(idx, zIndex);
		if (zIndex < low_zIndex) low_zIndex = zIndex;
		}
	infos.sort(SortPanelInfosByZIndex);
	var topIndex = parseInt(low_zIndex) + panels.length;
	for (var cnt = 0; cnt < panels.length; cnt++)
		{
		idx = infos[cnt].index;
		if (this == panels[idx].panel)
			{
			this.div.style.zIndex = topIndex;
			}
		else	
			{
			panels[idx].style.zIndex = low_zIndex;
			low_zIndex++;
			}
		}
}

//----------------------------------------
function CollapsePanel(e)
	{
	//window.event.cancelBubble = true;

	}