jquery .dialog Проблема:Всплывающее окно -отображается только 1 раз!

[denisOgr]

Есть ссылки в виде картинок. Нужно. что бы при клике на ссылку в центре экрана ил под картинкой, В общем появлялась форма. Делаю через Jquery. использую метод . dialog Но форма появляется один раз при клике., при втором ничего не появляется, как будто окно все еще открыто но невидимо что ли

Вот код

сылка(карта):

<AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#"  rel="1" id="openForm" >

форма:

<div id="dialog-com" style="display:none;"> МОЯ ФОРМА</div>

скрипт:

<script type="text/javascript">
	$("#openForm").click(
		function () {
		$("#dialog-com").dialog();
				$( "#dialog-com" ).dialog({ closeOnEscape: false });
				$( "#dialog-com" ).dialog( "option", "autoOpen", false );
				$( "#dialog-com" ).dialog({
				buttons: {
				'Закрыть': function() {
					$(this).dialog('close');
				}}});

				return false;  
	}

);
	</script>

Общий код(мож понадобится)

<MAP NAME="map.jpg">
		<AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#"  rel="1" id="openForm" >
	   .....................................................................
 .	 .....................................................................

	</map>



	<script type="text/javascript">
	$("#openForm").click(
		function () {
		$("#dialog-com").dialog();
				$( "#dialog-com" ).dialog({ closeOnEscape: false });
				$( "#dialog-com" ).dialog( "option", "autoOpen", false );
				$( "#dialog-com" ).dialog({
				buttons: {
				'Закрыть': function() {
					$(this).dialog('close');
				}}});

				return false;  
	}

);
	</script>

	<div id="dialog-com">MY FORM</div>

[Veseloff]

Давайте, наконец, научимся выкладывать проблемный код не в форум, а делать страницу и давать ссылку, чтобы вживую можно было посмотреть, отловить фаербагом ошибки, на лету что-нибудь поправить... А так я вот ничего не понял, а копировать код, дополнять его всякими нужными тегами, искать картинку etc. у меня нет ни времени, ни желания.

[klierik]

defaults: {

autoOpen: true,

autoResize: true,

bgiframe: false,

buttons: {},

closeOnEscape: true,

draggable: true,

height: 200,

minHeight: 100,

minWidth: 150,

modal: true,

overlay: {},

position: 'center',

resizable: true,

stack: true,

width: 300,

zIndex: 1000

},