/**
 *  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.3
 *
 *  Added Some Logic and modifyed by The @Wiki Team.
 *  20090527
 *
 */
 
(function($){ $.fn.tooltip = function(options){

    var defaults = {
        cssClass: "",           // CSS class or classes to style the tooltip
        delay : 100,            // The number of milliseconds before displaying the tooltip
        duration : 500,         // The number of milliseconds after moving the mouse cusor before removing the tooltip.
        stickyDuration : 10000, // [Steve Favorito] added a delay before removing a sticky tooltip.
        xOffset : 10,           // X offset will allow the tooltip to appear offset by x pixels.
        yOffset : 10,           // Y offset will allow the tooltip to appear offset by y pixels.
        opacity : 0,            // 0 is completely opaque and 100 completely transparent
        sticky : false,         // true to make the tooltip sticky
        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>');            
            $('body').append($tooltip);
            $tooltip.hide();
        }
        
        function displayTooltip(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"));
            if(!options.sticky)$this.attr("title","");
            $tooltip.data("alt",$this.attr("alt"));
            if(!options.sticky)$this.attr("alt","");
            
            /*
            //set the tooltip content
            $tooltip.html($tooltip.data("title"));
            // [toxi20090112] only use ajax if there actually is an href attrib present
            var href=$this.attr("lang"); // [Steve Favorito] Changed from "href" to "lang" (allows for use on img tags with xhtml validation, without using anchor tags)
            // [Peter] href!="" added
            if(href!=undefined && href!="" && href != "#")
                $tooltip.html($.ajax({url:$this.attr("lang"),async:false}).responseText); // [Steve Favorito] Changed from "href" to "lang" (allows for use on img tags with xhtml validation, without using anchor tags)
            */
            
            $this.attr('id').match(/ad_word([0-9]+)$/);
            
            var html = '<div class="KeywordSearchBox"><ul><li><a href="http:\/\/auction.atpedia.jp\/search\/%keyword%" target="_blank">オークションで検索<\/a><\/li><li><a href="http:\/\/ja.wikipedia.org\/wiki\/%keyword%" target="_blank">Wikipediaで検索<\/a><\/li><li><a href="http:\/\/www.google.com\/search?hl=ja&q=%keyword%" target="_blank">Googleで検索<\/a><\/li><\/ul><\/div>';
            html = html.replace(/%keyword%/g,ad_word_list[RegExp.$1]);
            $tooltip.html(html);
            
            
            $tooltip.click(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));
            });
            
            //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
            if(!options.sticky)$tooltip.data("showTimeoutId", setTimeout("$tooltip.fadeIn("+options.fadeDuration+")",options.delay));
            else $tooltip.toggle();
        }
        
        
        if(options.sticky){
            $this.click(function(e){  // [Steve Favorito] Added to activate event on mouseover or click
                e.preventDefault();
                displayTooltip(e);
                $this.attr("title",$tooltip.data("title"));
                $this.attr("alt",$tooltip.data("alt"));
                clearTimeout($tooltip.data("showTimeoutId"));
                $tooltip.data("hideTimeoutId", setTimeout("$tooltip.fadeOut("+options.fadeDuration+")",options.stickyDuration));
            });
            
            /*$this.click(function(e){  // [Steve Favorito] Modified
                e.preventDefault();
                displayTooltip(e);
                $this.attr("title",$tooltip.data("title"));
                $this.attr("alt",$tooltip.data("alt"));
                clearTimeout($tooltip.data("showTimeoutId"));
                $tooltip.data("hideTimeoutId", setTimeout("$tooltip.fadeOut("+options.fadeDuration+")",options.stickyDuration));
            });*/

            
        }
        else{
            
            //displays the tooltip
            $this.click( function(e){
                displayTooltip(e);
            });
            
            $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);