/*
 * jQuery Tooltip plugin 1.3
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 * http://docs.jquery.com/Plugins/Tooltip
 *
 * Copyright (c) 2006 - 2008 J�rn Zaefferer
 *
 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

(function ($) {

    // the tooltip element
    var helper = {},
    // the title of the current element, used for restoring
        title,
    // timeout id for delayed tooltips
        tID,
    // IE 5.5 or 6
        IE = ( navigator.userAgent.match(/msie/i) ) && (/MSIE\s(5\.5|6\.)/).test(navigator.userAgent),
    // flag for mouse tracking
        track = false;

    $.tooltip = {
        blocked: false,
        ajaxTimeout: false,
        ajaxRequest: false,
        ajaxEvent: false,
        current: null,
        visible: false,
        defaults: {
            delay: 700,
            fixable: false,
            fixableIndex: 100,
            fade: true,
            showURL: true,
            outside: true,
            isBrowsable: false,
            extraClass: "",
            top: 15,
            left: 15,
            id: "tooltip"
        },
        block: function () {
            $.tooltip.blocked = !$.tooltip.blocked;
        },

        delayAjax: function (a, b, c) {
            var options_serial = p4.tot_options;
            var query = p4.tot_query;
            var datas = {
                options_serial: options_serial,
                query: query
            };
            $.tooltip.ajaxRequest = $.ajax({
                url: $.tooltip.current.tooltipSrc,
                type: 'post',
                data: datas,
                success: function (data) {
                    title = data;
                    positioning($.tooltip.ajaxEvent);
                },
                "error": function () {
                    return;
                }
            });
        }
    };

    $.fn.extend({
        tooltip: function (settings) {
            settings = $.extend({}, $.tooltip.defaults, settings);
            createHelper(settings);
            return this.each(function () {
                $.data(this, "tooltip", settings);
                // copy tooltip into its own expando and remove the title
                this.tooltipText = $(this).attr('title');
                this.tooltipSrc = $(this).attr('tooltipsrc');

                this.ajaxLoad = ($.trim(this.tooltipText) === '' && this.tooltipSrc !== '');
                this.ajaxTimeout;

                this.orEl = $(this);
                $(this).removeAttr("title");
                // also remove alt attribute to prevent default tooltip in IE
                this.alt = "";
            })
                .mouseover(save)
                .mouseout(hide)
                .mouseleave(function () {
                    if (settings.isBrowsable) {
                        $.tooltip.currentHover = false;
                        // close caption container after a small delay
                        // (safe travel delay of the mouse between thumbnail and caption / allow user to cross
                        // boundaries without unexpected closing of the catpion)
                        setTimeout(function () {
                            hide();
                        }, 500);
                    }
                })
                .mousedown(fix);
        },
        fixPNG: IE ? function () {
            return this.each(function () {
                var image = $(this).css('backgroundImage');
                if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
                    image = RegExp.$1;
                    $(this).css({
                        'backgroundImage': 'none',
                        'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
                    }).each(function () {
                            var position = $(this).css('position');
                            if (position != 'absolute' && position != 'relative')
                                $(this).css('position', 'relative');
                        });
                }
            });
        } : function () {
            return this;
        },
        unfixPNG: IE ? function () {
            return this.each(function () {
                $(this).css({
                    'filter': '',
                    backgroundImage: ''
                });
            });
        } : function () {
            return this;
        },
        hideWhenEmpty: function () {
            return this.each(function () {
                $(this)[ $(this).html() ? "show" : "hide" ]();
            });
        },
        url: function () {
            return this.attr('href') || this.attr('src');
        }
    });

    function createHelper(settings) {
        // there can be only one tooltip helper
        if (helper.parent)
            return;
        // create the helper, h3 for title, div for url
        helper.parent = $('<div id="' + settings.id + '"><div class="body"></div></div>')
            // add to document
            .appendTo(document.body)
            // hide it at first
            .hide();

        // apply bgiframe if available
        if ($.fn.bgiframe)
            helper.parent.bgiframe();

        // save references to title and url elements
        helper.title = $('h3', helper.parent);
        helper.body = $('div.body', helper.parent);
        helper.url = $('div.url', helper.parent);
    }

    function settings(element) {
        return $.data(element, "tooltip");
    }

    // main event handler to start showing tooltips
    function handle(event) {

        if ($($.tooltip.current).hasClass('SSTT') && $($.tooltip.current).hasClass('ui-state-active'))
            return;

        // show helper, either with timeout or on instant
        if (settings(this).delay)
            tID = setTimeout(visible, settings(this).delay);
        else
            visible();
        show();

        // if selected, update the helper position when the mouse moves
        track = !!settings(this).track;
        $(document.body).bind('mousemove', update);

        // update at least once
        update(event);
    }

    // save elements title before the tooltip is displayed
    function save(event) {
        // if this is the current source, or it has no title (occurs with click event), stop
        if (event.stopPropagation)
            event.stopPropagation();

        event.cancelBubble = true;

        if ($.tooltip.blocked || this == $.tooltip.current || (!this.tooltipText && !this.tooltipSrc && !settings(this).bodyHandler))
            return;

        // save current
        $.tooltip.current = this;
        title = this.tooltipText;

        // if element has href or src, add and show it, otherwise hide it
        if (settings(this).showURL && $(this).url())
            helper.url.html($(this).url().replace('http://', '')).show();
        else
            helper.url.hide();

        // add an optional class for this tip
        helper.parent.removeClass();
        helper.parent.addClass(settings(this).extraClass);
        if (this.ajaxLoad) {
            clearTimeout($.tooltip.ajaxTimeout);
            $.tooltip.ajaxTimeout = setTimeout("$.tooltip.delayAjax()", 300);
            $.tooltip.ajaxEvent = event;
        }
        else {
            title = '<div class="popover" style="display:block;position:relative;">' +
                '<div class="arrow"></div>' +
                '<div class="popover-inner" style="width:auto;">' +
                '<div class="popover-content">' +
                title +
                '</div>' +
                '</div>' +
                '</div>';

            positioning.apply(this, arguments);
        }
        return;
    }


    function positioning(event) {
        helper.body.html(title);
        helper.body.show();
        $this = $.tooltip.current;
        // fix PNG background for IE
        if (settings($this).fixPNG)
            helper.parent.fixPNG();
        if (settings($this).outside) {
            var width = 'auto';
            var height = 'auto';
            var ratio = 1;
            var resizeImgTips = resizeVideoTips = false;
            var $imgTips = $('#' + settings($.tooltip.current).id + ' .imgTips');
            var $videoTips = $('#' + settings($.tooltip.current).id + ' .videoTips');

            if ($imgTips[0] && $('#' + settings($.tooltip.current).id + ' .noToolTipResize').length === 0) {
                resizeImgTips = true;
                width = parseInt($imgTips[0].style.width);
                height = parseInt($imgTips[0].style.height);
                ratio = width / height;
                $imgTips.css({top: '0px', left: '0px'});
            }

            if ($videoTips[0] && $('#' + settings($.tooltip.current).id + ' .noToolTipResize').length === 0) {
                resizeVideoTips = true;
                width = parseInt($videoTips.attr('width'));
                height = parseInt($videoTips.attr('height'));
                ratio = width / height;
                $videoTips.css({top: '0px', left: '0px'});
            }

            var v = viewport(),
                h = helper.parent;
            helper.parent.css({
                width: width,
                top: 0,
                left: 0,
                visibility: 'hidden',
                //			visibility:'visible',
                display: 'block',
                height: height
            });

            $(h).width($(h).width());
            width = ($(h).width() > (v.x - 40)) ? (v.x - 40) : $(h).width();
            height = ($(h).height() > (v.y - 40)) ? (v.y - 40) : $(h).height();

//      $('#' + settings($.tooltip.current).id + ' .thumb_wrapper').width('auto').height('auto');

            if ($('#' + settings($.tooltip.current).id + ' .audioTips').length > 0) {
                height = height < 26 ? 26 : height;
            }

            $(h).css({
                width: width,
                height: height
            });

            if (event) {
                var $origEventTarget = $(event.target);

                // since event target can have different positionning, try to get common closest parent:
                var $eventTarget = $origEventTarget.closest('.diapo'),
                    topOffset = 20,
                    leftOffset = 20;

                if( $eventTarget.length > 0 ) {
                    // change offsets:
                    topOffset = -8;
                    leftOffset = -8;
                } else {
                    // fallback on original target if nothing found:
                    $eventTarget = $origEventTarget;
                }



                var vert, vertS, hor, horS, top, left, ratioH, ratioV;
                //			ratio = $(h).width()/$(h).height();
                var ratioSurfaceH;
                var ratioSurfaceV, wiH, wiV, heH, heV;
                var ratioImage = $(h).width() / $(h).height();

                //position de l'image

                if ($eventTarget.offset().left > (v.x - $eventTarget.offset().left - $eventTarget.width())) {
                    hor = 'gauche';
                    wiH = $eventTarget.offset().left;

                    horS = wiH * v.y;
                    ratioSurfaceH = wiH / v.y;
                }
                else {
                    hor = 'droite';
                    wiH = (v.x - $eventTarget.offset().left - $eventTarget.width());
                    horS = wiH * v.y;
                    ratioSurfaceH = wiH / v.y;

                }
                if ($eventTarget.offset().top > (v.y - $eventTarget.offset().top - $eventTarget.height())) {
                    vert = 'haut';
                    heV = $eventTarget.offset().top;
                    vertS = heV * v.x;
                    ratioSurfaceV = v.x / heV;
                }
                else {
                    vert = 'bas';
                    heV = (v.y - $eventTarget.offset().top - $eventTarget.height());
                    vertS = heV * v.x;
                    ratioSurfaceV = v.x / heV;
                }


                //correction par ratio
                if (resizeImgTips && $imgTips.get(0)) {

                    if (ratioSurfaceH > ratioImage) {
                        horS = v.y * ratioImage * v.y;
                    }
                    else {
                        horS = wiH * wiH / ratioImage;
                    }
                    if (ratioSurfaceV > ratioImage) {
                        vertS = heV * ratioImage * heV;
                    }
                    else {
                        vertS = v.x * v.x / ratioImage;
                    }
                }

                var zH;

                if ((Math.abs(ratioSurfaceV - ratioImage) < Math.abs(ratioSurfaceH - ratioImage))) {
                    var zL = event.pageX;
                    var zW = $(h).width();
                    zH = $(h).height();
                    var ETOT = $eventTarget.offset().top;
                    var ETH = $eventTarget.height();
                    left = (zL - zW / 2) < 20 ? 20 : (((zL + zW / 2 + 20) > v.x) ? (v.x - zW - 20) : (zL - zW / 2));

                    switch (vert) {
                        case 'haut':
                            height = (zH > (ETOT - 40)) ? (ETOT - 40) : zH;
                            top = ETOT - height - topOffset;
                            break;
                        case 'bas':
                            height = ((v.y - ETH - ETOT - 40) > zH) ? zH : (v.y - ETH - ETOT - 40);
                            top = ETOT + ETH + topOffset;
                            break;
                        default:
                            break;
                    }
                }
                else {
                    //				height = ($(h).height()>(v.y-40))?(v.y-40):$(h).height();
                    zH = $(h).height();
                    var zT = event.pageY;
                    var EOTL = $eventTarget.offset().left;
                    var ETW = $eventTarget.width();
                    var zw = $(h).width();
                    top = (zT - zH / 2) < 20 ? 20 : (((zT + zH / 2 + 20) > v.y) ? (v.y - zH - 20) : (zT - zH / 2));
                    switch (hor) {
                        case 'gauche':
                            width = (zw > (EOTL - 40)) ? (EOTL - 40) : zw;
                            left = EOTL - width - leftOffset;
                            break;
                        case 'droite':
                            width = ((v.x - ETW - EOTL - 40) > zw) ? zw : (v.x - ETW - EOTL - 40);
                            left = EOTL + ETW + leftOffset;
                            break;
                        default:
                            break;
                    }
                }

                helper.parent.css({
                    width: width,
                    height: height,
                    left: left,
                    top: top
                });

                //si ya une image on re-ajuste au ratio
                if (resizeImgTips && $imgTips.get(0)) {
                    if (width == 'auto')
                        width = $imgTips.get(0).width();
                    if (height == 'auto')
                        height = $imgTips.get(0).height();
                    if (ratio > 1) {
                        var nh = width / ratio;
                        if (nh > height) {
                            width = ratio * height;
                            nh = width / ratio;
                        }
                        height = nh;
                    }
                    else {
                        var nw = ratio * height;
                        if (nw > width) {
                            height = width / ratio;
                            nw = height * ratio;
                        }
                        width = nw;
                    }
                }
                else if (resizeVideoTips && $videoTips.get(0)) {
                    width = $videoTips.data('original-width');
                    height = $videoTips.data('original-height');
                    // limit video to maxWidth:
                    if( width > 720 ) {
                        var limitRatio = width/height;
                        width = 720;
                        height = width / limitRatio;
                    }
                    console.log('video first scaled to ', width, height)
                }
                else {
                    if (vertS < horS) {
                        height = 'auto';
                    }
                }

                if (resizeImgTips) {
                    var factor = Math.min((width - 45) / width, (height - 75) / height);
                    if (factor > 1) {
                        factor = 1;
                    }
                    var imgWidth = Math.round(width * factor);
                    var imgHeight = Math.round(height * factor);

                    width = imgWidth + 45;
                    height = imgHeight + 85;

                    $imgTips.css({
                        maxWidth: imgWidth,
                        maxHeight: imgHeight
                    });
                }

                if (resizeVideoTips) {
                    var factor = Math.min((width - 45) / width, (height - 75) / height);
                    var imgWidth = Math.round(width * factor);
                    var imgHeight = Math.round(height * factor);

                    width = imgWidth + 45;
                    height = imgHeight + 75;
                    console.log('video scaled to ', width, height)
                    $videoTips.css({
                        width: Math.round(imgWidth),
                        height: Math.round(imgHeight)
                    });
                }

                helper.parent.css({
                    width: Math.round(width),
                    height: Math.round(height),
                    left: left,
                    top: top
                });

            }

        }
        handle.apply($this, arguments);
        return;
    }

    // delete timeout and show helper
    function show() {
        tID = null;
        var isBrowsable = false;
        if( $.tooltip.current !== null ) {
            isBrowsable = settings($.tooltip.current).isBrowsable;
        }

        if ((!IE || !$.fn.bgiframe) && settings($.tooltip.current).fade) {
            if (helper.parent.is(":animated"))
                helper.parent.stop().show().fadeTo(settings($.tooltip.current).fade, 100);
            else
                helper.parent.is(':visible') ? helper.parent.fadeTo(settings($.tooltip.current).fade, 100) : helper.parent.fadeIn(settings($.tooltip.current).fade);
        } else {
            helper.parent.show();
        }

        $(helper.parent[0])
            .unbind('mouseenter')
            .unbind('mouseleave')
            .mouseenter(function(){
                if (isBrowsable) {
                    $.tooltip.currentHover = true;
                }
            })
            .mouseleave(function () {
                if (isBrowsable) {
                    // if tooltip has scrollable content or selectionnable text - should be closed on mouseleave:
                    $.tooltip.currentHover = false;
                    helper.parent.hide();
                }
            });

        update();
    }

    function fix(event) {
        if (!settings(this).fixable) {
            hide(event);
            return;
        }
        event.cancelBubble = true;
        if (event.stopPropagation)
            event.stopPropagation();
        showOverlay('_tooltip', 'body', unfix_tooltip, settings(this).fixableIndex);
        $('#tooltip .tooltip_closer').show().bind('click', unfix_tooltip);
        $.tooltip.blocked = true;
    }

    function visible() {
        $.tooltip.visible = true;
        helper.parent.css({
            visibility: 'visible'
        });
    }

    /**
     * callback for mousemove
     * updates the helper position
     * removes itself when no current element
     */
    function update(event) {

        if ($.tooltip.blocked)
            return;

        if (event && event.target.tagName == "OPTION") {
            return;
        }

        // stop updating when tracking is disabled and the tooltip is visible
        if (!track && helper.parent.is(":visible")) {
            $(document.body).unbind('mousemove', update);
            $.tooltip.currentHover = true;
        }

        // if no current element is available, remove this listener
        if ($.tooltip.current === null) {
            $(document.body).unbind('mousemove', update);
            $.tooltip.currentHover = false;
            return;
        }

        // remove position helper classes
        helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");

        if (!settings($.tooltip.current).outside) {
            var left = helper.parent[0].offsetLeft;
            var top = helper.parent[0].offsetTop;
            helper.parent.width('auto');
            helper.parent.height('auto');
            if (event) {
                // position the helper 15 pixel to bottom right, starting from mouse position
                left = event.pageX + settings($.tooltip.current).left;
                top = event.pageY + settings($.tooltip.current).top;
                var right = 'auto';
                if (settings($.tooltip.current).positionLeft) {
                    right = $(window).width() - left;
                    left = 'auto';
                }
                helper.parent.css({
                    left: left,
                    right: right,
                    top: top
                });
            }

            var v = viewport(),
                h = helper.parent[0];
            // check horizontal position
            if (v.x + v.cx < h.offsetLeft + h.offsetWidth) {
                left -= h.offsetWidth + 20 + settings($.tooltip.current).left;
                helper.parent.css({
                    left: left + 'px'
                }).addClass("viewport-right");
            }
            // check vertical position
            if (v.y + v.cy < h.offsetTop + h.offsetHeight) {
                top -= h.offsetHeight + 20 + settings($.tooltip.current).top;
                helper.parent.css({
                    top: top + 'px'
                }).addClass("viewport-bottom");
            }
        }
    }

    function viewport() {
        return {
            x: $(window).width(),
            y: $(window).height(),

            cx: 0,
            cy: 0
        };
    }

    // hide helper and restore added classes and the title
    function hide(event) {
        var isBrowsable = false;
        if( $.tooltip.current !== null ) {
            isBrowsable = settings($.tooltip.current).isBrowsable;
        }
        if( $.tooltip.currentHover && isBrowsable ) {
            return;
        }

        if ($.tooltip.blocked || !$.tooltip.current)
            return;

        $(helper.parent[0])
            .unbind('mouseenter')
            .unbind('mouseleave');

        // clear timeout if possible
        if (tID)
            clearTimeout(tID);
        // no more current element
        $.tooltip.visible = false;
        var tsettings = settings($.tooltip.current);
        clearTimeout($.tooltip.ajaxTimeout);
        if ($.tooltip.ajaxRequest && $.tooltip.ajaxRequest.abort) {
            $.tooltip.ajaxRequest.abort();
        }

        helper.body.empty();
        $.tooltip.current = null;
        function complete() {
            helper.parent.removeClass(tsettings.extraClass).hide().css("opacity", "");
        }

        if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
            if (helper.parent.is(':animated'))
                helper.parent.stop().fadeTo(tsettings.fade, 0, complete);
            else
                helper.parent.stop().fadeOut(tsettings.fade, complete);
        } else
            complete();

        if (tsettings.fixPNG)
            helper.parent.unfixPNG();
    }

})(jQuery);

function unfix_tooltip() {
    $.tooltip.blocked = false;
    $.tooltip.visible = false;
    $.tooltip.current = null;
    $('#tooltip').hide();
    $('#tooltip .tooltip_closer').hide();
    hideOverlay('_tooltip');
}


$(document).bind('keydown', function (event) {
    if( $.tooltip === undefined ) return;

    if (event.keyCode == 27 && $.tooltip.blocked === true) {
        unfix_tooltip();
    }
});