$(['bg_bottom.gif', 'bg_top.gif', 'loading.gif', 'bt_close.gif']).each(function () { var i = new Image(); i.src = '/imgs/system/layer/' + this; });
 var _popupContentHeight = 420;

var _popupContent = {

   open: function(dialog) {

      var title = $('#popupContent-container .popupContent-title').html();
	  $('#popupContent-container .popupContent-title').html('<img src="/app/views/search/imgs/loading.gif" alt="Loading" /> Loading...');

	  dialog.overlay.fadeIn(150, function() {
	     dialog.container.fadeIn(150, function() {
		    dialog.data.fadeIn(150, function() {
			   $('#popupContent-container .popupContent-middle').animate({
			      height: _popupContentHeight
			   }, function () {
			      $('#popupContent-container .popupContent-title').html(title);
				  $('#popupContent-container #maps').css('display', '');				  
			   });
	        });
		 });
      });

   },

   show: function(dialog) {

   },

   close: function(dialog) {

      $('#popupContent-container .popupContent-middle').animate({
	     height: 40
      }, function() {
         dialog.data.fadeOut(150, function() {
		    dialog.container.fadeOut(150, function() {
			   dialog.overlay.fadeOut(150, function() {
			      $.modal.close();
			   });
			});
	     });
      });

   }

};

 function popupContent(url, params) {

    $.get(url, params, function(data) {
       $(data).modal({
	 	  position: ['3%',],
		  overlayId: 'popupContent-overlay',
		  containerId: 'popupContent-container',
		  onOpen: _popupContent.open,
		  onShow: _popupContent.show,
		  onClose: _popupContent.close,
   	      close: false
       });
    });

 }