var frmHelp;
var frmDemo;
var resizer = { frm:{h:0,w:0}, div:{h:0,w:0}, scr:{h:0,w:0}, delta:{h:0,w:0}, target:{h:0,w:0} };

function resize () {

	with (resizer) {

		if (frm.w == 0) {
			frm.w = parseInt(frmHelp.cfg.getProperty('width'));
			div.w = parseInt(getElement('helptext').style.width);
			div.h = parseInt(getElement('helptext').style.height);
			delta.w = frm.w - div.w;
		}
		scr.w = parseInt(YAHOO.util.Dom.getViewportWidth());
		scr.h = parseInt(YAHOO.util.Dom.getViewportHeight());
		target.w = Math.floor(scr.w * 0.75);
		target.h = Math.floor(scr.h * 0.75);

		if (target.w > frm.w) {
			frmHelp.cfg.setProperty('width', target.w);
			getElement('helptext').style.width = (target.w - delta.w) + 'px';
		}

		getElement('helptext').style.height = target.h + 'px';

	}

}

function init () {

	frmHelp = new YAHOO.widget.Panel("yfrmHelp", { modal:false, draggable:true, x:20, y:75, width:740, zIndex:10, underlay:"shadow", visible:true, fixedcenter:false, constraintoviewport:false, close:false } );
	frmHelp.render();
	frmHelp.show();

	frmDemo = new YAHOO.widget.Panel("yfrmDemo", { modal:false, draggable:true, x:100, y:100, width:400, zIndex:10, underlay:"shadow", visible:false, fixedcenter:false, constraintoviewport:false, close:true } );
	frmDemo.render();

	YAHOO.util.Event.addListener("cmdShowDemo", "click", function(){frmDemo.show();});

	YAHOO.widget.Overlay.windowResizeEvent.subscribe(resize);

	// resize the help container

	resize();

}

YAHOO.util.Event.onDOMReady (init);