(function ($) {

    $.fn.easyTooltip = function (options) {

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



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

        this.each(function () {
            var title = $(this).attr("title");
            $(this).hover(function (e) {
                var currentId = $(this).attr("id").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("id").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);