Properly fix tooltip x/y with respect to current viewport
NB: This is still somewhat of a heuristic.
What I'd like to do is something like:

var totalTipWidth = $("#flotTip").width() + this.tooltipOptions.shifts.x + $("#flotTip").css('padding-left') + $("#flotTip").css('padding-right') + $("#flotTip").css('border-left-width') + $("#flotTip").css('border-right-width');

But the .css() properties don't seem to be set at this point (they
return NaN).  So instead there's the heuristic of using multiples of the
shifts.x/y instead.

The change in the call to that.updateTooltipPosition() is from:

https://github.com/Cu3bluKekc/flot.tooltip/commit/f0b6b859dadedad64a08e178b825dce0089a5c0c

who first prompted me to look at the y fixup as well.
Proper tooltip fix up, including when to call the update
Properly implement Cu3bluKekc's fix for when to call
updateTooltipPosition and use outer{Width,Height} to get the tooltip
position fix 100%;
Merge branch 'master' of https://github.com/Athanasius/flot.tooltip

Conflicts:
	js/jquery.flot.tooltip.js