$(function () {
	// setup modal dialog
	$('#siteSwitchModal').dialog({
		autoOpen: false,
		modal: true,
		draggable: false,
		resizable: false,
                height: 'auto',
                width: '240',
                open: function(ev, ui) {  $('#siteSwitchModal').css({'visibility' : 'visible'}); $('.ui-dialog').hide().fadeIn(500); },
                // fix for dialog box growing width on each open
                // reset width to width+padding+border on close
                close: function(ev, ui) { $(this).css('width', 'auto'); }
	});
	
        // open modal dialog
	$('#changeSite').click(function(){
		$('#siteSwitchModal').dialog('open');
                return false;
	});

	// event delegation - close modal dialog on click outside
	$(document).click(function(evt) {
		var $target = $(evt.target);
		 if ($target.is('.ui-dialog-overlay')) {
			$('#siteSwitchModal').dialog('close');
		}
	});
});