/*
 *        mbTooltip jquery plug in
 * 				developed by Matteo Bicocchi on JQuery
 *        © 2002-2009 Open Lab srl, Matteo Bicocchi
 *			    www.open-lab.com - info@open-lab.com
 *       	version 1.6
 *       	tested on: 	Explorer, FireFox and Chrome for PC
 *                  	FireFox and Safari for Mac Os X
 *                  	FireFox for Linux
 *         MIT (MIT-LICENSE.txt) licenses.
 */

(function($) {
    jQuery.fn.mbTooltip = function(options) {
        return this.each(function() {
            this.options = {
                live: true,
                opacity: .9,
                wait: 2000,
                timePerWord: 70,
                cssClass: "default",
                hasArrow: true,
                imgPath: "images/",
                hasShadow: true,
                shadowColor: "black",
                shadowLeft: 1,
                anchor: "mouse", //"parent",
                shadowTop: 1,
                mb_fade: 200
            };
            $.extend(this.options, options);
            if (this.options.live) $("[title]").live("mouseover", function() { $(this).mbTooltip(options); });
            var ttEl = $(this).is("[title]") ? $(this) : $(this).find("[title]");
            var wait = this.options.wait;
            var hasShadow = this.options.hasShadow;
            var fade = this.options.mb_fade;
            var myOptions = this.options;
            $(ttEl).each(function() {
                /*
                $(this).hover(function(){
                $(this).css("cursor","help");
                },function(){
                $(this).css("cursor","default");
                });
                */
                $(this).attr("tooltip", $(this).attr("title"));
                $(this).removeAttr("title");
                $(this).attr("tooltipEnable", "true");
                var theEl = $(this);
                var ttCont = theEl.attr("tooltip");
                var hover = $.browser.msie ? "mouseenter" : "mouseover";
                $(this).bind(hover, function(e) {
                    if (myOptions.anchor == "mouse") $().mb_getXY();
                    $(this).one("mouseout", function() {
                        $(this).stopTime();
                        $(this).deleteTooltip(hasShadow, fade);
                    }).one("click", function() {
                        $(this).stopTime();
                        $(this).deleteTooltip(hasShadow, fade);
                    });
                    $(this).oneTime(wait, function() {
                        if ($(this).attr("tooltipEnable") == "true")
                            $(this).buildTooltip(ttCont, myOptions, e);
                    });
                });
            });
        });
    };

    var mbX = 0;
    var mbY = 0;

    $.fn.extend({
        mb_getXY: function() {
            $().bind("mousemove", function(e) {
                mbX = e.pageX;
                mbY = e.pageY;
            });
            return { x: mbX, y: mbY };
        },
        buildTooltip: function(cont, options) {
            // debugger;
            this.options = {};
            $.extend(this.options, options);
            var parent = $(this);
            $("body").append("<div id='tooltip'></div>");
            var imgUrl = this.options.imgPath + "up.png";
            //===================
            //var elm = document.getElementById("placeholder1");
            //elm.style.top = elm.style.top  + 50; 
            //===================
            $("#tooltip").html(cont);
            $("#tooltip").addClass(this.options.cssClass);
            if (this.options.hasArrow) {
                $("#tooltip").prepend("<img id='ttimg' src='" + imgUrl + "'>");
                $("#ttimg").css({
                    position: "absolute",
                    opacity: .5
                });

                $("#ttimg").addClass("top");
            }
            $("#tooltip").css({
                position: "absolute",
                
                top: this.options.anchor == "mouse" ? $().mb_getXY().y - 20 : parent.offset().top + (parent.outerHeight()),
                left: this.options.anchor == "mouse" ? $().mb_getXY().x - 150 : parent.offset().left,
                opacity: 0
            });
             
            $("#tooltip").findBestPos(parent, this.options.imgPath, this.options.anchor);
            if (this.options.anchor == "mouse") $().unbind("mousemove");
            if (this.options.hasShadow) {
                $("#tooltip").dropShadow({ left: this.options.shadowLeft, top: this.options.shadowTop, blur: 2, opacity: 0.3, color: this.options.shadowColor });
                $(".dropShadow").css("display", "none");
                $(".dropShadow").mb_BringToFront();
                $(".dropShadow").fadeIn(this.options.mb_fade);
            }
            $("#tooltip").mb_BringToFront();
            $("#tooltip").fadeTo(this.options.mb_fade, this.options.opacity, function() { });
            var timetoshow = 3000 + cont.length * this.options.timePerWord;
            var hasShadow = this.options.hasShadow;
            var fade = this.options.mb_fade;
            $(this).oneTime(timetoshow, function() { $(this).deleteTooltip(hasShadow, fade); });
        },
        deleteTooltip: function(hasShadow, fade) {
            //===================
            //var elm = document.getElementById("placeholder1");
            //elm.style.top = elm.style.top - 50; //.style.visible = '';
            //===================

            var sel = hasShadow ? "#tooltip,.dropShadow" : "#tooltip";
            $(sel).fadeOut(fade, function() { $(sel).remove(); });
        },
        findBestPos: function(parent, imgPath, anchor) {
            var theEl = $(this);
            var ww = $(window).width() + $(window).scrollLeft();
            var wh = $(window).height() + $(window).scrollTop();
            var w = theEl.outerWidth();
            theEl.css({ width: w });
            var t = ((theEl.offset().top + theEl.outerHeight(true)) > wh) ? theEl.offset().top - (anchor != "mouse" ? parent.outerHeight() : 0) - theEl.outerHeight() - 20 : theEl.offset().top;
            t = t < 0 ? 0 : t;
            var l = ((theEl.offset().left + w) > ww - 5) ? theEl.offset().left - (w - (anchor != "mouse" ? parent.outerWidth() : 0)) : theEl.offset().left;
            l = l < 0 ? 0 : l;
            if (theEl.offset().top + theEl.outerHeight(true) > wh) {
                $("#ttimg").attr("src", imgPath + "bottom.png");
                $("#ttimg").removeClass("top").addClass("bottom");
            }
            theEl.css({ width: w, top: t, left: l });
        },
        disableTooltip: function() {
            $(this).find("[tooltip]").attr("tooltipEnable", "false");
        },
        enableTooltip: function() {
            $(this).find("[tooltip]").attr("tooltipEnable", "true");
        }
    });

    jQuery.fn.mb_BringToFront = function() {
        var zi = 10;
        $('*').each(function() {
            if ($(this).css("position") == "absolute") {
                var cur = parseInt($(this).css('zIndex'));
                zi = cur > zi ? parseInt($(this).css('zIndex')) : zi;
            }
        });
        $(this).css('zIndex', zi += 100);
    };

    $(function() {
        //due to a problem of getter/setter for select
        $("select[title]").each(function() {
            var selectSpan = $("<span></span>");
            selectSpan.attr("title", $(this).attr("title"));
            $(this).wrapAll(selectSpan);
            $(this).removeAttr("title");
        });
    });

})(jQuery);