// JavaScript Document
$(function() {
    $( "#dialog1" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 350,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });
    $( "#dialog2" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 250,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });
    $( "#dialog3" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 350,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });
    $( "#dialog4" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 350,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });
    $( "#dialog5" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 350,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });
    $( "#dialog6" ).dialog({
        closeOnEscape: true,
        modal: true,
        //position: 'top',
        width: 600,
        height: 350,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });

    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });

});