alchemy_cms 2.1.12 → 2.2.rc1

data/app/assets/javascripts/alchemy/alchemy.uploader.js

@@ -0,0 +1,279 @@
+if (typeof(Alchemy) === 'undefined') {
+  var Alchemy = {};
+}
+
+Alchemy.Uploader = {
+
+  HTML5uploadPossible: function() {
+    function supportFileAPI() {
+      var fi = document.createElement('INPUT');
+      fi.type = 'file';
+      return 'files' in fi;
+    }
+
+    function supportAjaxUploadProgressEvents() {
+      var xhr = new XMLHttpRequest();
+      return !!(xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
+    }
+    return typeof(window.FileReader) !== 'undefined' && supportFileAPI() && supportAjaxUploadProgressEvents();
+    //return false;
+  },
+
+  init:function (settings) {
+    var self = Alchemy.Uploader;
+
+    function initHTML5Uploader() {
+      $("#dropbox, #multiple").html5Uploader({
+        name:"Filedata",
+        postUrl:settings.upload_url,
+        postParams:settings.post_params,
+        onSuccess:function (event, file, responseText, successfullyUploadedFiles) {
+          eval(responseText);
+          var progress = new Alchemy.FileProgress(file);
+          $('#upload_info').text(self.t('success_notice').replace('x', successfullyUploadedFiles));
+          progress.setStatus(self.t('complete'));
+          progress.setComplete();
+        },
+        onDragEnter:function (dropbox, event) {
+          $(dropbox)
+            .addClass('dragover')
+            .text(self.t('drop_files_notice'));
+        },
+        onDragLeave:function (dropbox, event) {
+          $(dropbox)
+            .removeClass('dragover')
+            .text(self.t('drag_files_notice'));
+        },
+        onDrop:function (dropbox, event) {
+          $(dropbox)
+            .removeClass('dragover')
+            .text(self.t('drag_files_notice'));
+        },
+        onQueueStart:function (files) {
+          var $status = $("#upload_info");
+          if (Alchemy.Uploader.locale == 'en') {
+            $status.text(files + " file" + (files === 1 ? "" : "s") + " queued.");
+          } else {
+            $status.text(files + " Datei" + (files === 1 ? "" : "en") + " in der Warteschlange.");
+          }
+          $('#upload_info_container').show();
+          $('#dropbox').hide('fast');
+          $('#multiple').hide();
+          $('#cancelHTML5Queue').show();
+        },
+        onQueueComplete:function (files, status) {
+          var $status = $("#upload_info");
+          if (Alchemy.Uploader.locale == 'en') {
+            $status.text(files + " file" + (files === 1 ? "" : "s") + " uploaded.");
+          } else {
+            $status.text(files + " Datei" + (files === 1 ? "" : "en") + " hochgeladen.");
+          }
+          $('#dropbox').show();
+          $('#multiple').show().parents('form').get(0).reset();
+          $('#cancelHTML5Queue').hide();
+          if (status === 200) {
+            window.setTimeout(function () {
+              Alchemy.closeCurrentWindow();
+            }, 3500);
+          }
+        },
+        onClientLoadStart:function (event, file) {
+          var progress = new Alchemy.FileProgress(file);
+          progress.setStatus(self.t('pending'));
+        },
+        onServerLoadStart:function (event, file) {
+          var progress = new Alchemy.FileProgress(file);
+          progress.setStatus(self.t('uploading'));
+          progress.$fileProgressCancel.show().on('click', function (e) {
+            e.preventDefault();
+            $().html5Uploader('cancel', file.id);
+            progress.setStatus(self.t('cancelled'));
+            progress.setCancelled();
+            return false;
+          });
+        },
+        onServerProgress:function (event, file) {
+          var progress = new Alchemy.FileProgress(file);
+          var percentUploaded = (event.loaded / event.total) * 100;
+          progress.setProgress(percentUploaded);
+          progress.setStatus(self.t('uploading') + SWFUpload.speed.formatPercent(percentUploaded));
+        },
+        onServerError:function (e, file, errorMessage) {
+          Alchemy.debug(e);
+          var progress = new Alchemy.FileProgress(file);
+          progress.setError();
+          progress.setStatus(errorMessage);
+        },
+        onQueueCancelled:function (queuedFiles) {
+          for (var i = queuedFiles.length - 1; i >= 0; i--) {
+            var progress = new Alchemy.FileProgress(queuedFiles[i]);
+            progress.setStatus(self.t('cancelled'));
+            progress.setCancelled();
+          }
+          $('#cancelHTML5Queue').hide();
+        }
+      });
+    }
+
+    function initFlashUploader() {
+      try {
+        var swfu = new SWFUpload({
+          flash_url:"/assets/swfupload/swfupload.swf",
+          flash9_url:"/assets/swfupload/swfupload.swf",
+          upload_url:settings.upload_url,
+          post_params:settings.post_params,
+          file_size_limit:settings.file_size_limit + ' MB',
+          file_types:settings.file_types,
+          file_types_description:settings.file_types_description,
+          file_upload_limit:settings.file_upload_limit,
+          file_queue_limit:0,
+          custom_settings:{
+            language:settings.locale
+          },
+          debug:false,
+          button_image_url:"/assets/alchemy/swfupload/browse_button.png",
+          button_width:"120",
+          button_height:"25",
+          button_placeholder_id:"spanButtonPlaceHolder",
+          button_text:"<span class='swfButtonText'>" + self.t('browse') + "</span>",
+          button_text_style:'.swfButtonText {font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif; text-align: center; color: #333333; height: 25px; padding-left: 8px; padding-right: 8px; padding-bottom: 3px; padding-top: 5px}',
+          button_text_left_padding:0,
+          button_text_top_padding:4,
+          swfupload_load_failed_handler:function () {
+            $('#swf_upload_container').hide();
+            $('#choose_alternative_uploader').hide();
+            $('#switch_to_flash_uploader').hide();
+            $('#swfUploadFlashError').show();
+            $('#alternativeUpload').show();
+          },
+          file_queued_handler:Alchemy.SWFUpload.fileQueued,
+          file_queue_error_handler:Alchemy.SWFUpload.fileQueueError,
+          file_dialog_complete_handler:Alchemy.SWFUpload.fileDialogComplete,
+          upload_start_handler:Alchemy.SWFUpload.uploadStart,
+          upload_progress_handler:Alchemy.SWFUpload.uploadProgress,
+          upload_error_handler:Alchemy.SWFUpload.uploadError,
+          upload_success_handler:Alchemy.SWFUpload.uploadSuccess,
+          queue_complete_handler:Alchemy.SWFUpload.queueComplete
+        });
+        swfu.window_mode = "opaque";
+      } catch (err) {
+        Alchemy.debug(err);
+        $('#swf_upload_container').hide();
+        $('#choose_alternative_uploader').hide();
+        $('#alternativeUpload').show();
+        $('#flash_upload_error_explanation').show();
+      }
+    }
+
+    self.locale = settings.locale;
+
+    if (self.HTML5uploadPossible()) {
+      $('#swf_upload_container').hide();
+      $('#explain_step3').hide();
+      $('#explain_drag_n_drop').show();
+      initHTML5Uploader(settings);
+      $('#cancelHTML5Queue').on('click', function (e) {
+        e.preventDefault();
+        $().html5Uploader('cancelQueue');
+        return false;
+      });
+    } else {
+      $('#multiple').hide();
+      $('#dropbox').hide();
+      $('#explain_step3').show();
+      $('#explain_drag_n_drop').hide();
+      initFlashUploader(settings);
+    }
+
+  },
+
+  translation:{
+    'browse':{
+      'de':'durchsuchen',
+      'en':'browse'
+    },
+    'pending':{
+      'de':'Wartend...',
+      'en':'Pending...'
+    },
+    'uploading':{
+      'de':'Ladend...',
+      'en':'Uploading...'
+    },
+    'remaining':{
+      'de':' verbleibend.',
+      'en':' remaining.'
+    },
+    'complete':{
+      'de':'Abgeschlossen',
+      'en':"Complete"
+    },
+    'cancelled':{
+      'de':'Abgebrochen',
+      'en':'Cancelled'
+    },
+    'stopped':{
+      'de':'Gestoppt',
+      'en':'Stopped'
+    },
+    'upload_failed':{
+      'de':'Fehlgeschlagen!',
+      'en':'Upload Failed!'
+    },
+    'file_too_big':{
+      'de':'Datei ist zu groß!',
+      'en':'File is too big!'
+    },
+    'upload_limit_exceeded':{
+      'de':'Maximales Dateilimit erreicht.',
+      'en':'Upload limit exceeded.'
+    },
+    'validation_failed':{
+      'de':'Validierung fehlgeschlagen. Ladevorgang angehalten.',
+      'en':"Failed Validation. Upload skipped."
+    },
+    'zero_byte_file':{
+      'de':'Datei hat keinen Inhalt!',
+      'en':'Cannot upload Zero Byte files!'
+    },
+    'invalid_file':{
+      'de':'Ungültiger Dateityp!',
+      'en':'Invalid File Type!'
+    },
+    'unknown_error':{
+      'de':'Unbekannter Fehler!',
+      'en':'Unhandled Error!'
+    },
+    'drag_files_notice':{
+      'de':'Oder ziehen Sie die Dateien hier rauf',
+      'en':'Or drag files over here'
+    },
+    'drop_files_notice':{
+      'de':'Lassen Sie die Dateien nun los',
+      'en':'Now drop the files'
+    },
+    'queued_files_notice':{
+      'de':'x Dateien in der Warteschlange.',
+      'en':'Queued x files.'
+    },
+    'success_notice':{
+      'de':'x Dateien hochgeladen.',
+      'en':'Uploaded x files.'
+    }
+  },
+
+  t:function (id) {
+    try {
+      var self = Alchemy.Uploader;
+      var translation = self.translation[id];
+      if (translation) {
+        return translation[self.locale];
+      } else {
+        return id;
+      }
+    } catch (ex) {
+      this.debug(ex);
+    }
+  }
+
+};

data/app/assets/javascripts/alchemy/alchemy.windows.js

@@ -1,284 +1,284 @@
 if (typeof(Alchemy) === 'undefined') {
-	var Alchemy = {};
+  var Alchemy = {};
 }
 
 (function ($) {
 
-	$.extend(Alchemy, {
+  $.extend(Alchemy, {
 
-		getOverlaySpinner : function (options) {
-			var defaults = {
-				x: '400',
-				y: '300'
-			};
-			var settings = $.extend({}, defaults, options);
-			var $spinner_container = $('<div class="spinner_container"/>').css({width: settings.x, height: settings.y});
-			var $spinner = $('<img src="/assets/alchemy/ajax_loader.gif" />');
-			$spinner_container.append($spinner);
-			$spinner.css({
-				position: 'absolute',
-				width: 32,
-				height: 32,
-				left: '50%',
-				top: '50%',
-				marginLeft: '-16px',
-				marginTop: '-16px'
-			});
-			return $spinner_container;
-		},
+    getOverlaySpinner:function (options) {
+      var defaults = {
+        x:'400',
+        y:'300'
+      };
+      var settings = $.extend({}, defaults, options);
+      var $spinner_container = $('<div class="spinner_container"/>').css({width:settings.x, height:settings.y});
+      var $spinner = $('<img src="/assets/alchemy/ajax_loader.gif" />');
+      $spinner_container.append($spinner);
+      $spinner.css({
+        position:'absolute',
+        width:32,
+        height:32,
+        left:'50%',
+        top:'50%',
+        marginLeft:'-16px',
+        marginTop:'-16px'
+      });
+      return $spinner_container;
+    },
 
-		AjaxErrorHandler : function($dialog, status, textStatus, errorThrown) {
-			var $div = $('<div class="with_padding" />');
-			var $errorDiv = $('<div id="errorExplanation" />');
-			$dialog.html($div);
-			$div.append($errorDiv);
-			if (status === 0) {
-				$errorDiv.append('<h2>The server does not respond!</h2>');
-				$errorDiv.append('<p>Please start server and try again.</p>');
-			} else {
-				$errorDiv.append('<h2>'+errorThrown+' ('+status+')</h2>');
-				$errorDiv.append('<p>Please check log and try again.</p>');
-			}
-		},
+    AjaxErrorHandler:function ($dialog, status, textStatus, errorThrown) {
+      var $div = $('<div class="with_padding" />');
+      var $errorDiv = $('<div id="errorExplanation" />');
+      $dialog.html($div);
+      $div.append($errorDiv);
+      if (status === 0) {
+        $errorDiv.append('<h2>The server does not respond!</h2>');
+        $errorDiv.append('<p>Please start server and try again.</p>');
+      } else {
+        $errorDiv.append('<h2>' + errorThrown + ' (' + status + ')</h2>');
+        $errorDiv.append('<p>Please check log and try again.</p>');
+      }
+    },
 
-		ToolbarButton : function(options) {
-			var $btn = $('<div class="button_with_label"></div>'), $lnk;
-			if (options.buttonId) $btn.attr({'id': options.buttonId});
-			$lnk = $('<a title="'+options.buttonTitle+'" class="icon_button"></a>');
-			$lnk.click(options.onClick);
-			$lnk.append('<span class="icon '+options.iconClass+'"></span>');
-			$btn.append($lnk);
-			$btn.append('<br><label>'+options.buttonLabel+'</label>');
-			return $btn;
-		},
+    ToolbarButton:function (options) {
+      var $btn = $('<div class="button_with_label"></div>'), $lnk;
+      if (options.buttonId) $btn.attr({'id':options.buttonId});
+      $lnk = $('<a title="' + options.buttonTitle + '" class="icon_button"></a>');
+      $lnk.click(options.onClick);
+      $lnk.append('<span class="icon ' + options.iconClass + '"></span>');
+      $btn.append($lnk);
+      $btn.append('<br><label>' + options.buttonLabel + '</label>');
+      return $btn;
+    },
 
-		openConfirmWindow : function (options) {
-			var $confirmation = $('<div style="display:none" id="alchemyConfirmation"></div>');
-			$confirmation.appendTo('body');
-			$confirmation.html('<p>'+options.message+'</p>');
-			Alchemy.ConfirmationWindow = $confirmation.dialog({
-				resizable: false,
-				minHeight: 100,
-				minWidth: 300,
-				modal: true,
-				title: options.title,
-				show: "fade",
-				hide: "fade",
-				buttons: [
-					{
-						text: options.cancelLabel,
-						click: function() {
-							$(this).dialog("close");
-						}
-					},
-					{
-						text: options.okLabel,
-						click: function() {
-							$(this).dialog("close");
-							options.okCallback();
-						}
-					}
-				],
-				open: function () {
-					Alchemy.ButtonObserver('#alchemyConfirmation .button');
-				},
-				close: function() {
-					$('#alchemyConfirmation').remove();
-				}
-			});
-		},
+    openConfirmWindow:function (options) {
+      var $confirmation = $('<div style="display:none" id="alchemyConfirmation"></div>');
+      $confirmation.appendTo('body');
+      $confirmation.html('<p>' + options.message + '</p>');
+      Alchemy.ConfirmationWindow = $confirmation.dialog({
+        resizable:false,
+        minHeight:100,
+        minWidth:300,
+        modal:true,
+        title:options.title,
+        show:"fade",
+        hide:"fade",
+        buttons:[
+          {
+            text:options.cancelLabel,
+            click:function () {
+              $(this).dialog("close");
+            }
+          },
+          {
+            text:options.okLabel,
+            click:function () {
+              $(this).dialog("close");
+              options.okCallback();
+            }
+          }
+        ],
+        open:function () {
+          Alchemy.ButtonObserver('#alchemyConfirmation .button');
+        },
+        close:function () {
+          $('#alchemyConfirmation').remove();
+        }
+      });
+    },
 
-		confirmToDeleteWindow : function (url, title, message, okLabel, cancelLabel) {
-			var $confirmation = $('<div style="display:none" id="alchemyConfirmation"></div>');
-			$confirmation.appendTo('body');
-			$confirmation.html('<p>'+message+'</p>');
-			Alchemy.ConfirmationWindow = $confirmation.dialog({
-				resizable: false,
-				minHeight: 100,
-				minWidth: 300,
-				modal: true,
-				title: title,
-				show: "fade",
-				hide: "fade",
-				buttons: [
-					{
-						text: cancelLabel,
-						click: function() {
-							$(this).dialog("close");
-						}
-					},
-					{
-						text: okLabel,
-						click: function() {
-							$(this).dialog("close");
-							$.ajax({
-								url: url,
-								type: 'DELETE'
-							});
-						}
-					}
-				],
-				open: function () {
-					Alchemy.ButtonObserver('#alchemyConfirmation .button');
-				},
-				close: function() {
-					$('#alchemyConfirmation').remove();
-				}
-			});
-		},
+    confirmToDeleteWindow:function (url, title, message, okLabel, cancelLabel) {
+      var $confirmation = $('<div style="display:none" id="alchemyConfirmation"></div>');
+      $confirmation.appendTo('body');
+      $confirmation.html('<p>' + message + '</p>');
+      Alchemy.ConfirmationWindow = $confirmation.dialog({
+        resizable:false,
+        minHeight:100,
+        minWidth:300,
+        modal:true,
+        title:title,
+        show:"fade",
+        hide:"fade",
+        buttons:[
+          {
+            text:cancelLabel,
+            click:function () {
+              $(this).dialog("close");
+            }
+          },
+          {
+            text:okLabel,
+            click:function () {
+              $(this).dialog("close");
+              $.ajax({
+                url:url,
+                type:'DELETE'
+              });
+            }
+          }
+        ],
+        open:function () {
+          Alchemy.ButtonObserver('#alchemyConfirmation .button');
+        },
+        close:function () {
+          $('#alchemyConfirmation').remove();
+        }
+      });
+    },
 
-		openWindow : function (action_url, title, size_x, size_y, resizable, modal, overflow) {
-			overflow == undefined ? overflow = false: overflow = overflow;
-			if (size_x === 'fullscreen') {
-				size_x = $(window).width() - 50;
-				size_y = $(window).height() - 50;
-			}
-			var $dialog = $('<div style="display:none" id="alchemyOverlay"></div>');
-			$dialog.appendTo('body');
-			$dialog.html(Alchemy.getOverlaySpinner({x: size_x === 'auto' ? 400 : size_x, y: size_y === 'auto' ? 300 : size_y}));
-			Alchemy.CurrentWindow = $dialog.dialog({
-				modal: modal,
-				minWidth: size_x === 'auto' ? 400 : size_x,
-				minHeight: size_y === 'auto' ? 300 : size_y,
-				title: title,
-				resizable: resizable,
-				show: "fade",
-				hide: "fade",
-				width: size_x,
-				open: function (event, ui) {
-					$.ajax({
-						url: action_url,
-						success: function(data, textStatus, XMLHttpRequest) {
-							$dialog.html(data);
-							$dialog.css({overflow: overflow ? 'visible' : 'auto'});
-							$dialog.dialog('widget').css({overflow: overflow ? 'visible' : 'hidden'});
-							if (size_x === 'auto') {
-								$dialog.dialog('widget').css({
-									left: (($(window).width() / 2) - ($dialog.width() / 2))
-								});
-							}
-							if (size_y === 'auto') {
-								$dialog.dialog('widget').css({
-									top: ($(window).height() - $dialog.dialog('widget').height()) / 2
-								});
-							}
-							Alchemy.SelectBox('#alchemyOverlay select.alchemy_selectbox');
-							Alchemy.Datepicker('#alchemyOverlay input.date, #alchemyOverlay input[type="date"]');
-							Alchemy.ButtonObserver('#alchemyOverlay .button');
-						},
-						error: function(XMLHttpRequest, textStatus, errorThrown) {
-							Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
-						},
-						complete: function(jqXHR, textStatus) {
-							Alchemy.enableButton('.disabled.button');
-						}
-					});
-				},
-				beforeClose: function() {
-					$(".sb.open").triggerAll("close");
-				},
-				close: function () {
-					$dialog.remove();
-				}
-			});
-		},
+    openWindow:function (action_url, title, size_x, size_y, resizable, modal, overflow) {
+      overflow == undefined ? overflow = false : overflow = overflow;
+      if (size_x === 'fullscreen') {
+        size_x = $(window).width() - 50;
+        size_y = $(window).height() - 50;
+      }
+      var $dialog = $('<div style="display:none" id="alchemyOverlay"></div>');
+      $dialog.appendTo('body');
+      $dialog.html(Alchemy.getOverlaySpinner({x:size_x === 'auto' ? 400 : size_x, y:size_y === 'auto' ? 300 : size_y}));
+      Alchemy.CurrentWindow = $dialog.dialog({
+        modal:modal,
+        minWidth:size_x === 'auto' ? 400 : size_x,
+        minHeight:size_y === 'auto' ? 300 : size_y,
+        title:title,
+        resizable:resizable,
+        show:"fade",
+        hide:"fade",
+        width:size_x,
+        open:function (event, ui) {
+          $.ajax({
+            url:action_url,
+            success:function (data, textStatus, XMLHttpRequest) {
+              $dialog.html(data);
+              $dialog.css({overflow:overflow ? 'visible' : 'auto'});
+              $dialog.dialog('widget').css({overflow:overflow ? 'visible' : 'hidden'});
+              if (size_x === 'auto') {
+                $dialog.dialog('widget').css({
+                  left:(($(window).width() / 2) - ($dialog.width() / 2))
+                });
+              }
+              if (size_y === 'auto') {
+                $dialog.dialog('widget').css({
+                  top:($(window).height() - $dialog.dialog('widget').height()) / 2
+                });
+              }
+              Alchemy.SelectBox('#alchemyOverlay select.alchemy_selectbox');
+              Alchemy.Datepicker('#alchemyOverlay input.date, #alchemyOverlay input[type="date"]');
+              Alchemy.ButtonObserver('#alchemyOverlay .button');
+            },
+            error:function (XMLHttpRequest, textStatus, errorThrown) {
+              Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
+            },
+            complete:function (jqXHR, textStatus) {
+              Alchemy.enableButton('.disabled.button');
+            }
+          });
+        },
+        beforeClose:function () {
+          $(".sb.open").triggerAll("close");
+        },
+        close:function () {
+          $dialog.remove();
+        }
+      });
+    },
 
-		closeCurrentWindow : function() {
-			if (Alchemy.CurrentWindow) {
-				Alchemy.CurrentWindow.dialog('close');
-				Alchemy.CurrentWindow = null;
-			} else {
-				$('#alchemyOverlay').dialog('close');
-			}
-			return true;
-		},
+    closeCurrentWindow:function () {
+      if (Alchemy.CurrentWindow) {
+        Alchemy.CurrentWindow.dialog('close');
+        Alchemy.CurrentWindow = null;
+      } else {
+        $('#alchemyOverlay').dialog('close');
+      }
+      return true;
+    },
 
-		zoomImage : function(url, title, width, height) {
-			var window_height = height;
-			var window_width = width;
-			var $doc_width = $(window).width();
-			var $doc_height = $(window).height();
-			if (width > $doc_width) {
-				window_width = $doc_width - 50;
-			}
-			if (height > $doc_height) {
-				window_height = $doc_height - 50;
-			}
-			var $dialog = $('<div style="display:none" id="alchemyOverlay"></div>');
-			$dialog.appendTo('body');
-			$dialog.html(Alchemy.getOverlaySpinner({x: width, y: height}));
-			$dialog.dialog({
-				modal: false, 
-				minWidth: window_width < 320 ? 320 : window_width, 
-				minHeight: window_height < 240 ? 240 : window_height,
-				title: title,
-				show: "fade",
-				hide: "fade",
-				open: function (event, ui) {
-					$.ajax({
-						url: url,
-						success: function(data, textStatus, XMLHttpRequest) {
-							$dialog.html(data);
-						},
-						error: function(XMLHttpRequest, textStatus, errorThrown) {
-							Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
-						}
-					});
-				},
-				close: function () {
-					$dialog.remove();
-				}
-			});
-			return false;
-		},
+    zoomImage:function (url, title, width, height) {
+      var window_height = height;
+      var window_width = width;
+      var $doc_width = $(window).width();
+      var $doc_height = $(window).height();
+      if (width > $doc_width) {
+        window_width = $doc_width - 50;
+      }
+      if (height > $doc_height) {
+        window_height = $doc_height - 50;
+      }
+      var $dialog = $('<div style="display:none" id="alchemyOverlay"></div>');
+      $dialog.appendTo('body');
+      $dialog.html(Alchemy.getOverlaySpinner({x:width, y:height}));
+      $dialog.dialog({
+        modal:false,
+        minWidth:window_width < 320 ? 320 : window_width,
+        minHeight:window_height < 240 ? 240 : window_height,
+        title:title,
+        show:"fade",
+        hide:"fade",
+        open:function (event, ui) {
+          $.ajax({
+            url:url,
+            success:function (data, textStatus, XMLHttpRequest) {
+              $dialog.html(data);
+            },
+            error:function (XMLHttpRequest, textStatus, errorThrown) {
+              Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
+            }
+          });
+        },
+        close:function () {
+          $dialog.remove();
+        }
+      });
+      return false;
+    },
 
-		openTrashWindow : function (page_id, title) {
-			var size_x = 380, size_y = 270;
-			if (size_x === 'fullscreen') {
-				size_x = $(window).width() - 50;
-				size_y = $(window).height() - 50;
-			}
-			var $dialog = $('<div style="display:none" id="alchemyTrashWindow"></div>');
-			$dialog.appendTo('body');
-			$dialog.html(Alchemy.getOverlaySpinner({x: size_x, y: size_y}));
-			
-			Alchemy.trashWindow = $dialog.dialog({
-				modal: false,
-				width: 380,
-				minHeight: 450,
-				maxHeight: $(window).height() - 50,
-				title: title,
-				resizable: false,
-				show: "fade",
-				hide: "fade",
-				open: function (event, ui) {
-					$.ajax({
-						url: Alchemy.routes.admin_trash_path(page_id),
-						success: function(data, textStatus, XMLHttpRequest) {
-							$dialog.html(data);
-							// Need this for DragnDrop elements into elements window.
-							// Badly this is screwing up maxHeight option
-							$dialog.css({overflow: 'visible'}).dialog('widget').css({overflow: 'visible'});
-						},
-						error: function(XMLHttpRequest, textStatus, errorThrown) {
-							Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
-						}
-					});
-				},
-				close: function () {
-					$dialog.remove();
-				}
-			});
-		},
-		
-		refreshTrashWindow: function(page_id) {
-			if ($('#alchemyTrashWindow').length > 0) {
-				$('#alchemyTrashWindow').html(Alchemy.getOverlaySpinner({x: 380, y: 270}));
-				$.get(Alchemy.routes.admin_trash_path(page_id), function(html) {
-					$('#alchemyTrashWindow').html(html);
-				});
-			}
-		}
+    openTrashWindow:function (page_id, title) {
+      var size_x = 380, size_y = 270;
+      if (size_x === 'fullscreen') {
+        size_x = $(window).width() - 50;
+        size_y = $(window).height() - 50;
+      }
+      var $dialog = $('<div style="display:none" id="alchemyTrashWindow"></div>');
+      $dialog.appendTo('body');
+      $dialog.html(Alchemy.getOverlaySpinner({x:size_x, y:size_y}));
 
-	});
+      Alchemy.trashWindow = $dialog.dialog({
+        modal:false,
+        width:380,
+        minHeight:450,
+        maxHeight:$(window).height() - 50,
+        title:title,
+        resizable:false,
+        show:"fade",
+        hide:"fade",
+        open:function (event, ui) {
+          $.ajax({
+            url:Alchemy.routes.admin_trash_path(page_id),
+            success:function (data, textStatus, XMLHttpRequest) {
+              $dialog.html(data);
+              // Need this for DragnDrop elements into elements window.
+              // Badly this is screwing up maxHeight option
+              $dialog.css({overflow:'visible'}).dialog('widget').css({overflow:'visible'});
+            },
+            error:function (XMLHttpRequest, textStatus, errorThrown) {
+              Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
+            }
+          });
+        },
+        close:function () {
+          $dialog.remove();
+        }
+      });
+    },
+
+    refreshTrashWindow:function (page_id) {
+      if ($('#alchemyTrashWindow').length > 0) {
+        $('#alchemyTrashWindow').html(Alchemy.getOverlaySpinner({x:380, y:270}));
+        $.get(Alchemy.routes.admin_trash_path(page_id), function (html) {
+          $('#alchemyTrashWindow').html(html);
+        });
+      }
+    }
+
+  });
 })(jQuery);