window.onload = function()
{
    if (window.winOnLoad) window.winOnLoad();
	
	for (var i = 1; i <= fen_count; ++i) 
	{
    	/*fen[i] = new xFenster('panel'+i, i*100, i*100, 'panelBar'+i, 'panelResBtn'+i,'panelMaxBtn'+i,'panelCloseBtn'+i );*/
		fen[i] = new xFenster('panel'+i, i*100, i*100, 'panelBar'+i, null,null,'panelCloseBtn'+i );
  	}
	
	setup();
}
window.onunload = function()
{
    if (window.winOnUnload) window.winOnUnload();
	
	for (var i = 1; i <= fen_count; ++i)
	{
    	fen[i].onunload();
  	}
}

var fen = new Array(), fen_count = 1;
/*function winOnLoad()
{
  setup();
}
*/

function setup()
{
  var ele, i = 1;
  do {
    ele = xGetElementById('trigger' + i);
    if (ele) {
      ele.panelId = 'panel' + i++;
      ele.onclick = tOnClick;
	  var panel = xGetElementById(ele.panelId);
      var x = xScrollLeft() + (xClientWidth() - xWidth(panel)) / 2;
	  var y = xScrollTop() + (xClientHeight() - xHeight(panel)) / 2;
	  xMoveTo(panel, x, y);	
    }
  } while(ele);
}

function tOnClick()
{
  var panel = xGetElementById(this.panelId);

  if (panel.style.visibility != 'visible') 
  {
   //panel.innerHTML = '';
	var x = xScrollLeft() + (xClientWidth() - xWidth(panel)) / 2;
    var y = xScrollTop() + (xClientHeight() - xHeight(panel)) / 2;
    xMoveTo(panel, x, y);
    xShow(panel);
  }
  else if (panel.style.visibility == 'visible') 
  {
	xHide(this.panelId);
  }
}