From 3ee160348ddc408c7eba1e37272e5ab0814ac08e Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Thu, 15 Jan 2015 11:22:57 +0200
Subject: [PATCH 1/8] zoom: added zoomin & zoomout buttons

---
 example1/colorbox.css |  11 +--
 example1/index.html   |  20 ++---
 jquery.colorbox.js    | 193 +++++++++++++++++++++++++-----------------
 trace.txt             |   0
 4 files changed, 132 insertions(+), 92 deletions(-)
 create mode 100644 trace.txt

diff --git a/example1/colorbox.css b/example1/colorbox.css
index 8a4ff99..b4f7149 100644
--- a/example1/colorbox.css
+++ b/example1/colorbox.css
@@ -10,12 +10,12 @@
 #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
 #cboxTitle{margin:0;}
 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
-#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, #cboxZoomin, #cboxZoomout{cursor:pointer;}
 .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
 .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
 
-/* 
+/*
     User Style:
     Change the following styles to modify the appearance of Colorbox.  They are
     ordered & tabbed in a way that represents the nesting of the generated HTML.
@@ -40,8 +40,8 @@
         #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
 
         /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
-        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
-        
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, #cboxZoomin, #cboxZoomout {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+
         /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
         #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
 
@@ -51,7 +51,8 @@
         #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
         #cboxNext:hover{background-position:-50px -25px;}
         #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
-        #cboxClose:hover{background-position:-25px -25px;}
+        #cboxZoomin{position:absolute; bottom:0; right: 75px; font-weight: bold; font-size: 24px;}
+        #cboxZoomout{position:absolute; bottom:0; right: 50px; font-weight: bold; font-size: 24px;}
 
 /*
   The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
diff --git a/example1/index.html b/example1/index.html
index 8f10b93..abfcad0 100644
--- a/example1/index.html
+++ b/example1/index.html
@@ -14,7 +14,7 @@
 		<script>
 			$(document).ready(function(){
 				//Examples of how to assign the Colorbox event to elements
-				$(".group1").colorbox({rel:'group1'});
+				$(".group1").colorbox({zoom: true});
 				$(".group2").colorbox({rel:'group2', transition:"fade"});
 				$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
 				$(".group4").colorbox({rel:'group4', slideshow:true});
@@ -33,9 +33,9 @@
 
 				$('.non-retina').colorbox({rel:'group5', transition:'none'})
 				$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
-				
+
 				//Example of preserving a JavaScript event for inline calls.
-				$("#click").click(function(){ 
+				$("#click").click(function(){
 					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
 					return false;
 				});
@@ -48,32 +48,32 @@ <h2>Elastic Transition</h2>
 		<p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
 		<p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
 		<p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
-		
+
 		<h2>Fade Transition</h2>
 		<p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
 		<p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
 		<p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
-		
+
 		<h2>No Transition + fixed width and height (75% of screen size)</h2>
 		<p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
 		<p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
 		<p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
-		
+
 		<h2>Slideshow</h2>
 		<p><a class="group4"  href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
 		<p><a class="group4"  href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
 		<p><a class="group4"  href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
-		
+
 		<h2>Other Content Types</h2>
 		<p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
 		<p><a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
 		<p><a class='vimeo' href="http://player.vimeo.com/video/2285902" title="R&ouml;yksopp: Remind Me">Flash / Video (Iframe/Direct Link To Vimeo)</a></p>
 		<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p>
 		<p><a class='inline' href="#inline_content">Inline HTML</a></p>
-		
+
 		<h2>Demonstration of using callbacks</h2>
 		<p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
-		
+
 
 		<h2>Retina Images</h2>
 		<p><a class="retina" href="../content/daisy.jpg" title="Retina">Retina</a></p>
@@ -85,7 +85,7 @@ <h2>Retina Images</h2>
 			<p><strong>This content comes from a hidden element on this page.</strong></p>
 			<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
 			<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
-			
+
 			<p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p>
 			<p>Updating Content Example:<br />
 			<a class="ajax" href="../content/ajax.html">Click here to load new content</a></p>
diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index c034884..342653f 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -40,7 +40,8 @@
 		right: false,
 		fixed: false,
 		data: undefined,
-		closeButton: true,
+    closeButton: true,
+		zoom: true,
 		fastIframe: true,
 		open: false,
 		reposition: true,
@@ -64,6 +65,8 @@
 		close: "close",
 		xhrError: "This content failed to load.",
 		imgError: "This image failed to load.",
+    zoomin: "+",
+    zoomout: "-",
 
 		// accessbility
 		returnFocus: true,
@@ -92,7 +95,7 @@
 	colorbox = 'colorbox',
 	prefix = 'cbox',
 	boxElement = prefix + 'Element',
-	
+
 	// Events
 	event_open = prefix + '_open',
 	event_load = prefix + '_load',
@@ -120,10 +123,12 @@
 	$slideshow,
 	$next,
 	$prev,
-	$close,
+  $close,
+  $zoomin,
+	$zoomout,
 	$groupControls,
 	$events = $('<a/>'), // $({}) would be prefered, but there is an issue with jQuery 1.4.2
-	
+
 	// Variables for cached values or use across multiple functions
 	settings,
 	interfaceHeight,
@@ -145,7 +150,7 @@
 	// ****************
 	// HELPER FUNCTIONS
 	// ****************
-	
+
 	// Convenience function for creating new jQuery objects
 	function $tag(tag, id, css) {
 		var element = document.createElement(tag);
@@ -160,7 +165,7 @@
 
 		return $(element);
 	}
-	
+
 	// Get the window height using innerHeight when available to avoid an issue with iOS
 	// http://bugs.jquery.com/ticket/6724
 	function winheight() {
@@ -204,7 +209,7 @@
 		var
 		max = $related.length,
 		newIndex = (index + increment) % max;
-		
+
 		return (newIndex < 0) ? max + newIndex : newIndex;
 	}
 
@@ -212,7 +217,7 @@
 	function setSize(size, dimension) {
 		return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : winheight()) / 100) : 1) * parseInt(size, 10));
 	}
-	
+
 	// Checks an href to see if it is a photo.
 	// There is a force photo option (photo: true) for hrefs that cannot be matched by the regex.
 	function isImage(settings, url) {
@@ -239,7 +244,7 @@
 
 	function getRelated(rel) {
 		index = 0;
-		
+
 		if (rel && rel !== false && rel !== 'nofollow') {
 			$related = $('.' + boxElement).filter(function () {
 				var options = $.data(this, colorbox);
@@ -247,7 +252,7 @@
 				return (settings.get('rel') === rel);
 			});
 			index = $related.index(settings.el);
-			
+
 			// Check direct calls to Colorbox.
 			if (index === -1) {
 				$related = $related.add(settings.el);
@@ -297,7 +302,7 @@
 
 		function stop() {
 			clear();
-			
+
 			$events
 				.unbind(event_complete, set)
 				.unbind(event_load, clear);
@@ -354,17 +359,17 @@
 			options = $(element).data(colorbox);
 
 			settings = new Settings(element, options);
-			
+
 			getRelated(settings.get('rel'));
 
 			if (!open) {
 				open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
 
 				setClass(settings.get('className'));
-				
+
 				// Show colorbox so the sizes can be calculated in older versions of jQuery
 				$box.css({visibility:'hidden', display:'block', opacity:''});
-				
+
 				$loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden; visibility:hidden');
 				$content.css({width:'', height:''}).append($loaded);
 
@@ -392,14 +397,14 @@
 				$groupControls.add($title).hide();
 
 				$box.focus();
-				
+
 				if (settings.get('trapFocus')) {
 					// Confine focus to the modal
 					// Uses event capturing that is not supported in IE8-
 					if (document.addEventListener) {
 
 						document.addEventListener('focus', trapFocus, true);
-						
+
 						$events.one(event_closed, function () {
 							document.removeEventListener('focus', trapFocus, true);
 						});
@@ -420,13 +425,22 @@
 				cursor: settings.get('overlayClose') ? 'pointer' : '',
 				visibility: 'visible'
 			}).show();
-			
+
 			if (settings.get('closeButton')) {
 				$close.html(settings.get('close')).appendTo($content);
 			} else {
 				$close.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
 			}
 
+      if (settings.get('zoom')) {
+        $zoomin.html(settings.get('zoomin')).appendTo($content);
+        $zoomout.html(settings.get('zoomout')).appendTo($content);
+      } else {
+        $zoomin.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+        $zoomout.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+      }
+
+
 			load();
 		}
 	}
@@ -455,8 +469,10 @@
 				$loadingOverlay
 			);
 
-			$close = $('<button type="button"/>').attr({id:prefix+'Close'});
-			
+      $close = $('<button type="button"/>').attr({id:prefix+'Close'});
+      $zoomin = $('<button type="button"/>').attr({id:prefix+'Zoomin'});
+			$zoomout = $('<button type="button"/>').attr({id:prefix+'Zoomout'});
+
 			$wrap.append( // The 3x3 Grid that makes up Colorbox
 				$tag(div).append(
 					$tag(div, "TopLeft"),
@@ -474,9 +490,9 @@
 					$tag(div, "BottomRight")
 				)
 			).find('div div').css({'float': 'left'});
-			
+
 			$loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none; max-width:none;');
-			
+
 			$groupControls = $next.add($prev).add($current).add($slideshow);
 		}
 		if (document.body && !$box.parent().length) {
@@ -509,12 +525,18 @@
 				$close.click(function () {
 					publicMethod.close();
 				});
+        $zoomin.click(function () {
+          publicMethod.zoomin();
+        });
+        $zoomout.click(function () {
+          publicMethod.zoomout();
+        });
 				$overlay.click(function () {
 					if (settings.get('overlayClose')) {
 						publicMethod.close();
 					}
 				});
-				
+
 				// Key Bindings
 				$(document).bind('keydown.' + prefix, function (e) {
 					var key = e.keyCode;
@@ -562,7 +584,7 @@
 	// Usage format: $.colorbox.close();
 	// Usage from within an iframe: parent.jQuery.colorbox.close();
 	// ****************
-	
+
 	publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
 		var settings;
 		var $obj = this;
@@ -580,7 +602,7 @@
 		if (!$obj[0]) { // colorbox being applied to empty collection
 			return $obj;
 		}
-		
+
 		appendHTML();
 
 		if (addBindings()) {
@@ -595,12 +617,12 @@
 			}).addClass(boxElement);
 
 			settings = new Settings($obj[0], options);
-			
+
 			if (settings.get('open')) {
 				launch($obj[0]);
 			}
 		}
-		
+
 		return $obj;
 	};
 
@@ -612,7 +634,7 @@
 		offset = $box.offset(),
 		scrollTop,
 		scrollLeft;
-		
+
 		$window.unbind('resize.' + prefix);
 
 		// remove the modal so that it doesn't influence the document width/height
@@ -639,7 +661,7 @@
 		} else {
 			left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
 		}
-		
+
 		if (settings.get('bottom') !== false) {
 			top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.get('bottom'), 'y'), 0);
 		} else if (settings.get('top') !== false) {
@@ -649,12 +671,12 @@
 		}
 
 		$box.css({top: offset.top, left: offset.left, visibility:'visible'});
-		
+
 		// this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
 		// but it has to be shrank down around the size of div#colorbox when it's done.  If not,
 		// it can invoke an obscure IE bug when using iframes.
 		$wrap[0].style.width = $wrap[0].style.height = "9999px";
-		
+
 		function modalDimensions() {
 			$topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt($box[0].style.width,10) - interfaceWidth)+'px';
 			$content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt($box[0].style.height,10) - interfaceHeight)+'px';
@@ -684,13 +706,13 @@
 			duration: speed || 0,
 			complete: function () {
 				modalDimensions();
-				
+
 				active = false;
-				
+
 				// shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
 				$wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
 				$wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
-				
+
 				if (settings.get('reposition')) {
 					setTimeout(function () {  // small delay before binding onresize due to an IE8 bug.
 						$window.bind('resize.' + prefix, publicMethod.position);
@@ -707,10 +729,10 @@
 
 	publicMethod.resize = function (options) {
 		var scrolltop;
-		
+
 		if (open) {
 			options = options || {};
-			
+
 			if (options.width) {
 				settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
 			}
@@ -720,7 +742,7 @@
 			}
 
 			$loaded.css({width: settings.w});
-			
+
 			if (options.height) {
 				settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
 			}
@@ -740,7 +762,7 @@
 			if(scrolltop) {
 				$loaded.scrollTop(scrolltop);
 			}
-			
+
 			publicMethod.position(settings.get('transition') === "none" ? 0 : settings.get('speed'));
 		}
 	};
@@ -749,13 +771,13 @@
 		if (!open) {
 			return;
 		}
-		
+
 		var callback, speed = settings.get('transition') === "none" ? 0 : settings.get('speed');
 
 		$loaded.remove();
 
 		$loaded = $tag(div, 'LoadedContent').append(object);
-		
+
 		function getWidth() {
 			settings.w = settings.w || $loaded.width();
 			settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
@@ -766,17 +788,17 @@
 			settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
 			return settings.h;
 		}
-		
+
 		$loaded.hide()
 		.appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
 		.css({width: getWidth(), overflow: settings.get('scrolling') ? 'auto' : 'hidden'})
 		.css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
 		.prependTo($content);
-		
+
 		$loadingBay.hide();
-		
+
 		// floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
-		
+
 		$(photo).css({'float': 'none'});
 
 		setClass(settings.get('className'));
@@ -785,17 +807,17 @@
 			var total = $related.length,
 				iframe,
 				complete;
-			
+
 			if (!open) {
 				return;
 			}
-			
+
 			function removeFilter() { // Needed for IE8 in versions of jQuery prior to 1.7.2
 				if ($.support.opacity === false) {
 					$box[0].style.removeAttribute('filter');
 				}
 			}
-			
+
 			complete = function () {
 				clearTimeout(loadingTimer);
 				$loadingOverlay.hide();
@@ -803,20 +825,20 @@
 				settings.get('onComplete');
 			};
 
-			
+
 			$title.html(settings.get('title')).show();
 			$loaded.show();
-			
+
 			if (total > 1) { // handle grouping
 				if (typeof settings.get('current') === "string") {
 					$current.html(settings.get('current').replace('{current}', index + 1).replace('{total}', total)).show();
 				}
-				
+
 				$next[(settings.get('loop') || index < total - 1) ? "show" : "hide"]().html(settings.get('next'));
 				$prev[(settings.get('loop') || index) ? "show" : "hide"]().html(settings.get('previous'));
-				
+
 				slideshow();
-				
+
 				// Preloads images within a rel group
 				if (settings.get('preloading')) {
 					$.each([getIndex(-1), getIndex(1)], function(){
@@ -835,14 +857,14 @@
 			} else {
 				$groupControls.hide();
 			}
-			
+
 			if (settings.get('iframe')) {
 				iframe = document.createElement('iframe');
-				
+
 				if ('frameBorder' in iframe) {
 					iframe.frameBorder = 0;
 				}
-				
+
 				if ('allowTransparency' in iframe) {
 					iframe.allowTransparency = "true";
 				}
@@ -850,7 +872,7 @@
 				if (!settings.get('scrolling')) {
 					iframe.scrolling = "no";
 				}
-				
+
 				$(iframe)
 					.attr({
 						src: settings.get('href'),
@@ -860,7 +882,7 @@
 					})
 					.one('load', complete)
 					.appendTo($loaded);
-				
+
 				$events.one(event_purge, function () {
 					iframe.src = "//about:blank";
 				});
@@ -871,14 +893,14 @@
 			} else {
 				complete();
 			}
-			
+
 			if (settings.get('transition') === 'fade') {
 				$box.fadeTo(speed, 1, removeFilter);
 			} else {
 				removeFilter();
 			}
 		};
-		
+
 		if (settings.get('transition') === 'fade') {
 			$box.fadeTo(speed, 0, function () {
 				publicMethod.position(0, callback);
@@ -890,27 +912,27 @@
 
 	function load () {
 		var href, setResize, prep = publicMethod.prep, $inline, request = ++requests;
-		
+
 		active = true;
-		
+
 		photo = false;
-		
+
 		trigger(event_purge);
 		trigger(event_load);
 		settings.get('onLoad');
-		
+
 		settings.h = settings.get('height') ?
 				setSize(settings.get('height'), 'y') - loadedHeight - interfaceHeight :
 				settings.get('innerHeight') && setSize(settings.get('innerHeight'), 'y');
-		
+
 		settings.w = settings.get('width') ?
 				setSize(settings.get('width'), 'x') - loadedWidth - interfaceWidth :
 				settings.get('innerWidth') && setSize(settings.get('innerWidth'), 'x');
-		
+
 		// Sets the minimum dimensions for use in image scaling
 		settings.mw = settings.w;
 		settings.mh = settings.h;
-		
+
 		// Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
 		// If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
 		if (settings.get('maxWidth')) {
@@ -921,13 +943,13 @@
 			settings.mh = setSize(settings.get('maxHeight'), 'y') - loadedHeight - interfaceHeight;
 			settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
 		}
-		
+
 		href = settings.get('href');
-		
+
 		loadingTimer = setTimeout(function () {
 			$loadingOverlay.show();
 		}, 100);
-		
+
 		if (settings.get('inline')) {
 			var $target = $(href);
 			// Inserts an empty placeholder where inline content is being pulled from.
@@ -961,7 +983,7 @@
 					return;
 				}
 
-				// A small pause because some browsers will occassionaly report a 
+				// A small pause because some browsers will occassionaly report a
 				// img.width and img.height of zero immediately after the img.onload fires
 				setTimeout(function(){
 					var percent;
@@ -992,11 +1014,11 @@
 							setResize();
 						}
 					}
-					
+
 					if (settings.h) {
 						photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
 					}
-					
+
 					if ($related[1] && (settings.get('loop') || $related[index + 1])) {
 						photo.style.cursor = 'pointer';
 						photo.onclick = function () {
@@ -1009,7 +1031,7 @@
 					prep(photo);
 				}, 1);
 			});
-			
+
 			photo.src = href;
 
 		} else if (href) {
@@ -1020,7 +1042,7 @@
 			});
 		}
 	}
-		
+
 	// Navigates to the next page/image in a set.
 	publicMethod.next = function () {
 		if (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {
@@ -1028,7 +1050,7 @@
 			launch($related[index]);
 		}
 	};
-	
+
 	publicMethod.prev = function () {
 		if (!active && $related[1] && (settings.get('loop') || index)) {
 			index = getIndex(-1);
@@ -1039,20 +1061,20 @@
 	// Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();
 	publicMethod.close = function () {
 		if (open && !closing) {
-			
+
 			closing = true;
 			open = false;
 			trigger(event_cleanup);
 			settings.get('onCleanup');
 			$window.unbind('.' + prefix);
 			$overlay.fadeTo(settings.get('fadeOut') || 0, 0);
-			
+
 			$box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {
 				$box.hide();
 				$overlay.hide();
 				trigger(event_purge);
 				$loaded.remove();
-				
+
 				setTimeout(function () {
 					closing = false;
 					trigger(event_closed);
@@ -1062,6 +1084,23 @@
 		}
 	};
 
+  publicMethod.zoomin = function () {
+    $(photo).css({
+      'width': $(photo).width() * 2,
+      'height': 'auto',
+      'position': 'relative',
+      'left': 0,
+      'top': 0
+    });
+  };
+
+  publicMethod.zoomout = function () {
+    $(photo).css({
+      'width': $(photo).width() / 2,
+      'height': 'auto'
+    });
+  };
+
 	// Removes changes Colorbox made to the document, but does not remove the plugin.
 	publicMethod.remove = function () {
 		if (!$box) { return; }
diff --git a/trace.txt b/trace.txt
new file mode 100644
index 0000000..e69de29

From 9b89a0337dab59216ba4034a032c010bf63975f5 Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Thu, 15 Jan 2015 12:14:18 +0200
Subject: [PATCH 2/8] zoom: updated trace.txt

---
 jquery.colorbox.js |  2 +-
 trace.txt          | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index 342653f..93b43a9 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -603,7 +603,7 @@
 			return $obj;
 		}
 
-		appendHTML();
+
 
 		if (addBindings()) {
 
diff --git a/trace.txt b/trace.txt
index e69de29..46f896f 100644
--- a/trace.txt
+++ b/trace.txt
@@ -0,0 +1,14 @@
+$[colorbox]:
+{
+  appendHTML():
+  {
+
+  }
+  addBindings():
+  {
+    $obj.each():
+    {
+
+    }
+  }
+}
\ No newline at end of file

From e439c3d9e65da28968576fc0f661ac23b14aa88c Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Thu, 15 Jan 2015 15:14:27 +0200
Subject: [PATCH 3/8] zoom: added zoomin and zoomout behaviours

---
 jquery.colorbox.js | 48 ++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 42 insertions(+), 6 deletions(-)

diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index 93b43a9..65f7912 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -791,7 +791,10 @@
 
 		$loaded.hide()
 		.appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
-		.css({width: getWidth(), overflow: settings.get('scrolling') ? 'auto' : 'hidden'})
+		.css({
+      width: getWidth(),
+      overflow: settings.get('scrolling') && !settings.get('zoom') ? 'auto' : 'hidden'
+    })
 		.css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
 		.prependTo($content);
 
@@ -801,6 +804,15 @@
 
 		$(photo).css({'float': 'none'});
 
+    if (settings.get('zoom')) {
+      $(photo).css({
+        'height': 'auto',
+        'position': 'relative',
+        'left': 0,
+        'top': 0
+      })
+    }
+
 		setClass(settings.get('className'));
 
 		callback = function () {
@@ -1085,19 +1097,43 @@
 	};
 
   publicMethod.zoomin = function () {
+    var w = 0,
+        wb = false, // width boolean
+        hb = false; // height boolean
+
+    if ($(photo).width() >= $loaded.width()) {
+      w = $content.width();
+      wb = true;
+    }
+
+    if ($(photo).height() > $loaded.height()) {
+      hb = true;
+    }
+
     $(photo).css({
       'width': $(photo).width() * 2,
-      'height': 'auto',
-      'position': 'relative',
-      'left': 0,
-      'top': 0
+      'left': wb ? (parseInt($(photo).css('left')) * (-2) + w / 2) * (-1) : 0,
+      'top': hb ? (parseInt($(photo).css('top')) * (-2) + w / 2) * (-1) : 0
     });
   };
 
   publicMethod.zoomout = function () {
+    var w = 0,
+        wb = false, // width boolean
+        hb = false; // height boolean
+
+    if ($(photo).width() >= $loaded.width()) {
+      w = $content.width();
+      wb = true;
+    }
+
+    if ($(photo).height() > $loaded.height()) {
+      hb = true;
+    }
     $(photo).css({
       'width': $(photo).width() / 2,
-      'height': 'auto'
+      'left': wb ?  (parseInt($(photo).css('left')) / (-2) - w / 4) * (-1) : 0,
+      'top': hb ? (parseInt($(photo).css('top')) / (-2) - w / 4 ) * (-1) : 0
     });
   };
 

From ae0b02a749e0de868412e54a5c945c0388223eb0 Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Sat, 17 Jan 2015 22:22:40 +0200
Subject: [PATCH 4/8] Cobined funtctions zommin and zoomout into one function
 zoom

---
 example1/index.html |   2 +-
 jquery.colorbox.js  | 131 ++++++++++++++++++++------------------------
 2 files changed, 61 insertions(+), 72 deletions(-)

diff --git a/example1/index.html b/example1/index.html
index abfcad0..854230a 100644
--- a/example1/index.html
+++ b/example1/index.html
@@ -14,7 +14,7 @@
 		<script>
 			$(document).ready(function(){
 				//Examples of how to assign the Colorbox event to elements
-				$(".group1").colorbox({zoom: true});
+				$(".group1").colorbox({rel:'group1', zoom: true});
 				$(".group2").colorbox({rel:'group2', transition:"fade"});
 				$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
 				$(".group4").colorbox({rel:'group4', slideshow:true});
diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index e8e0880..4d4c9be 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -40,7 +40,7 @@
 		right: false,
 		fixed: false,
 		data: undefined,
-    closeButton: true,
+		closeButton: true,
 		zoom: true,
 		fastIframe: true,
 		open: false,
@@ -65,8 +65,8 @@
 		close: "close",
 		xhrError: "This content failed to load.",
 		imgError: "This image failed to load.",
-    zoomin: "+",
-    zoomout: "-",
+		zoomin: "+",
+		zoomout: "-",
 
 		// accessbility
 		returnFocus: true,
@@ -123,8 +123,8 @@
 	$slideshow,
 	$next,
 	$prev,
-  $close,
-  $zoomin,
+	$close,
+	$zoomin,
 	$zoomout,
 	$groupControls,
 	$events = $('<a/>'), // $({}) would be prefered, but there is an issue with jQuery 1.4.2
@@ -432,13 +432,13 @@
 				$close.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
 			}
 
-      if (settings.get('zoom')) {
-        $zoomin.html(settings.get('zoomin')).appendTo($content);
-        $zoomout.html(settings.get('zoomout')).appendTo($content);
-      } else {
-        $zoomin.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
-        $zoomout.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
-      }
+			if (settings.get('zoom')) {
+				$zoomin.html(settings.get('zoomin')).appendTo($content);
+				$zoomout.html(settings.get('zoomout')).appendTo($content);
+			} else {
+				$zoomin.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+				$zoomout.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+			}
 
 
 			load();
@@ -469,8 +469,8 @@
 				$loadingOverlay
 			);
 
-      $close = $('<button type="button"/>').attr({id:prefix+'Close'});
-      $zoomin = $('<button type="button"/>').attr({id:prefix+'Zoomin'});
+			$close = $('<button type="button"/>').attr({id:prefix+'Close'});
+			$zoomin = $('<button type="button"/>').attr({id:prefix+'Zoomin'});
 			$zoomout = $('<button type="button"/>').attr({id:prefix+'Zoomout'});
 
 			$wrap.append( // The 3x3 Grid that makes up Colorbox
@@ -525,12 +525,12 @@
 				$close.click(function () {
 					publicMethod.close();
 				});
-        $zoomin.click(function () {
-          publicMethod.zoomin();
-        });
-        $zoomout.click(function () {
-          publicMethod.zoomout();
-        });
+				$zoomin.click(function () {
+					publicMethod.zoom('in');
+				});
+				$zoomout.click(function () {
+					publicMethod.zoom('out');
+				});
 				$overlay.click(function () {
 					if (settings.get('overlayClose')) {
 						publicMethod.close();
@@ -789,9 +789,9 @@
 		$loaded.hide()
 		.appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
 		.css({
-      width: getWidth(),
-      overflow: settings.get('scrolling') && !settings.get('zoom') ? 'auto' : 'hidden'
-    })
+			width: getWidth(),
+			overflow: settings.get('scrolling') && !settings.get('zoom') ? 'auto' : 'hidden'
+		})
 		.css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
 		.prependTo($content);
 
@@ -801,14 +801,14 @@
 
 		$(photo).css({'float': 'none'});
 
-    if (settings.get('zoom')) {
-      $(photo).css({
-        'height': 'auto',
-        'position': 'relative',
-        'left': 0,
-        'top': 0
-      })
-    }
+		if (settings.get('zoom')) {
+			$(photo).css({
+				'height': 'auto',
+				'position': 'relative',
+				'left': 0,
+				'top': 0
+			})
+		}
 
 		setClass(settings.get('className'));
 
@@ -1093,46 +1093,35 @@
 		}
 	};
 
-  publicMethod.zoomin = function () {
-    var w = 0,
-        wb = false, // width boolean
-        hb = false; // height boolean
-
-    if ($(photo).width() >= $loaded.width()) {
-      w = $content.width();
-      wb = true;
-    }
-
-    if ($(photo).height() > $loaded.height()) {
-      hb = true;
-    }
-
-    $(photo).css({
-      'width': $(photo).width() * 2,
-      'left': wb ? (parseInt($(photo).css('left')) * (-2) + w / 2) * (-1) : 0,
-      'top': hb ? (parseInt($(photo).css('top')) * (-2) + w / 2) * (-1) : 0
-    });
-  };
-
-  publicMethod.zoomout = function () {
-    var w = 0,
-        wb = false, // width boolean
-        hb = false; // height boolean
-
-    if ($(photo).width() >= $loaded.width()) {
-      w = $content.width();
-      wb = true;
-    }
-
-    if ($(photo).height() > $loaded.height()) {
-      hb = true;
-    }
-    $(photo).css({
-      'width': $(photo).width() / 2,
-      'left': wb ?  (parseInt($(photo).css('left')) / (-2) - w / 4) * (-1) : 0,
-      'top': hb ? (parseInt($(photo).css('top')) / (-2) - w / 4 ) * (-1) : 0
-    });
-  };
+	// Zoom picture 'in' or 'out'
+	publicMethod.zoom = function (type) {
+		var w = 0,
+				wb = false, // width boolean
+				hb = false; // height boolean
+
+		if ($(photo).width() >= $loaded.width()) {
+			w = $content.width();
+			wb = true;
+		}
+
+		if ($(photo).height() > $loaded.height()) {
+			hb = true;
+		}
+
+		if (type === 'in') {
+			$(photo).css({
+				'width': $(photo).width() * 2,
+				'left': wb ? (parseInt($(photo).css('left')) * (-2) + w / 2) * (-1) : 0,
+				'top': hb ? (parseInt($(photo).css('top')) * (-2) + w / 2) * (-1) : 0
+			});
+		} else if (type === 'out') {
+			$(photo).css({
+				'width': $(photo).width() / 2,
+				'left': wb ?  (parseInt($(photo).css('left')) / (-2) - w / 4) * (-1) : 0,
+				'top': hb ? (parseInt($(photo).css('top')) / (-2) - w / 4 ) * (-1) : 0
+			});
+		}
+	};
 
 	// Removes changes Colorbox made to the document, but does not remove the plugin.
 	publicMethod.remove = function () {

From a0b3c37a5bb1fcb94961c7b79cb2732cd59f58a4 Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Sat, 17 Jan 2015 23:02:38 +0200
Subject: [PATCH 5/8] Optimized and corrected function "zoom"

---
 jquery.colorbox.js | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index 4d4c9be..58b398b 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -806,7 +806,8 @@
 				'height': 'auto',
 				'position': 'relative',
 				'left': 0,
-				'top': 0
+				'top': 0,
+				'display': 'inline'
 			})
 		}
 
@@ -1095,30 +1096,20 @@
 
 	// Zoom picture 'in' or 'out'
 	publicMethod.zoom = function (type) {
-		var w = 0,
-				wb = false, // width boolean
-				hb = false; // height boolean
-
-		if ($(photo).width() >= $loaded.width()) {
-			w = $content.width();
-			wb = true;
-		}
-
-		if ($(photo).height() > $loaded.height()) {
-			hb = true;
-		}
+		var	w = $loaded.width();
+				h = $loaded.height();
 
 		if (type === 'in') {
 			$(photo).css({
 				'width': $(photo).width() * 2,
-				'left': wb ? (parseInt($(photo).css('left')) * (-2) + w / 2) * (-1) : 0,
-				'top': hb ? (parseInt($(photo).css('top')) * (-2) + w / 2) * (-1) : 0
+				'left': (parseInt($(photo).css('left')) * (-2) + w / 2) * (-1),
+				'top': (parseInt($(photo).css('top')) * (-2) + h / 2) * (-1)
 			});
 		} else if (type === 'out') {
 			$(photo).css({
 				'width': $(photo).width() / 2,
-				'left': wb ?  (parseInt($(photo).css('left')) / (-2) - w / 4) * (-1) : 0,
-				'top': hb ? (parseInt($(photo).css('top')) / (-2) - w / 4 ) * (-1) : 0
+				'left': (parseInt($(photo).css('left')) / (-2) - w / 4) * (-1),
+				'top': (parseInt($(photo).css('top')) / (-2) - h / 4 ) * (-1)
 			});
 		}
 	};

From b882db687946c9226e6234c9cee0b94b197ab118 Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Sat, 17 Jan 2015 23:45:15 +0200
Subject: [PATCH 6/8] Added draggable behavior for picture

---
 jquery.colorbox.js | 38 +++++++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/jquery.colorbox.js b/jquery.colorbox.js
index 58b398b..c7ee95e 100644
--- a/jquery.colorbox.js
+++ b/jquery.colorbox.js
@@ -41,7 +41,7 @@
 		fixed: false,
 		data: undefined,
 		closeButton: true,
-		zoom: true,
+		zoom: false,
 		fastIframe: true,
 		open: false,
 		reposition: true,
@@ -808,7 +808,39 @@
 				'left': 0,
 				'top': 0,
 				'display': 'inline'
-			})
+			});
+
+     // Draggable variables
+      var drag = false,
+          xPos0 = 0,
+          yPos0 = 0;
+
+      // Draggable event on MouseDown
+      $loaded.mousedown(function(e){
+        drag = true;
+        xPos0 = e.pageX;
+        yPos0 = e.pageY;
+      });
+
+      // Draggable event on MouseUp
+      $(document).mouseup(function(e){
+        drag = false;
+      });
+
+      // Draggable event on MouseMove
+      $loaded.mousemove(function(e){
+        if (!drag) return false;
+        e.preventDefault();
+
+        var left = e.pageX - xPos0,
+          top = e.pageY - yPos0;
+
+        xPos0 = e.pageX;
+        yPos0 = e.pageY;
+
+        $(photo).css('left', parseInt($(photo).css('left')) + left + 'px');
+        $(photo).css('top', parseInt($(photo).css('top')) +  top + 'px');
+      });
 		}
 
 		setClass(settings.get('className'));
@@ -1029,7 +1061,7 @@
 						photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
 					}
 
-					if ($related[1] && (settings.get('loop') || $related[index + 1])) {
+					if ($related[1] && (settings.get('loop') || $related[index + 1]) && !settings.get('zoom')) {
 						photo.style.cursor = 'pointer';
 						photo.onclick = function () {
 							publicMethod.next();

From 04ab555d64fb5ed32ec7e92d668bdfe2ee27cf2e Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Sat, 17 Jan 2015 23:46:04 +0200
Subject: [PATCH 7/8] Deleted trace.txt

---
 trace.txt | 14 --------------
 1 file changed, 14 deletions(-)
 delete mode 100644 trace.txt

diff --git a/trace.txt b/trace.txt
deleted file mode 100644
index 46f896f..0000000
--- a/trace.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-$[colorbox]:
-{
-  appendHTML():
-  {
-
-  }
-  addBindings():
-  {
-    $obj.each():
-    {
-
-    }
-  }
-}
\ No newline at end of file

From 5c3615e85c6ea1851ff9b81b61965acb3ec93963 Mon Sep 17 00:00:00 2001
From: alexeiTruhin <alexei.truhin@gmail.com>
Date: Mon, 26 Jan 2015 10:19:27 +0200
Subject: [PATCH 8/8] zoom: updated colorbox.css and controls.png for example1

---
 example1/colorbox.css        |  14 ++++++++------
 example1/images/controls.png | Bin 1261 -> 5688 bytes
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/example1/colorbox.css b/example1/colorbox.css
index b4f7149..db9bbd8 100644
--- a/example1/colorbox.css
+++ b/example1/colorbox.css
@@ -22,10 +22,10 @@
 */
 #cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
 #colorbox{outline:0;}
-    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
-    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
-    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
-    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
+    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -151px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -180px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -151px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -180px -29px;}
     #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
     #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
     #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
@@ -51,8 +51,10 @@
         #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
         #cboxNext:hover{background-position:-50px -25px;}
         #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
-        #cboxZoomin{position:absolute; bottom:0; right: 75px; font-weight: bold; font-size: 24px;}
-        #cboxZoomout{position:absolute; bottom:0; right: 50px; font-weight: bold; font-size: 24px;}
+        #cboxZoomin{position:absolute; bottom:0; right: 59px; background:url(images/controls.png) no-repeat -125px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxZoomin:hover{background-position:-125px -25px}
+        #cboxZoomout{position:absolute; bottom:0; right: 32px; background:url(images/controls.png) no-repeat -100px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxZoomout:hover{background-position:-100px -25px}
 
 /*
   The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
diff --git a/example1/images/controls.png b/example1/images/controls.png
index 1ec3cb1c81a0c1c92803cd61b7a1e72f375008a0..1551b11ebcc034802555c25aa13a007367c36d06 100644
GIT binary patch
literal 5688
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
T)OFmSf4SP~2G|l+T*!X`O^i5*

literal 1261
zcmV<J1QPp+P)<h;3K|Lk000e1NJLTq006K6001%w0{{R3%Mqc!0002SP)t-s00030
z|Nj6000000000000000000000W@cv0%*?g5wcg&|;^X7Y%*^la@8;&_Dolm{|Nl}_
zQl+J)^7QuB*4Ao)sDy-sUU#8cSy{cky~M@EW@cuYnVIP8@U5+_kfFZ!_xIP`=j7<`
zd5^M0Vw8Azc#4XOv%b=7gR3@Gi^k5~;N|SKwY7ALuCKe%tGCXfu*hP2q|Mafa&mHq
znz~wZpP8t`eUY<*m9|c4m@-m{QEi)woV!+VojO^KyvEmtnYdLY<@Epn01I?dPE&{g
zGgWs05oVd)%xJ_tZU6uS%Sl8*RCr$Pnum_tI1q;2vTaz^<=V^k^j_}X|D{4|sZbI{
zV<jgv?vQ~20s1hD57c5z{dA{X{Et*OuU>!9IZ%Us??qm^+iYkrydaAP!aZ$kckUf6
zOhYUyq^*D!K0EI`tIp4k5+=e3QA&}JAQb?V5=ub>TSw+Q=sdFqXGaJF4yS>9?2BL;
zVkiP23J@p)RO&z(u=v`ITMGk5di4mxPyoR%5NKd@ASHa>X;9~Fg^AMAV&oTC6u?3O
zTZb4AokrDbDU3r>x<Nv$08{{AdxsPrG!q`Q6Q-Do3mOg)=cD0B-O0dI359Asr#YYs
zK=E&g1#VcqR>EPnT)`xs1fw_(vnL*EAZs{5oY#Pv&$$NOepBIoD`EAIisJZw7tbVE
z0M>v4z%1T@0XXsF35d!;chFRLaEve)%PST+14XZ4ENhz%3xG<1c28iNgKnpBwG>uE
zV7E<2yd=z(@Y~e$y!$es(sw)dJomzCy81#YB}!O>**NuNO{xHo#{!&0c#&Pi8m8V>
z{i|w#ec#`D>Cgbe*c%IYp953);*uBY^5XXhhuPF8Qg-BdGc^oykd>c`8zz9aTRkOe
zgs*s|t_<P!b9m(YRL&{CIERt)8L7F8Ds!0lr8#W#wHvqmro*JVb+ZEdH=QAT!E5T`
zcL);<rJVstPX&r%L<6(K6uztzzC2P`Zz79Y&<=F%t77vyVn0ktw!0;?vLD7s0faHw
zI~)shf`txH0C6QI01fON?S<XH(>V}s|8i`0xD-CV{<p$^g$ZC;K&*Mm;STp>Ed)v_
zgopAHYlm}TT8c%eHDR%KI2NX*SOhS&CM?zthr(to0`|Pb1nxIK_8`R$+;1<<Am!zJ
ze#?Uo^Z7KtlV2pflb1T+dIPUxk-I2*n7)jnSH-*}f9~^#WnGXG{2MucMbf#%K8iky
zPf*QEZuk4W0RNal%AL5qTrS_ZehJN=?>vg4*DE8Jm`AeS|5)cB@3?)C;Pr-`DoB||
z$!5(>;Y^n?c3lQ<lrCeZ3R2cL!fI&*DW5)XzA#Z=S7i`<`@XqhvQ8AFykcx4K0!4v
zd6y)K5W6-2Uklkpl*=$s$0AF{ZdTWft?Po6guUb31doilj$8FqT_?#S55#({YR2vL
zWBnXn-Z%)fn|#w@1p-@;vO2|)0jEYRLalj;wZrA142Pmva40Xab~ros(y_>sKtRI-
zd5N{d<-wwQ#yA8-5ri01YhGgQaC&sB1+sd6kb+bPa(p<hix6VXOROCZetz(u_<_ey
XoF8c&IbO6n00000NkvXXu0mjfy>C%s