jQuery().ready(function($){
	$("#example1").click(function(){
		$("<div/>")
			.dialog({modal:true,title:"Заголовок",overlay:{backgroundColor:'#000',opacity: 0.5},
				buttons:{OK:function(){$(this).dialog('destroy').remove();}}})
			.parent().find(".ui-dialog-titlebar-close").hide();
	});

	$("#example2").click(function(){
		var dialog = $("<div/>")
			.dialog({modal:true,title:"Заголовок",overlay:{backgroundColor:'#000',opacity: 0.5},
				buttons:{OK:function(){progressbar.progressbar("destroy");$(this).dialog('destroy').remove();}}})
			.parent().find(".ui-dialog-titlebar-close").hide().end().end(),
		indicator = $("<div/>").addClass("ui-progressbar-indicator").text("50%").appendTo(dialog),
		progressbar = $("<div/>")
			.progressbar({value:50})
			.appendTo(dialog);
	});

	$("#example3").click(function(){
		var counter = 0, 
		dialog = $("<div/>")
			.dialog({modal:true,title:"Заголовок",overlay:{backgroundColor:'#000',opacity: 0.5}})
			.parent().find(".ui-dialog-titlebar-close").hide().end().end(),
		indicator = $("<div/>").addClass("ui-progressbar-indicator").text("0").appendTo(dialog),
		progressbar = $("<div/>")
			.progressbar({value:0,change:function(event,ui){indicator.text(counter+"%")}})
			.appendTo(dialog),
		interval = setInterval(function () {
			counter+=10;
			progressbar.progressbar("value",counter);
			if (counter == 100) {
				clearInterval(interval);
				setTimeout(function(){
					progressbar.progressbar("destroy");
					dialog.dialog("destroy").remove();
				},500);
		
			}
		}, 500);
	});
});