(function ($) {

    $.fn.easyTooltip = function (options) {

        // default configuration properties
        var defaults = {
            xOffset: 10,
            yOffset: 150,
            tooltipId: "easyTooltip",
            clickRemove: false,
            content: "",
            useElement: "view_"
        };



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

        this.each(function () {
            var title = $(this).attr("title");
            $(this).hover(function (e) { 

                var currentId = $(this).attr("title").replace("element", "view");

                content = (options.content != "") ? options.content : title;
                content = (options.useElement != "") ? $("#" + currentId).html() : content;
                $(this).attr("title", "");
                if (content != "" && content != undefined) {
                    $("body").append("<div id='" + options.tooltipId + "'>" + content + "</div>");
                    $("#" + options.tooltipId)
						.css("position", "absolute")
						.css("top", (e.pageY - options.yOffset) + "px")
						.css("left", (e.pageX + options.xOffset) + "px")
						.css("display", "none")
						.fadeIn("fast")
                }
            },
			function () {
			    $("#" + options.tooltipId).remove();
			    $(this).attr("title", title);
			});
            $(this).mousemove(function (e) {
                $("#" + options.tooltipId)
					.css("top", (e.pageY - options.yOffset) + "px")
					.css("left", (e.pageX + options.xOffset) + "px")
            });
            if (options.clickRemove) {
                $(this).mousedown(function (e) {
                    $("#" + options.tooltipId).remove();
                    $(this).attr("title", title);
                });
            }

            if (navigator.appName == 'Microsoft Internet Explorer') {
                //ie hover
                $(this).mouseover(function (e) {

                    var currentId = $(this).attr("title").replace("element", "view");
			
                    content = (options.content != "") ? options.content : title;
                    content = (options.useElement != "") ? $("#" + currentId).html() : content;
                    $(this).attr("title", "");
                    if (content != "" && content != undefined) {
                        $("body").append("<div id='" + options.tooltipId + "'>" + content + "</div>");
                        $("#" + options.tooltipId)
						.css("position", "absolute")
						.css("top", (e.pageY - options.yOffset) + "px")
						.css("left", (e.pageX + options.xOffset) + "px")
						.css("display", "none")
						.fadeIn("fast")
                    }
                });

                $(this).mouseout(function (e) {
                    $("#" + options.tooltipId).remove();
                    $(this).attr("title", title);
                });
            }
        });

    };

})(jQuery);