(function ($) {
    $.fn.colorTip = function (settings) {

        var defaultSettings = {
            color: 'aahae',
            timeout: 0
        }

        //var supportedColors = ['red', 'green', 'blue', 'white', 'yellow', 'black', 'aahae'];
        var supportedColors = ['corifact'];

        /* Combining the default settings object with the supplied one */
        settings = $.extend(defaultSettings, settings);

        /*
        *	Looping through all the elements and returning them afterwards.
        *	This will add chainability to the plugin.
        */

        return this.each(function () {

            var elem = $(this);

            // If the title attribute is empty, continue with the next element
            if (!elem.attr('title')) return true;

            // Creating new eventScheduler and Tip objects for this element.
            // (See the class definition at the bottom).

            var scheduleEvent = new eventScheduler();
            var tip = new Tip(elem.attr('title'));

            // Adding the tooltip markup to the element and
            // applying a special class:

            // [Changed by Maansi] We shall add the colorTipContainer only when the tooltip is showing
            //elem.append(tip.generate()).addClass('colorTipContainer');            
            elem.append(tip.generate());

            // Checking to see whether a supported color has been
            // set as a classname on the element.

            var hasClass = false;
            for (var i = 0; i < supportedColors.length; i++) {
                if (elem.hasClass(supportedColors[i])) {
                    hasClass = true;
                    break;
                }
            }

            // If it has been set, it will override the default color

            if (!hasClass) {
                elem.addClass(settings.color);
            }

            // On mouseenter, show the tip, on mouseleave set the
            // tip to be hidden in half a second.

            elem.hover(function () {
                // [Added by Maansi] We shall add the colorTipContainer only when the tooltip is showing
                elem.addClass('colorTipContainer');
                tip.show();

                // If the user moves away and hovers over the tip again,
                // clear the previously set event:

                scheduleEvent.clear();

            }, function () {

                // Schedule event actualy sets a timeout (as you can
                // see from the class definition below).

                scheduleEvent.set(function () {
                    tip.hide();

                    // [Added by Maansi] We shall remove the colorTipContainer when the tooltip is not showing
                    elem.removeClass('colorTipContainer');
                }, settings.timeout);

            });

            // Removing the title attribute, so the regular OS titles are
            // not shown along with the tooltips.

            elem.removeAttr('title');
        });
    }


    /*
    /	Event Scheduler Class Definition
    */

    function eventScheduler() { }

    eventScheduler.prototype = {
        set: function (func, timeout) {

            // The set method takes a function and a time period (ms) as
            // parameters, and sets a timeout

            this.timer = setTimeout(func, timeout);
        },
        clear: function () {

            // The clear method clears the timeout

            clearTimeout(this.timer);
        }
    }


    /*
    /	Tip Class Definition
    */
    function Tip(txt) {
        this.content = txt;
        this.shown = false;
    }

    Tip.prototype = {
        generate: function () {

            // The generate method returns either a previously generated element
            // stored in the tip variable, or generates it and saves it in tip for
            // later use, after which returns it.

            return this.tip || (this.tip = $('<span class="colorTip">' + this.content +
											 '<span class="pointyTipShadow"></span><span class="pointyTip"></span></span>'));
        },
        show: function () {
            if (this.shown) return;

            // Center the tip and start a fadeIn animation

            // [Changed by Maansi] setting specific values for left and margin-left
            // z-index has been put to fix the issue with the colortips on successive lines overlapping with each other.

            // this.tip.css('margin-left',-this.tip.outerWidth()/5).fadeIn('fast');
            this.tip.css('margin-left', 0).css('z-index', '100').show();
            this.tip.css('display', 'inline-block');
            this.shown = true;
        },
        hide: function () {

            // [Changed by Maansi] jQuery fadeOut takes half a second in an async manner. 
            // Meanwhile, to fix the IE6 z-index issue, we have removed the colorTipContainer class,
            // the colorTip shows in the top left of the window. So we are turning off the fadeOut below 
            // and replacing it with hide

            //this.tip.fadeOut();
            this.tip.hide();
            this.shown = false;
        }
    }

})(jQuery);