Remove usages of jquery and add sugar.js from garden-o-matic.

Tools/GardeningServer/scripts/pixelzoomer.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 45 matching lines @@
     }
     return null;
 }
 
 function zoomImageContainer(url)
 {
     var container = document.createElement('div');
     container.className = 'zoom-image-container';
 
     var title = url.match(/\-([^\-]*)\.png/)[1];
-    
+
     var label = document.createElement('div');
     label.className = 'label';
     label.appendChild(document.createTextNode(title));
     container.appendChild(label);
 
     var imageContainer = document.createElement('div');
     imageContainer.className = 'scaled-image-container';
 
     var image = new Image();
     image.src = url;
@@ skipping 53 matching lines @@
 {
     Array.prototype.forEach.call(document.querySelectorAll('.pixel-zoom-container .scaled-image-container'), draw);
 }
 
 function handleMouseOut(e)
 {
     if (e.relatedTarget && e.relatedTarget.tagName != 'IFRAME')
         return;
 
     // If e.relatedTarget is null, we've moused out of the document.
-    $('pixel-zoom-container').detach();
+    var container = document.querySelector('.pixel-zoom-container');
+    if (container)
+        container.remove();
 }
 
 function handleMouseMove(e)
 {
     if (pixelzoomer._mouseMoveTimeout)
         clearTimeout(pixelzoomer._mouseMoveTimeout);
 
     if (parentOfType(e.target, '.pixel-zoom-container'))
         return;
 
     var container = document.querySelector('.pixel-zoom-container');
 
     var resultContainer = (e.target.className == 'result-container') ?
         e.target : parentOfType(e.target, '.result-container');
     if (!resultContainer || !resultContainer.querySelector('img')) {
-        $(container).detach();
+        if (container)
+            container.remove();
         return;
     }
 
     var targetLocation = e.target.getBoundingClientRect();
     pixelzoomer._percentX = (e.clientX - targetLocation.left) / targetLocation.width;
     pixelzoomer._percentY = (e.clientY - targetLocation.top) / targetLocation.height;
 
     if (!container) {
         if (pixelzoomer.showOnDelay) {
             pixelzoomer._mouseMoveTimeout = setTimeout(function() {
@@ skipping 11 matching lines @@
 
 pixelzoomer.showOnDelay = true;
 
 pixelzoomer.installEventListeners = function()
 {
     document.addEventListener('mousemove', handleMouseMove, false);
     document.addEventListener('mouseout', handleMouseOut, false);
 };
 
 })();