(function () {
	
		var Event = YAHOO.util.Event,
			Dom = YAHOO.util.Dom;


		Event.onDOMReady(function () {

			var oPanel1 = new YAHOO.widget.Panel("panel-1", {
				
				visible: false,
				fixedcenter: true,
				constraintoviewport: true,
				width: "300px"
			
			});
			
			oPanel1.render();
			
			Event.on("show-dialog-1", "click", oPanel1.show, null, oPanel1);


			var oTooltip1 = new YAHOO.widget.Tooltip("tooltip-1", { 
				context:"show-dialog-1", 
				text:"Log in to edit pages.",
				iframe: true,
				showDelay:500 } );


			var oPanel2 = new YAHOO.widget.Dialog("panel-2", {
				
				modal: true,
				visible: false,
				fixedcenter: true,
				constraintoviewport: true,
				width: "300px",
				postmethod: "form"
			
			});	

			oPanel2.render(document.body);

			Event.on("show-dialog-2", "click", oPanel2.show, null, oPanel2);	


			var oTooltip2 = new YAHOO.widget.Tooltip("tooltip-2", { 
				context:"show-dialog-2", 
				text:"Login to edit pages.",
				iframe: true,
				showDelay:500 } );


			var handleOK = function() {
				this.cancel();
			};
			
			var oPanel3 = new YAHOO.widget.SimpleDialog("panel-3", {
				
				modal: true,
				icon: YAHOO.widget.SimpleDialog.ICON_INFO,
				visible: false,
				fixedcenter: true,
				constraintoviewport: true,
				width: "300px",
				role: "alertdialog",
				buttons: [ { text:"OK", handler:handleOK, isDefault:true } ],
				text: "Your changes have been saved."
			
			});	

			oPanel3.setHeader("Info");
			oPanel3.render(document.body);

			var oTooltip3 = new YAHOO.widget.Tooltip("tooltip-3", { 
				context:"show-dialog-3", 
				text:"Shows a Modal Dialog built using SimpleDialog using the ARIA role of alertdialog.",
				iframe: true,
				showDelay:500 } );
			
			Event.on("show-dialog-3", "click", oPanel3.show, null, oPanel3);					

		});
	
	}());