$().ready( function () {
             var closedialog;
 
             function overlayclickclose() {
                  if (closedialog) {
                      $('.dialog').dialog('close');
                  }
                  //set to one because click on dialog box sets to zero
                  closedialog = 1;
             }


	$.fx.speeds._default = 1000;
	$(function() {
		$( ".dialog" ).dialog({
                        //bgifram: true,
			autoOpen: false,
			show: "blind",
			hide: "explode",
                        modal: true,
                        open: function(){closedialog = 1;$(document).bind('click', overlayclickclose);},
                        focus: function(){closedialog = 0;},
                        close: function(){$(document).unbind('click');},
			events: {def: "click,mouseout"},
			buttons: {
				Luk: function() {
					$( this ).dialog( "close" );
				}
			}
		});
		
		

		$( ".child #c2" ).click(function() {
			$( "#c22" ).dialog( "open" );
			return false;
		});
		$( ".child #c3" ).click(function() {
			$( "#c33" ).dialog( "open" );
			return false;
		});

		$( ".teacher #t1" ).click(function() {
			$( "#t11" ).dialog( "open" );
			return false;
		});
		$( ".teacher #t2" ).click(function() {
			$( "#t22" ).dialog( "open" );
			return false;
		});
		$( ".teacher #t3" ).click(function() {
			$( "#t33" ).dialog( "open" );
			return false;
		});

		$( ".adult #a1" ).click(function() {
			$( "#a11" ).dialog( "open" );
			return false;
		});
		$( ".adult #a2" ).click(function() {
			$( "#a22" ).dialog( "open" );
			return false;
		});
		$( ".adult #a3" ).click(function() {
			$( "#a33" ).dialog( "open" );
			return false;
		});

		$( ".partner #p1" ).click(function() {
			$( "#p11" ).dialog( "open" );
			return false;
		});
		$( ".partner #p2" ).click(function() {
			$( "#p22" ).dialog( "open" );
			return false;
		});
		$( ".partner #p3" ).click(function() {
			$( "#p33" ).dialog( "open" );
			return false;
		});
	});
});