From 5987a5ff7aadc72caba53795a639e031b65f0939 Mon Sep 17 00:00:00 2001
From: object505 <pbeluent@gmail.com>
Date: Sat, 9 May 2015 20:18:42 +0200
Subject: [PATCH] Update v1.0.5

---
 README.md         |  38 ++++----
 bower.json        |   2 +-
 demo/index.html   |  35 ++++++-
 package.json      |   2 +-
 src/tipso.js      | 244 +++++++++++++++++++++++++++++-----------------
 src/tipso.min.js  |   4 +-
 tipso.jquery.json |   2 +-
 7 files changed, 211 insertions(+), 116 deletions(-)

diff --git a/README.md b/README.md
index 2483934..668d1a5 100644
--- a/README.md
+++ b/README.md
@@ -40,24 +40,26 @@ To use css3 animation effects please include [Animate.css](http://daneden.github
 
 ##Usage
 
-| Name           | Default      | Description                                                                                         |
-|----------------|--------------|-----------------------------------------------------------------------------------------------------|
-| speed          | 400          | integer - Duration of the fade effect in ms                                                         |
-| background     | '#55b555'    | Background color of the tooltip, it can be hex, rgb, rgba, color name                               |
-| color          | '#ffffff'    | Text color of the tooltip, it can be hex, rgb, rgba, color name                                     |
-| position       | 'top'        | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right'               |
-| width          | 200          | Width of the tooltip in px                                                                          |
-| delay          | 200          | Delay before showing the tooltip in ms                                                              |
-| animationIn    | ''           | CSS3 animation effect to show the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
-| animationOut   | ''           | CSS3 animation effect to hide the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
-| offsetX        | 0            | Offset value of the tooltip on X axis                                                               |
-| offsetY        | 0            | Offset value of the tooltip on Y axis                                                               |
-| content        | null         | The content of the tooltip, can be text, html or whatever you want                                  |
-| ajaxContentUrl | null         | Url for Ajax content                                                                                |
-| useTitle       | true         | To use the default title attribute as content (true,false)                                          |
-| onBeforeShow   | function(){} | Function to be executed before tipso is shown                                                       |
-| onShow         | function(){} | Function to be executed after tipso is shown                                                        |
-| onHide         | function(){} | Function to be executed after tipso is hidden                                                       |
+| Name           | Default      | Description                                                                                                                        |
+|----------------|--------------|------------------------------------------------------------------------------------------------------------------------------------|
+| speed          | 400          | integer - Duration of the fade effect in ms                                                                                        |
+| background     | '#55b555'    | Background color of the tooltip, it can be hex, rgb, rgba, color name                                                              |
+| color          | '#ffffff'    | Text color of the tooltip, it can be hex, rgb, rgba, color name                                                                    |
+| position       | 'top'        | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right'                                              |
+| width          | 200          | Width of the tooltip in px or % (for % add the value in quotes ex.'50%')                                                           |
+| maxWidth       | ''           | max-width of the tooltip in px or % (for % add the value in quotes ex.'50%'). For usage you need to set width to '', false or null |
+| delay          | 200          | Delay before showing the tooltip in ms                                                                                             |
+| animationIn    | ''           | CSS3 animation effect to show the tooltip using [Animate.css](http://daneden.github.io/animate.css)                                |
+| animationOut   | ''           | CSS3 animation effect to hide the tooltip using [Animate.css](http://daneden.github.io/animate.css)                                |
+| offsetX        | 0            | Offset value of the tooltip on X axis                                                                                              |
+| offsetY        | 0            | Offset value of the tooltip on Y axis                                                                                              |
+| tooltipHover   | false        | Abillity to interact with the tooltip content                                                                                      |
+| content        | null         | The content of the tooltip, can be text, html or whatever you want                                                                 |
+| ajaxContentUrl | null         | Url for Ajax content                                                                                                               |
+| useTitle       | true         | To use the default title attribute as content (true,false)                                                                         |
+| onBeforeShow   | function(){} | Function to be executed before tipso is shown                                                                                      |
+| onShow         | function(){} | Function to be executed after tipso is shown                                                                                       |
+| onHide         | function(){} | Function to be executed after tipso is hidden                                                                                      |
 
 > Additionaly you can use `data-tipso` instead of the title attribute for the tooltip content ( set `useTitle: false` )
 
diff --git a/bower.json b/bower.json
index ba87a36..56b25b0 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "tipso",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A Lightweight Responsive jQuery Tooltip Plugin",
   "main": ["src/tipso.min.js", "src/tipso.css"],
   "keywords": [
diff --git a/demo/index.html b/demo/index.html
index 5d7b312..263673b 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -10,7 +10,7 @@
 	<link rel="stylesheet" href="../src/tipso.css">
 	<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-	<script src="../src/tipso.js"></script>
+	<script src="../src/tipso.min.js"></script>
 
 	<!--[if lt IE 9]>
 		<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -38,7 +38,21 @@
 				position: 'top',
 				background: '#F62459',
 				useTitle: false,
+				width: '',
+				maxWidth: 300
 			});
+			jQuery('.hover-tipso-tooltip').tipso({
+				position: 'top',
+				background: '#000',
+				useTitle: false,
+				width: false,
+				maxWidth: 300,
+				tooltipHover: true,
+				content: function(){
+					return 'You can <a href="javascript:;">CLICK ME</a> now!';
+				}
+			});
+
 			// Use Title For Tipso Content
 			jQuery('.title-tipso').tipso();
 			// Tipso for Image
@@ -197,11 +211,13 @@ <h3>Defaults</h3>
     color           : '#ffffff',
     position        : 'top',
     width           : 200,
+    maxWidth        : '',
     delay           : 200,
     animationIn     : 'fadeIn',
     animationOut    : 'fadeOut',
     offsetX         : 0,
     offsetY         : 0,
+    tooltipHover    : false,
     content         : null,
     ajaxContentUrl  : null,
     useTitle        : true,
@@ -481,6 +497,23 @@ <h4>Tipso CSS3 Animation</h4>
 				</div>
 			</div>
 
+			<div class="row demo-section">
+				<div class="c6">
+					<h4>Interact with tipso tooltip</h4>
+					<p>Some tooltip <span class="hover-tipso-tooltip" data-tipso="This is a manual TIPSO!">content</span> you can interact with</p>
+				</div>
+
+				<div class="c6">
+					<pre><span>Code Example</span>
+<code>
+jQuery('.hover-tipso-tooltip').tipso({
+    tooltipHover: true
+});
+</code>
+</pre>
+				</div>
+			</div>
+
 			<div class="row demo-section">
 				<div class="c6">
 					<h4>Click to show/hide tipso</h4>
diff --git a/package.json b/package.json
index a497f4b..36366bc 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "mobile",
     "lightweight"
   ],
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": "Bojan Petkovski (http://object505.com/)",
   "licenses": [
     {
diff --git a/src/tipso.js b/src/tipso.js
index 0ad2074..0fec58d 100644
--- a/src/tipso.js
+++ b/src/tipso.js
@@ -1,5 +1,5 @@
 /*!
- * tipso - A Lightweight Responsive jQuery Tooltip Plugin v1.0.4
+ * tipso - A Lightweight Responsive jQuery Tooltip Plugin v1.0.5
  * Copyright (c) 2014-2015 Bojan Petkovski
  * http://tipso.object505.com
  * Licensed under the MIT license
@@ -13,11 +13,13 @@
       color           : '#ffffff',
       position        : 'top',
       width           : 200,
+      maxWidth        : '',
       delay           : 200,
       animationIn     : '',
       animationOut    : '',
       offsetX         : 0,
       offsetY         : 0,
+      tooltipHover    : false,
       content         : null,
       ajaxContentUrl  : null,
       useTitle        : true,
@@ -55,12 +57,42 @@
           }
         });
       } else {
-        $e.on('mouseover' + '.' + pluginName, function() {
-          obj.show();
-        });
-        $e.on('mouseout' + '.' + pluginName, function() {
-          obj.hide();
-        });
+        if (obj.settings.tooltipHover) {
+          var waitForHover = null,
+              hoverHelper = null;
+          $e.on('mouseover' + '.' + pluginName, function() {
+            clearTimeout(waitForHover);
+            clearTimeout(hoverHelper);
+            hoverHelper = setTimeout(function(){
+              obj.show();
+            }, 150);            
+          });
+          $e.on('mouseout' + '.' + pluginName, function() {            
+            clearTimeout(waitForHover);
+            clearTimeout(hoverHelper);
+            waitForHover = setTimeout(function(){              
+              obj.hide(); 
+            }, 200);     
+
+            $(obj.tooltip()).on('mouseover' + '.' + pluginName, function() {
+              obj.mode = 'tooltipHover';
+            });  
+            $(obj.tooltip()).on('mouseout' + '.' + pluginName, function() {
+              obj.mode = 'show';
+              clearTimeout(waitForHover);
+              waitForHover = setTimeout(function(){              
+                obj.hide();
+              }, 200);
+            });       
+          });
+        } else {
+          $e.on('mouseover' + '.' + pluginName, function() {
+            obj.show();
+          });
+          $e.on('mouseout' + '.' + pluginName, function() {
+            obj.hide();
+          });
+        }
       }
     },
     tooltip: function() {
@@ -75,73 +107,93 @@
       var tipso_bubble = this.tooltip(),
         obj = this,
         $win = $(window);
-      if ($.isFunction(obj.settings.onBeforeShow)) {
-        obj.settings.onBeforeShow($(this));
-      }
-      tipso_bubble.css({
-        background: obj.settings.background,
-        color: obj.settings.color,
-        width: obj.settings.width
-      }).hide();
-      tipso_bubble.find('.tipso_content').html(obj.content());
-      reposition(obj);
-      $win.resize(function() {
-        reposition(obj);
-      });
-      obj.timeout = window.setTimeout(function() {
-        if (obj.ieFade || obj.settings.animationIn === '' || obj.settings.animationOut === ''){
-          tipso_bubble.appendTo('body').stop(true, true).fadeIn(obj.settings
-          .speed, function() {
-            obj.mode = 'show';
-            if ($.isFunction(obj.settings.onShow)) {
-              obj.settings.onShow($(this));
-            }
-          });
+
+      if (obj.mode == 'hide') {
+        if ($.isFunction(obj.settings.onBeforeShow)) {
+          obj.settings.onBeforeShow($(this));
+        }
+        if (obj.settings.width){
+          tipso_bubble.css({
+            background: obj.settings.background,
+            color: obj.settings.color,       
+            width: obj.settings.width
+          }).hide();
+        } else if (obj.settings.maxWidth){
+          tipso_bubble.css({
+            background: obj.settings.background,
+            color: obj.settings.color,       
+            maxWidth: obj.settings.maxWidth
+          }).hide();
         } else {
-          tipso_bubble.remove().appendTo('body')
-          .stop(true, true)
-          .removeClass('animated ' + obj.settings.animationOut)
-          .addClass('noAnimation')
-          .removeClass('noAnimation')
-          .addClass('animated ' + obj.settings.animationIn).fadeIn(obj.settings.speed, function() {
-            $(this).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
-              $(this).removeClass('animated ' + obj.settings.animationIn);
-            });
-            obj.mode = 'show';
-            if ($.isFunction(obj.settings.onShow)) {
-              obj.settings.onShow($(this));
-            }
-          });
+          tipso_bubble.css({
+            background: obj.settings.background,
+            color: obj.settings.color,       
+            width: 200
+          }).hide();
         }
-      }, obj.settings.delay);
+        tipso_bubble.find('.tipso_content').html(obj.content());
+        reposition(obj);
+        $win.resize(function() {
+          reposition(obj);
+        });
+        obj.timeout = window.setTimeout(function() {
+          if (obj.ieFade || obj.settings.animationIn === '' || obj.settings.animationOut === ''){
+            tipso_bubble.appendTo('body').stop(true, true).fadeIn(obj.settings
+            .speed, function() {
+              obj.mode = 'show';
+              if ($.isFunction(obj.settings.onShow)) {
+                obj.settings.onShow($(this));
+              }
+            });
+          } else {
+            tipso_bubble.remove().appendTo('body')
+            .stop(true, true)
+            .removeClass('animated ' + obj.settings.animationOut)
+            .addClass('noAnimation')
+            .removeClass('noAnimation')
+            .addClass('animated ' + obj.settings.animationIn).fadeIn(obj.settings.speed, function() {
+              $(this).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
+                $(this).removeClass('animated ' + obj.settings.animationIn);
+              });
+              obj.mode = 'show';
+              if ($.isFunction(obj.settings.onShow)) {
+                obj.settings.onShow($(this));
+              }
+            });
+          }
+        }, obj.settings.delay);
+      }
     },
     hide: function() {
       var obj = this,
         tipso_bubble = this.tooltip();
+
       window.clearTimeout(obj.timeout);
       obj.timeout = null;
-      if (obj.ieFade || obj.settings.animationIn === '' || obj.settings.animationOut === ''){
-        tipso_bubble.stop(true, true).fadeOut(obj.settings.speed,
-        function() {
-          $(this).remove();
-          if ($.isFunction(obj.settings.onHide) && obj.mode == 'show') {
-            obj.settings.onHide($(this));
-          }
-          obj.mode = 'hide';
-        });
-      } else {
-        tipso_bubble.stop(true, true)
-        .removeClass('animated ' + obj.settings.animationIn)
-        .addClass('noAnimation').removeClass('noAnimation')
-        .addClass('animated ' + obj.settings.animationOut)
-        .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){          
-          $(this).removeClass('animated ' + obj.settings.animationOut).remove();          
-          if ($.isFunction(obj.settings.onHide) && obj.mode == 'show') {
-            obj.settings.onHide($(this));
-          }
-          obj.mode = 'hide';
-        });
-      }
+      if (obj.mode != 'tooltipHover') {  
+        if (obj.ieFade || obj.settings.animationIn === '' || obj.settings.animationOut === ''){
+          tipso_bubble.stop(true, true).fadeOut(obj.settings.speed,
+          function() {
+            $(this).remove();
+            if ($.isFunction(obj.settings.onHide) && obj.mode == 'show') {
+              obj.settings.onHide($(this));
+            }
+            obj.mode = 'hide';
+          });
+        } else {
+          tipso_bubble.stop(true, true)
+          .removeClass('animated ' + obj.settings.animationIn)
+          .addClass('noAnimation').removeClass('noAnimation')
+          .addClass('animated ' + obj.settings.animationOut)
+          .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){          
+            $(this).removeClass('animated ' + obj.settings.animationOut).remove();          
+            if ($.isFunction(obj.settings.onHide) && obj.mode == 'show') {
+              obj.settings.onHide($(this));
+            }
+            obj.mode = 'hide';
+          });
+        }
+      }      
     },
     destroy: function() {
       var $e = this.element;
@@ -196,8 +248,12 @@
     clone.css("visibility", "hidden");
     $('body').append(clone);
     var height = clone.outerHeight();
+    var width = clone.outerWidth();
     clone.remove();
-    return height;
+    return {
+      'width' : width,
+      'height' : height
+    };
   }
 
   var supportsTransitions = (function() {
@@ -223,24 +279,28 @@
       }
     switch (obj.settings.position) {
       case 'top':
-        pos_left = $e.offset().left + ($e.outerWidth() / 2) - (tipso_bubble
-          .outerWidth() / 2);
-        pos_top = $e.offset().top - realHeight(tipso_bubble) - arrow;
+        pos_left = $e.offset().left + ($e.outerWidth() / 2) - (realHeight(tipso_bubble).width / 2);
+        pos_top = $e.offset().top - realHeight(tipso_bubble).height - arrow;
         tipso_bubble.find('.tipso_arrow').css({
-          marginLeft: -8
+          marginLeft: -8,
+          marginTop: ''
         });
         if (pos_top < $win.scrollTop()) {
           pos_top = $e.offset().top + $e.outerHeight() + arrow;
           tipso_bubble.find('.tipso_arrow').css({
             'border-bottom-color': obj.settings.background,
-            'border-top-color': 'transparent'
+            'border-top-color': 'transparent',
+            'border-left-color': 'transparent',
+            'border-right-color': 'transparent'
           });
           tipso_bubble.removeClass('top bottom left right');
           tipso_bubble.addClass('bottom');
         } else {
           tipso_bubble.find('.tipso_arrow').css({
             'border-top-color': obj.settings.background,
-            'border-bottom-color': 'transparent'
+            'border-bottom-color': 'transparent',
+            'border-left-color': 'transparent',
+            'border-right-color': 'transparent'
           });
           tipso_bubble.removeClass('top bottom left right');
           tipso_bubble.addClass('top');
@@ -251,29 +311,33 @@
           .outerWidth() / 2);
         pos_top = $e.offset().top + $e.outerHeight() + arrow;
         tipso_bubble.find('.tipso_arrow').css({
-          marginLeft: -8
+          marginLeft: -8,
+          marginTop: ''
         });
-        if (pos_top + realHeight(tipso_bubble) > $win.scrollTop() + $win.outerHeight()) {
-          pos_top = $e.offset().top - realHeight(tipso_bubble) - arrow;
+        if (pos_top + realHeight(tipso_bubble).height > $win.scrollTop() + $win.outerHeight()) {
+          pos_top = $e.offset().top - realHeight(tipso_bubble).height - arrow;
           tipso_bubble.find('.tipso_arrow').css({
             'border-top-color': obj.settings.background,
-            'border-bottom-color': 'transparent'
+            'border-bottom-color': 'transparent',
+            'border-left-color': 'transparent',
+            'border-right-color': 'transparent'
           });
           tipso_bubble.removeClass('top bottom left right');
           tipso_bubble.addClass('top');
         } else {
           tipso_bubble.find('.tipso_arrow').css({
             'border-bottom-color': obj.settings.background,
-            'border-top-color': 'transparent'
+            'border-top-color': 'transparent',
+            'border-left-color': 'transparent',
+            'border-right-color': 'transparent'
           });
           tipso_bubble.removeClass('top bottom left right');
           tipso_bubble.addClass(obj.settings.position);
         }
         break;
       case 'left':
-        pos_left = $e.offset().left - tipso_bubble.outerWidth() - arrow;
-        pos_top = $e.offset().top + ($e.outerHeight() / 2) - (realHeight(
-          tipso_bubble) / 2);
+        pos_left = $e.offset().left - realHeight(tipso_bubble).width - arrow;
+        pos_top = $e.offset().top + ($e.outerHeight() / 2) - (realHeight(tipso_bubble).height / 2);
         tipso_bubble.find('.tipso_arrow').css({
           marginTop: -8,
           marginLeft: ''
@@ -301,15 +365,14 @@
         break;
       case 'right':
         pos_left = $e.offset().left + $e.outerWidth() + arrow;
-        pos_top = $e.offset().top + ($e.outerHeight() / 2) - (realHeight(
-          tipso_bubble) / 2);
+        pos_top = $e.offset().top + ($e.outerHeight() / 2) - (realHeight(tipso_bubble).height / 2);
         tipso_bubble.find('.tipso_arrow').css({
           marginTop: -8,
           marginLeft: ''
         });
         if (pos_left + arrow + obj.settings.width > $win.scrollLeft() +
           $win.outerWidth()) {
-          pos_left = $e.offset().left - tipso_bubble.outerWidth() - arrow;
+          pos_left = $e.offset().left - realHeight(tipso_bubble).width - arrow;
           tipso_bubble.find('.tipso_arrow').css({
             'border-left-color': obj.settings.background,
             'border-right-color': 'transparent',
@@ -348,13 +411,12 @@
     }
     if (pos_left < $win.scrollLeft() && (obj.settings.position == 'left' ||
       obj.settings.position == 'right')) {
-      pos_left = $e.offset().left + ($e.outerWidth() / 2) - (tipso_bubble.outerWidth() /
-        2);
+      pos_left = $e.offset().left + ($e.outerWidth() / 2) - (realHeight(tipso_bubble).width / 2);
       tipso_bubble.find('.tipso_arrow').css({
         marginLeft: -8,
         marginTop: ''
       });
-      pos_top = $e.offset().top - realHeight(tipso_bubble) - arrow;
+      pos_top = $e.offset().top - realHeight(tipso_bubble).height - arrow;
       if (pos_top < $win.scrollTop()) {
         pos_top = $e.offset().top + $e.outerHeight() + arrow;
         tipso_bubble.find('.tipso_arrow').css({
@@ -390,15 +452,13 @@
         pos_left = 0;
       }
     }
-    if (pos_left + obj.settings.width > $win.outerWidth() && (obj.settings.position ==
-      'left' || obj.settings.position == 'right')) {
-      pos_left = $e.offset().left + ($e.outerWidth() / 2) - (tipso_bubble.outerWidth() /
-        2);
+    if (pos_left + obj.settings.width > $win.outerWidth() && (obj.settings.position == 'left' || obj.settings.position == 'right')) {
+      pos_left = $e.offset().left + ($e.outerWidth() / 2) - (realHeight(tipso_bubble).width / 2);
       tipso_bubble.find('.tipso_arrow').css({
         marginLeft: -8,
         marginTop: ''
       });
-      pos_top = $e.offset().top - realHeight(tipso_bubble) - arrow;
+      pos_top = $e.offset().top - realHeight(tipso_bubble).height - arrow;
       if (pos_top < $win.scrollTop()) {
         pos_top = $e.offset().top + $e.outerHeight() + arrow;
         tipso_bubble.find('.tipso_arrow').css({
diff --git a/src/tipso.min.js b/src/tipso.min.js
index 89e5616..79f68ec 100644
--- a/src/tipso.min.js
+++ b/src/tipso.min.js
@@ -1,6 +1,6 @@
 /*!
- * tipso - A Lightweight Responsive jQuery Tooltip Plugin v1.0.4
+ * tipso - A Lightweight Responsive jQuery Tooltip Plugin v1.0.5
  * Copyright (c) 2014-2015 Bojan Petkovski
  * http://tipso.object505.com 
  */
-!function(t,o,e,s){function i(o,e){this.element=t(o),this.settings=t.extend({},l,e),this._defaults=l,this._name=d,this._title=this.element.attr("title"),this.mode="hide",this.ieFade=!1,f||(this.ieFade=!0),this.init()}function n(){var t=o.navigator.msMaxTouchPoints,s="ontouchstart"in e.createElement("div");return t||s?!0:!1}function r(o){var e=o.clone();e.css("visibility","hidden"),t("body").append(e);var s=e.outerHeight();return e.remove(),s}function a(e){var s,i,n,a=e.tooltip(),d=e.element,l=e,f=t(o),p=10;switch(d.parent().outerWidth()>f.outerWidth()&&(f=d.parent()),l.settings.position){case"top":i=d.offset().left+d.outerWidth()/2-a.outerWidth()/2,s=d.offset().top-r(a)-p,a.find(".tipso_arrow").css({marginLeft:-8}),s<f.scrollTop()?(s=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top"));break;case"bottom":i=d.offset().left+d.outerWidth()/2-a.outerWidth()/2,s=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({marginLeft:-8}),s+r(a)>f.scrollTop()+f.outerHeight()?(s=d.offset().top-r(a)-p,a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")):(a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position));break;case"left":i=d.offset().left-a.outerWidth()-p,s=d.offset().top+d.outerHeight()/2-r(a)/2,a.find(".tipso_arrow").css({marginTop:-8,marginLeft:""}),i<f.scrollLeft()?(i=d.offset().left+d.outerWidth()+p,a.find(".tipso_arrow").css({"border-right-color":l.settings.background,"border-left-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("right")):(a.find(".tipso_arrow").css({"border-left-color":l.settings.background,"border-right-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position));break;case"right":i=d.offset().left+d.outerWidth()+p,s=d.offset().top+d.outerHeight()/2-r(a)/2,a.find(".tipso_arrow").css({marginTop:-8,marginLeft:""}),i+p+l.settings.width>f.scrollLeft()+f.outerWidth()?(i=d.offset().left-a.outerWidth()-p,a.find(".tipso_arrow").css({"border-left-color":l.settings.background,"border-right-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("left")):(a.find(".tipso_arrow").css({"border-right-color":l.settings.background,"border-left-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position))}i<f.scrollLeft()&&("bottom"==l.settings.position||"top"==l.settings.position)&&(a.find(".tipso_arrow").css({marginLeft:i-8}),i=0),i+l.settings.width>f.outerWidth()&&("bottom"==l.settings.position||"top"==l.settings.position)&&(n=f.outerWidth()-(i+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),i+=n),i<f.scrollLeft()&&("left"==l.settings.position||"right"==l.settings.position)&&(i=d.offset().left+d.outerWidth()/2-a.outerWidth()/2,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),s=d.offset().top-r(a)-p,s<f.scrollTop()?(s=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")),i+l.settings.width>f.outerWidth()&&(n=f.outerWidth()-(i+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),i+=n),i<f.scrollLeft()&&(a.find(".tipso_arrow").css({marginLeft:i-8}),i=0)),i+l.settings.width>f.outerWidth()&&("left"==l.settings.position||"right"==l.settings.position)&&(i=d.offset().left+d.outerWidth()/2-a.outerWidth()/2,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),s=d.offset().top-r(a)-p,s<f.scrollTop()?(s=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")),i+l.settings.width>f.outerWidth()&&(n=f.outerWidth()-(i+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),i+=n),i<f.scrollLeft()&&(a.find(".tipso_arrow").css({marginLeft:i-8}),i=0)),a.css({left:i+l.settings.offsetX,top:s+l.settings.offsetY})}var d="tipso",l={speed:400,background:"#55b555",color:"#ffffff",position:"top",width:200,delay:200,animationIn:"",animationOut:"",offsetX:0,offsetY:0,content:null,ajaxContentUrl:null,useTitle:!0,onBeforeShow:null,onShow:null,onHide:null};t.extend(i.prototype,{init:function(){var o=this,s=this.element;s.addClass("tipso_style").removeAttr("title"),n()?(s.on("click."+d,function(t){"hide"==o.mode?o.show():o.hide(),t.stopPropagation()}),t(e).on("click",function(){"show"==o.mode&&o.hide()})):(s.on("mouseover."+d,function(){o.show()}),s.on("mouseout."+d,function(){o.hide()}))},tooltip:function(){return this.tipso_bubble||(this.tipso_bubble=t('<div class="tipso_bubble"><div class="tipso_content"></div><div class="tipso_arrow"></div></div>')),this.tipso_bubble},show:function(){var e=this.tooltip(),s=this,i=t(o);t.isFunction(s.settings.onBeforeShow)&&s.settings.onBeforeShow(t(this)),e.css({background:s.settings.background,color:s.settings.color,width:s.settings.width}).hide(),e.find(".tipso_content").html(s.content()),a(s),i.resize(function(){a(s)}),s.timeout=o.setTimeout(function(){s.ieFade||""===s.settings.animationIn||""===s.settings.animationOut?e.appendTo("body").stop(!0,!0).fadeIn(s.settings.speed,function(){s.mode="show",t.isFunction(s.settings.onShow)&&s.settings.onShow(t(this))}):e.remove().appendTo("body").stop(!0,!0).removeClass("animated "+s.settings.animationOut).addClass("noAnimation").removeClass("noAnimation").addClass("animated "+s.settings.animationIn).fadeIn(s.settings.speed,function(){t(this).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){t(this).removeClass("animated "+s.settings.animationIn)}),s.mode="show",t.isFunction(s.settings.onShow)&&s.settings.onShow(t(this))})},s.settings.delay)},hide:function(){var e=this,s=this.tooltip();o.clearTimeout(e.timeout),e.timeout=null,e.ieFade||""===e.settings.animationIn||""===e.settings.animationOut?s.stop(!0,!0).fadeOut(e.settings.speed,function(){t(this).remove(),t.isFunction(e.settings.onHide)&&"show"==e.mode&&e.settings.onHide(t(this)),e.mode="hide"}):s.stop(!0,!0).removeClass("animated "+e.settings.animationIn).addClass("noAnimation").removeClass("noAnimation").addClass("animated "+e.settings.animationOut).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){t(this).removeClass("animated "+e.settings.animationOut).remove(),t.isFunction(e.settings.onHide)&&"show"==e.mode&&e.settings.onHide(t(this)),e.mode="hide"})},destroy:function(){var t=this.element;t.off("."+d),t.removeData(d),t.removeClass("tipso_style").attr("title",this._title)},content:function(){var o,e=this.element,s=this,i=this._title;return o=s.settings.ajaxContentUrl?t.ajax({type:"GET",url:s.settings.ajaxContentUrl,async:!1}).responseText:s.settings.content?s.settings.content:s.settings.useTitle===!0?i:e.data("tipso")},update:function(t,o){var e=this;return o?void(e.settings[t]=o):e.settings[t]}});var f=function(){var t=e.createElement("p").style,o=["ms","O","Moz","Webkit"];if(""==t.transition)return!0;for(;o.length;)if(o.pop()+"Transition"in t)return!0;return!1}();t[d]=t.fn[d]=function(o){var e=arguments;if(o===s||"object"==typeof o)return this instanceof t||t.extend(l,o),this.each(function(){t.data(this,"plugin_"+d)||t.data(this,"plugin_"+d,new i(this,o))});if("string"==typeof o&&"_"!==o[0]&&"init"!==o){var n;return this.each(function(){var s=t.data(this,"plugin_"+d);s||(s=t.data(this,"plugin_"+d,new i(this,o))),s instanceof i&&"function"==typeof s[o]&&(n=s[o].apply(s,Array.prototype.slice.call(e,1))),"destroy"===o&&t.data(this,"plugin_"+d,null)}),n!==s?n:this}}}(jQuery,window,document);
\ No newline at end of file
+!function(t,o,e,i){function s(o,e){this.element=t(o),this.settings=t.extend({},l,e),this._defaults=l,this._name=d,this._title=this.element.attr("title"),this.mode="hide",this.ieFade=!1,c||(this.ieFade=!0),this.init()}function n(){var t=o.navigator.msMaxTouchPoints,i="ontouchstart"in e.createElement("div");return t||i?!0:!1}function r(o){var e=o.clone();e.css("visibility","hidden"),t("body").append(e);var i=e.outerHeight(),s=e.outerWidth();return e.remove(),{width:s,height:i}}function a(e){var i,s,n,a=e.tooltip(),d=e.element,l=e,c=t(o),p=10;switch(d.parent().outerWidth()>c.outerWidth()&&(c=d.parent()),l.settings.position){case"top":s=d.offset().left+d.outerWidth()/2-r(a).width/2,i=d.offset().top-r(a).height-p,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),i<c.scrollTop()?(i=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top"));break;case"bottom":s=d.offset().left+d.outerWidth()/2-a.outerWidth()/2,i=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),i+r(a).height>c.scrollTop()+c.outerHeight()?(i=d.offset().top-r(a).height-p,a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")):(a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position));break;case"left":s=d.offset().left-r(a).width-p,i=d.offset().top+d.outerHeight()/2-r(a).height/2,a.find(".tipso_arrow").css({marginTop:-8,marginLeft:""}),s<c.scrollLeft()?(s=d.offset().left+d.outerWidth()+p,a.find(".tipso_arrow").css({"border-right-color":l.settings.background,"border-left-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("right")):(a.find(".tipso_arrow").css({"border-left-color":l.settings.background,"border-right-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position));break;case"right":s=d.offset().left+d.outerWidth()+p,i=d.offset().top+d.outerHeight()/2-r(a).height/2,a.find(".tipso_arrow").css({marginTop:-8,marginLeft:""}),s+p+l.settings.width>c.scrollLeft()+c.outerWidth()?(s=d.offset().left-r(a).width-p,a.find(".tipso_arrow").css({"border-left-color":l.settings.background,"border-right-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("left")):(a.find(".tipso_arrow").css({"border-right-color":l.settings.background,"border-left-color":"transparent","border-top-color":"transparent","border-bottom-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass(l.settings.position))}s<c.scrollLeft()&&("bottom"==l.settings.position||"top"==l.settings.position)&&(a.find(".tipso_arrow").css({marginLeft:s-8}),s=0),s+l.settings.width>c.outerWidth()&&("bottom"==l.settings.position||"top"==l.settings.position)&&(n=c.outerWidth()-(s+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),s+=n),s<c.scrollLeft()&&("left"==l.settings.position||"right"==l.settings.position)&&(s=d.offset().left+d.outerWidth()/2-r(a).width/2,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),i=d.offset().top-r(a).height-p,i<c.scrollTop()?(i=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")),s+l.settings.width>c.outerWidth()&&(n=c.outerWidth()-(s+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),s+=n),s<c.scrollLeft()&&(a.find(".tipso_arrow").css({marginLeft:s-8}),s=0)),s+l.settings.width>c.outerWidth()&&("left"==l.settings.position||"right"==l.settings.position)&&(s=d.offset().left+d.outerWidth()/2-r(a).width/2,a.find(".tipso_arrow").css({marginLeft:-8,marginTop:""}),i=d.offset().top-r(a).height-p,i<c.scrollTop()?(i=d.offset().top+d.outerHeight()+p,a.find(".tipso_arrow").css({"border-bottom-color":l.settings.background,"border-top-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("bottom")):(a.find(".tipso_arrow").css({"border-top-color":l.settings.background,"border-bottom-color":"transparent","border-left-color":"transparent","border-right-color":"transparent"}),a.removeClass("top bottom left right"),a.addClass("top")),s+l.settings.width>c.outerWidth()&&(n=c.outerWidth()-(s+l.settings.width),a.find(".tipso_arrow").css({marginLeft:-n-8,marginTop:""}),s+=n),s<c.scrollLeft()&&(a.find(".tipso_arrow").css({marginLeft:s-8}),s=0)),a.css({left:s+l.settings.offsetX,top:i+l.settings.offsetY})}var d="tipso",l={speed:400,background:"#55b555",color:"#ffffff",position:"top",width:200,maxWidth:"",delay:200,animationIn:"",animationOut:"",offsetX:0,offsetY:0,tooltipHover:!1,content:null,ajaxContentUrl:null,useTitle:!0,onBeforeShow:null,onShow:null,onHide:null};t.extend(s.prototype,{init:function(){var o=this,i=this.element;if(i.addClass("tipso_style").removeAttr("title"),n())i.on("click."+d,function(t){"hide"==o.mode?o.show():o.hide(),t.stopPropagation()}),t(e).on("click",function(){"show"==o.mode&&o.hide()});else if(o.settings.tooltipHover){var s=null,r=null;i.on("mouseover."+d,function(){clearTimeout(s),clearTimeout(r),r=setTimeout(function(){o.show()},150)}),i.on("mouseout."+d,function(){clearTimeout(s),clearTimeout(r),s=setTimeout(function(){o.hide()},200),t(o.tooltip()).on("mouseover."+d,function(){o.mode="tooltipHover"}),t(o.tooltip()).on("mouseout."+d,function(){o.mode="show",clearTimeout(s),s=setTimeout(function(){o.hide()},200)})})}else i.on("mouseover."+d,function(){o.show()}),i.on("mouseout."+d,function(){o.hide()})},tooltip:function(){return this.tipso_bubble||(this.tipso_bubble=t('<div class="tipso_bubble"><div class="tipso_content"></div><div class="tipso_arrow"></div></div>')),this.tipso_bubble},show:function(){var e=this.tooltip(),i=this,s=t(o);"hide"==i.mode&&(t.isFunction(i.settings.onBeforeShow)&&i.settings.onBeforeShow(t(this)),i.settings.width?e.css({background:i.settings.background,color:i.settings.color,width:i.settings.width}).hide():i.settings.maxWidth?e.css({background:i.settings.background,color:i.settings.color,maxWidth:i.settings.maxWidth}).hide():e.css({background:i.settings.background,color:i.settings.color,width:200}).hide(),e.find(".tipso_content").html(i.content()),a(i),s.resize(function(){a(i)}),i.timeout=o.setTimeout(function(){i.ieFade||""===i.settings.animationIn||""===i.settings.animationOut?e.appendTo("body").stop(!0,!0).fadeIn(i.settings.speed,function(){i.mode="show",t.isFunction(i.settings.onShow)&&i.settings.onShow(t(this))}):e.remove().appendTo("body").stop(!0,!0).removeClass("animated "+i.settings.animationOut).addClass("noAnimation").removeClass("noAnimation").addClass("animated "+i.settings.animationIn).fadeIn(i.settings.speed,function(){t(this).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){t(this).removeClass("animated "+i.settings.animationIn)}),i.mode="show",t.isFunction(i.settings.onShow)&&i.settings.onShow(t(this))})},i.settings.delay))},hide:function(){var e=this,i=this.tooltip();o.clearTimeout(e.timeout),e.timeout=null,"tooltipHover"!=e.mode&&(e.ieFade||""===e.settings.animationIn||""===e.settings.animationOut?i.stop(!0,!0).fadeOut(e.settings.speed,function(){t(this).remove(),t.isFunction(e.settings.onHide)&&"show"==e.mode&&e.settings.onHide(t(this)),e.mode="hide"}):i.stop(!0,!0).removeClass("animated "+e.settings.animationIn).addClass("noAnimation").removeClass("noAnimation").addClass("animated "+e.settings.animationOut).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){t(this).removeClass("animated "+e.settings.animationOut).remove(),t.isFunction(e.settings.onHide)&&"show"==e.mode&&e.settings.onHide(t(this)),e.mode="hide"}))},destroy:function(){var t=this.element;t.off("."+d),t.removeData(d),t.removeClass("tipso_style").attr("title",this._title)},content:function(){var o,e=this.element,i=this,s=this._title;return o=i.settings.ajaxContentUrl?t.ajax({type:"GET",url:i.settings.ajaxContentUrl,async:!1}).responseText:i.settings.content?i.settings.content:i.settings.useTitle===!0?s:e.data("tipso")},update:function(t,o){var e=this;return o?void(e.settings[t]=o):e.settings[t]}});var c=function(){var t=e.createElement("p").style,o=["ms","O","Moz","Webkit"];if(""==t.transition)return!0;for(;o.length;)if(o.pop()+"Transition"in t)return!0;return!1}();t[d]=t.fn[d]=function(o){var e=arguments;if(o===i||"object"==typeof o)return this instanceof t||t.extend(l,o),this.each(function(){t.data(this,"plugin_"+d)||t.data(this,"plugin_"+d,new s(this,o))});if("string"==typeof o&&"_"!==o[0]&&"init"!==o){var n;return this.each(function(){var i=t.data(this,"plugin_"+d);i||(i=t.data(this,"plugin_"+d,new s(this,o))),i instanceof s&&"function"==typeof i[o]&&(n=i[o].apply(i,Array.prototype.slice.call(e,1))),"destroy"===o&&t.data(this,"plugin_"+d,null)}),n!==i?n:this}}}(jQuery,window,document);
\ No newline at end of file
diff --git a/tipso.jquery.json b/tipso.jquery.json
index 5efc467..effc93d 100644
--- a/tipso.jquery.json
+++ b/tipso.jquery.json
@@ -10,7 +10,7 @@
         "mobile",
         "lightweight"
     ],
-    "version": "1.0.4",
+    "version": "1.0.5",
     "author": {
         "name": "Bojan Petkovski",
         "url": "http://object505.com"