/* JS
* jquery.tooltip
* Elliot Lings
* www.elliotlings.com/jquery/tooltip/
*/
(function($) {
    $.fn.tooltip = function(dire, content, start) {
        dire = $.extend({ direction: 'n' }, dire || {});
        var active;
        var tooltipE = $('.tooltip').length;

        /* Bounce Settings */
        var gap = 5;
        var bounce = 40;

        switch (dire.direction) {
            case 'n':
            default:
                var direction_class = 'n';
                break;
            case 's':
                var direction_class = 's';
                break;
            case 'e':
                var direction_class = 'e';
                break;
            case 'w':
                var direction_class = 'w';
                break;
        }

        if ((start == 'true' && (tooltipE == 0))) {

            var box = $.data(this, 'active.help');
            if (!box) {
                box = $('<table class="tooltip ' + direction_class + '" cellpadding="0" cellspacing="0">'
                    + '<tr>'
                        + '<td class="tl"></td>'
                          + '<td class="tc"></td>'
                          + '<td class="tr"></td>'
                      + '</tr>'
                        + '<td class="ml"></td>'
                          + '<td class="mc">'
                            + '<div class="tooltip-content">'
                                + content +
                               '</div>'
                          + '</td>'
                          + '<td class="mr"></td>'
                      + '<tr>'
                        + '<td class="bl"></td>'
                          + '<td class="bc"></td>'
                          + '<td class="br"></td>'
                      + '</tr>'
                 + '</table>');
                box.css({ position: 'absolute', zIndex: 9999 });
                $.data(this, 'active.help', box);
            }
            box.remove().css({ top: 0, left: 0, visibility: 'hidden', display: 'block' }).appendTo(document.body);
            var pos = $.extend({}, $(this).offset(), { width: this.offsetWidth });

            box.css({ top: pos.top + this[0].offsetHeight / 2 - box[0].offsetHeight / 2, left: 0 });

            switch (dire.direction) {
                case 'n':
                default:
                    /*box.animate({ top: pos.top - box[0].offsetHeight - bounce, left: pos.left + this.width() / 2 - box[0].offsetWidth / 2 });
                    box.animate({ top: pos.top - box[0].offsetHeight - gap });*/
                    box.css({ top: pos.top - box[0].offsetHeight - gap });
                    break;
                case 's':
                    /*box.animate({top: pos.top + this.height() + bounce, left: pos.left + this.width() / 2 -  box[0].offsetWidth / 2});
                    box.animate({top: pos.top + this.height() + gap});*/
                    /*box.show({top: pos.top + this.height() + bounce, left: pos.left + this.width() / 2 -  box[0].offsetWidth / 2});*/
                    /*box.css({top: pos.top + this.height() + gap});*/
                    /*box.css({ top: pos.top + this.height() + gap, left: pos.left + this.width() - bounce });*/
                    /*box.css({ top: pos.top + gap, left: pos.left + this.width() - gap })*/
                    /*box.css({ top: pos.top + gap+10, left: pos.left + this.width() - gap-350 });*/
                    box.css({ top: pos.top + gap+10, left: 445 });
                    break;
                    case 'e':
                    /*box.animate({ top: pos.top + this.height() / 2 - box[0].offsetHeight / 2, left: pos.left + this.width() + bounce });
                    box.animate({ left: pos.left + this.width() + gap });*/
                    box.css({ left: pos.left + this.width() + gap });
                    break;
                case 'w':
                    /*box.animate({ top: pos.top + this[0].offsetHeight / 2 - box[0].offsetHeight / 2, left: pos.left - box[0].offsetWidth - bounce });
                    box.animate({ left: pos.left - box[0].offsetWidth - gap });*/
                    box.css({ left: pos.left - box[0].offsetWidth - gap });
                    break;
            }

            box.css({ visibility: 'visible' });

            this.mouseout(function() {
                if ($(".tooltip").length != 0) {
                    $(".tooltip").remove();
                }

                return false;
            });

        } else {


        }

    };
    $.fn.Tip = function(dire, content, start) {
        if ($(".tooltip").length == 0) {
            $(this).tooltip({ direction: dire.direction }, content, 'true');
        }
    };

})(jQuery);
function closeDialog(element) {
    $(".tooltip").remove();
}
function Tip(dire, content, start) {
    this.tooltip(dire, content, 'true');
}