Add Swipe to Drupal Views Slideshow and jQuery Cycle

gistfile1.js

Drupal.settings.isTouchDevice = function() {
	return "ontouchstart" in window;
}

if ( Drupal.settings.isTouchDevice() ) {
	Drupal.behaviors.jQueryMobileSlideShowTouchAdvance = {
		attach: function(context, settings) {
			self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
				jQuery.each(jQuery(".views_slideshow_cycle_main.viewsSlideshowCycle-processed"), function(idx, value) {
					value.addEventListener("touchstart", self.handleTouchStart);
					jQuery(value).addClass("views-slideshow-mobile-processed");
				})
				jQuery(self).bind("swipe", self.handleSwipe);
		},
		detach: function() { }, original: { x: 0, y: 0}, 
		changed: { x: 0, y: 0}, direction: { x: "", y: "" }, fired: false,
		handleTouchStart: function(evt) {
			self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
			if (evt.touches) {
				if (evt.targetTouches.length != 1) { return false; } // don't respond to gestures
				if (evt.touches.length) { evt.preventDefault(); evt.stopPropagation() }
				self.original = { x: evt.touches[0].clientX, y: evt.touches[0].clientY }
				self.target = jQuery(this).attr("id").replace("views_slideshow_cycle_main_", "");
				Drupal.viewsSlideshow.action({ "action": "pause", "slideshowID": self.target });
				evt.target.addEventListener("touchmove", self.handleTouchMove);
				evt.target.addEventListener("touchend", self.handleTouchEnd);
			}
		},
		handleTouchMove: function(evt) {
			self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
			self.changed = {
                   x: (evt.touches.length) ? evt.touches[0].clientX: evt.changedTouches[0].clientX,
                   y: (evt.touches.length) ? evt.touches[0].clientY: evt.changedTouches[0].clientY
               };
			h = parseInt(self.original.x - self.changed.x), v = parseInt(self.original.y - self.changed.y);
			if (h !== 0) { self.direction.x = (h < 0) ? "right":"left"; }
			if (v !== 0) { self.direction.y = (v < 0) ? "up": "down"; }
		        if ((h+v) != 0) {
				jQuery(self).trigger("swipe");
			}
		},
		handleTouchEnd: function(evt) {
			self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
			evt.target.removeEventListener("touchmove", self.handleTouchMove);
			evt.target.removeEventListener("touchend", self.handleTouchEnd);
			self.fired = false;
		},
		handleSwipe: function(evt) {
			self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
			if (evt != undefined && self.fired == false) {
				Drupal.viewsSlideshow.action({ "action":  (self.direction.x == "left")?"nextSlide":"previousSlide", "slideshowID": self.target });
				self.fired = true; //only fire advance once per touch
			}
		}
	}
}

Replace lines
self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;
by
var self = Drupal.behaviors.jQueryMobileSlideShowTouchAdvance;.
Overwise the global Variable self is changed which usually refers to the browser window, which may break other JavaScript code. In my case it broke JavaScript code from module ShareThis.

Works well, thanks!