/**
*  jQuery Tooltip Plugin
*@requires jQuery v1.2.6
*  http://www.socialembedded.com/labs
*
*  Copyright (c)  Hernan Amiune (hernan.amiune.com)
*  Dual licensed under the MIT and GPL licenses:
*  http://www.opensource.org/licenses/mit-license.php
*  http://www.gnu.org/licenses/gpl.html
* 
*  Version: 1.0
*/

(function($) {
    $.fn.tooltip = function(options) {

        var defaults = {
            cssClass: "",     //CSS class or classes to style the tooltip
            delay: 0,        //The number of milliseconds before displaying the tooltip
            duration: 500,   //The number of milliseconds after moving the mouse cusor before removing the tooltip.
            xOffset: 15,     //X offset will allow the tooltip to appear offset by x pixels.
            yOffset: 15,     //Y offset will allow the tooltip to appear offset by y pixels.
            opacity: 0,      //0 is completely opaque and 100 completely transparent
            fadeDuration: 400 //[toxi20090112] added fade duration in millis (default = "normal")
        };

        var options = $.extend(defaults, options);


        return this.each(function(index) {

            var $this = $(this);

            //use just one div for all tooltips
            // [toxi20090112] allow the tooltip div to be already present (would break currently)
            $tooltip = $("#divTooltip");
            if ($tooltip.length == 0) {
                //$tooltip = $('<div id="divTooltip"></div>');

                $tooltip = $('<div class="tooltip_container"><div class="tooltip_caption"></div><div class="tooltip_description" style="padding:7px;"></div></div>');

                $('body').append($tooltip);
                $tooltip.hide();
            }

            //displays the tooltip
            $this.mouseover(function(e) {
                //compatibility issue
                e = e ? e : window.event;

                //don't hide the tooltip if the mouse is over the element again
                clearTimeout($tooltip.data("hideTimeoutId"));

                //set the tooltip class
                $tooltip.removeClass($tooltip.attr("class"));
                $tooltip.css("width", "");
                $tooltip.css("height", "");
                $tooltip.addClass(options.cssClass);
                $tooltip.css("opacity", 1 - options.opacity / 100);
                $tooltip.css("position", "absolute");

                //save the title text and remove it from title to avoid showing the default tooltip
                $tooltip.data("title", $this.attr("title"));
                $tooltip.data("longdesc", $this.attr("longdesc"));
                $this.attr("title", "");
                //$tooltip.data("alt", $this.attr("alt"));
                //$this.attr("alt", "");

                //set the tooltip content
                //$tooltip.html($tooltip.data("title"));
                $(".tooltip_caption").html($tooltip.data("title"));
                
                // [toxi20090112] only use ajax if there actually is an href attrib present
                var href = $this.attr("longdesc");
                // [Peter] href!="" added
                if (href != undefined && href != "" && href != "#")
                //Aangepast zodat er geen ajaxcall gedaan wordt, maar de tekst wordt direct uit de longdesc gehaald.
                //$tooltip.html($.ajax({ url: $this.attr("longdesc"), async: false }).responseText);
                    //$tooltip.html($this.attr("longdesc"));
                    $(".tooltip_description").html($tooltip.data("longdesc"));

                //set the tooltip position
                winw = $(window).width();
                w = $tooltip.width();
                xOffset = options.xOffset;

                //right priority
                if (w + xOffset + 50 < winw - e.clientX)
                    $tooltip.css("left", $(document).scrollLeft() + e.clientX + xOffset);
                else if (w + xOffset + 50 < e.clientX)
                    $tooltip.css("left", $(document).scrollLeft() + e.clientX - (w + xOffset));
                else {
                    //there is more space at left, fit the tooltip there
                    if (e.clientX > winw / 2) {
                        $tooltip.width(e.clientX - 50);
                        $tooltip.css("left", $(document).scrollLeft() + 25);
                    }
                    //there is more space at right, fit the tooltip there
                    else {
                        $tooltip.width((winw - e.clientX) - 50);
                        $tooltip.css("left", $(document).scrollLeft() + e.clientX + xOffset);
                    }
                }

                winh = $(window).height();
                h = $tooltip.height();
                yOffset = options.yOffset;
                //top position priority
                if (h + yOffset + 50 < e.clientY)
                    $tooltip.css("top", $(document).scrollTop() + e.clientY - (h + yOffset));
                else if (h + yOffset + 50 < winh - e.clientY)
                    $tooltip.css("top", $(document).scrollTop() + e.clientY + yOffset);
                else
                    $tooltip.css("top", $(document).scrollTop() + 10);

                //start the timer to show the tooltip
                //[toxi20090112] modified to make use of fadeDuration option
                $tooltip.data("showTimeoutId", setTimeout("$tooltip.fadeIn(" + options.fadeDuration + ")", options.delay));
            });

            $this.mouseout(function(e) {
                //restore the title
                $this.attr("title", $tooltip.data("title"));
                //$this.attr("alt", $tooltip.data("alt"));
                //don't show the tooltip if the mouse left the element before the delay time
                clearTimeout($tooltip.data("showTimeoutId"));
                //start the timer to hide the tooltip
                //[toxi20090112] modified to make use of fadeDuration option
                $tooltip.data("hideTimeoutId", setTimeout("$tooltip.fadeOut(" + options.fadeDuration + ")", options.duration));
            });

            $this.click(function(e) {
                e.preventDefault();
            });

        });

    }
})(jQuery);