﻿Version 1.0.1 – 10 August 2014

    Demo
        New: Add button iFrame dialog
        New: Add custom effects Show-Hide

Version 1.0 - 9 August 2014
Example - Basic Config
===
	$(function(){
	  $("#my-button").click(function(){
	    $("<div>This is content</div>")
	      .dialog({ 
			"title" : "My Dialog",
			"dialogClass" : "ui-dialog-blue"
			/* variants dialogClass: 'ui-dialog-xxx' (blue, red, yellow, green, purple, night, orange, sky, salat, pink, steel, cyan, pgreen, ocean, porange, ppurple, brown, grey, sea, indigo) */
	       })
	      .dialogExtend({
	        "maximizable" : true,
	        "dblclick" : "maximize",
	        "icons" : { "maximize" : "ui-icon-arrow-4-diag" }
	      });
	  });
	});
Example - Full Config
===
	$(function(){
	  $("#my-button").click(function(){
	    $("<div>This is  content</div>")
	      .dialog({
	        "title" : "This is dialog title",
			"dialogClass" : "ui-dialog-blue"
			/* variants dialogClass: 'ui-dialog-xxx' (blue, red, yellow, green, purple, night, orange, sky, salat, pink, steel, cyan, pgreen, ocean, porange, ppurple, brown, grey, sea, indigo) */
	        "buttons" : { "OK" : function(){ $(this).dialog("close"); } }
	       })
	      .dialogExtend({
	        "closable" : true,
	        "maximizable" : true,
	        "minimizable" : true,
	        "collapsable" : true,
	        "dblclick" : "collapse",
	        "titlebar" : "transparent",
	        "minimizeLocation" : "right",
	        "icons" : {
	          "close" : "ui-icon-circle-close",
	          "maximize" : "ui-icon-circle-plus",
	          "minimize" : "ui-icon-circle-minus",
	          "collapse" : "ui-icon-triangle-1-s",
	          "restore" : "ui-icon-bullet"
	        },
	        "load" : function(evt, dlg){ alert(evt.type); },
	        "beforeCollapse" : function(evt, dlg){ alert(evt.type); },
	        "beforeMaximize" : function(evt, dlg){ alert(evt.type); },
	        "beforeMinimize" : function(evt, dlg){ alert(evt.type); },
	        "beforeRestore" : function(evt, dlg){ alert(evt.type); },
	        "collapse" : function(evt, dlg){ alert(evt.type); },
	        "maximize" : function(evt, dlg){ alert(evt.type); },
	        "minimize" : function(evt, dlg){ alert(evt.type); },
	        "restore" : function(evt, dlg){ alert(evt.type); }
	      });
	  });
	});
