	YAHOO.namespace("example.panel");

	YAHOO.example.panel.panels = [];
	
	function init() {
		YAHOO.example.panel.panel = new YAHOO.widget.Panel("privacy-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panel.render();
		
		YAHOO.example.panel.panels["privacy-popup"] = YAHOO.example.panel.panel;

		YAHOO.example.panel.panelBml = new YAHOO.widget.Panel("bml-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelBml.render();
		
		YAHOO.example.panel.panels["bml-popup"] = YAHOO.example.panel.panelBml;
		
		YAHOO.example.panel.panelStar = new YAHOO.widget.Panel("starRating-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelStar.render();
		
		YAHOO.example.panel.panels["starRating-popup"] = YAHOO.example.panel.panelStar;
	
		YAHOO.example.panel.panelUserAgreement = new YAHOO.widget.Panel("user-agreement-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelUserAgreement.render();
		
		YAHOO.example.panel.panels["user-agreement-popup"] = YAHOO.example.panel.panelUserAgreement;
		
		YAHOO.example.panel.panelCid = new YAHOO.widget.Panel("cid-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelCid.render();
		
		YAHOO.example.panel.panels["cid-popup"] = YAHOO.example.panel.panelCid;	

		YAHOO.example.panel.panelBmlTerms = new YAHOO.widget.Panel("bmlterms-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelBmlTerms.render();
		
		YAHOO.example.panel.panels["bmlterms-popup"] = YAHOO.example.panel.panelBmlTerms;	
		
		YAHOO.example.panel.panelCoupon = new YAHOO.widget.Panel("coupon-popup", { iframe:true, width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
		YAHOO.example.panel.panelCoupon.render();
		
		YAHOO.example.panel.panels["coupon-popup"] = YAHOO.example.panel.panelCoupon;

		}

	function create() {
		var form = document.forms["overlayform"];

		// get form values
		var id = form["id"].value;

		var x = form["x"].value;
		var y = form["y"].value;
		
		var header = form["header"].value;
		var body = form["body"].value;
		var footer = form["footer"].value;

		var visible = form["visible"].checked;

		var effectArg;

		if (form["effect"].selectedIndex > 0) {
			var dur = form["duration"].value;
			if (! dur) {
				dur = 0.5;
			} else {
				dur = parseFloat(dur);
			}
			var effect = form["effect"].options[form["effect"].selectedIndex].value;
			var effectClass = eval(effect);

			effectArg = {
				effect:effectClass,
				duration:dur
			};
		}

		var width = form["width"].value;
		var height = form["height"].value;
		var zIndex = form["zIndex"].value;
		var constrain = form["constraintoviewport"].checked;
		var useIframe = form["iframe"].checked;
		
		var fixedcenter = form["fixedcenter"].checked;
			
		var modal = form["modal"].checked;
		var close = form["close"].checked;
		var draggable = form["draggable"].checked;

		var context = form["context"].value;
		var contextArg = new Array();
		if (context) {
			contextArg[0] = context;
			contextArg[1] = form["elementMagnet"].options[form["elementMagnet"].selectedIndex].value;
			contextArg[2] = form["contextMagnet"].options[form["contextMagnet"].selectedIndex].value;
		}
		
		var underlay = "none";
		if (form["underlay"].selectedIndex > 0) {
			underlay = form["underlay"].options[form["underlay"].selectedIndex].value;
		}

		var args = {};
		args.visible = visible;

		if (effectArg) {
			args.effect = effectArg;
		}

		if (x) {
			args.x = parseInt(x, 10);
		}

		if (y) {
			args.y = parseInt(y, 10);
		}

		if (width) {
			args.width = width;
		}

		if (height) {
			args.height = height;
		}
		
		args.constraintoviewport = constrain;

		args.iframe = useIframe;
	
		args.fixedcenter = fixedcenter;

		args.draggable = draggable;
		args.modal = modal;
		args.underlay = underlay;
		args.close = close;

		if (contextArg.length > 0) {
			args.context = contextArg;
		}

		var newMod;
		var isNew = true;

		if (YAHOO.example.panel.panels[id]) {
			newMod = YAHOO.example.panel.panels[id];
			newMod.cfg.applyConfig(args);
			isNew = false;
		} else {
			newMod = new YAHOO.widget.Panel(id, args);
			YAHOO.example.panel.panels[id] = newMod;
		}

		if (header) {
			newMod.setHeader(header);
		}
		if (body) {
			newMod.setBody(body);
		}
		if (footer) {
			newMod.setFooter(footer);
		}
		
		if (isNew) {
			newMod.render(document.body);
		} else {
			newMod.render();
		}
	}

	YAHOO.util.Event.addListener(window, "load", init);
