From b7e2a9b40eaabd80e0c2249ad70bb8072aa0954f Mon Sep 17 00:00:00 2001
From: Tom Payne <twpayne@gmail.com>
Date: Tue, 7 May 2013 16:19:50 +0200
Subject: [PATCH] Add className option to ol.control.Zoom

---
 src/objectliterals.jsdoc      | 1 +
 src/ol/control/zoomcontrol.js | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/objectliterals.jsdoc b/src/objectliterals.jsdoc
index fa2369f390..25d1eb3a79 100644
--- a/src/objectliterals.jsdoc
+++ b/src/objectliterals.jsdoc
@@ -157,6 +157,7 @@
 
 /**
  * @typedef {Object} ol.control.ZoomOptions
+ * @property {string|undefined} className Class name.
  * @property {number|undefined} delta Delta.
  * @property {ol.Map|undefined} map Map.
  * @property {Element|undefined} target Target.
diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js
index c4a7422f01..89b5edc30a 100644
--- a/src/ol/control/zoomcontrol.js
+++ b/src/ol/control/zoomcontrol.js
@@ -28,9 +28,11 @@ ol.control.Zoom = function(opt_options) {
 
   var options = goog.isDef(opt_options) ? opt_options : {};
 
+  var className = goog.isDef(options.className) ? options.className : 'ol-zoom';
+
   var inElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomIn',
-    'class': 'ol-zoom-in'
+    'class': className + '-in'
   });
   goog.events.listen(inElement, [
     goog.events.EventType.TOUCHEND,
@@ -39,14 +41,14 @@ ol.control.Zoom = function(opt_options) {
 
   var outElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomOut',
-    'class': 'ol-zoom-out'
+    'class': className + '-out'
   });
   goog.events.listen(outElement, [
     goog.events.EventType.TOUCHEND,
     goog.events.EventType.CLICK
   ], this.handleOut_, false, this);
 
-  var cssClasses = 'ol-zoom ' + ol.css.CLASS_UNSELECTABLE;
+  var cssClasses = className + ' ' + ol.css.CLASS_UNSELECTABLE;
   var element = goog.dom.createDom(goog.dom.TagName.DIV, cssClasses, inElement,
       outElement);