(function($) {

	$.fn.helpCMS = function(options) {
		var opts = $.extend($.fn.helpCMS.defaults, options);
		
		jQuery("td[ @class *= '" + opts.prefix + "' ]").each(function(){
			var css_class	= jQuery(this).attr("class");
			
			var help		= css_class.split(opts.prefix);
			
			help			= help[1].toString().split(" ")[0];
			
			jQuery(this).prepend("<img src=\"/beheer/images/help_icon.png\" rel=\"" + help + "\" alt=\"Meer informatie\" border=\"0\" class=\"cms_help_icon\"/>&nbsp;")
		});
		
		jQuery(".cms_help_icon").each(function(){
			jQuery(this).mouseover(function(){
				var offset_left = ((jQuery(this).offset().left) + 18);
				var offset_top	= jQuery(this).offset().top;
				
				jQuery.get(opts.url, { module : opts.module, field : jQuery(this).attr("rel") }, function(data) { jQuery(".cms_help_box").remove(); jQuery("body").append("<div class=\"cms_help_box\" style=\"left: " + offset_left + "px; top: " + offset_top + "px; width: 250px\">" + data + "</div>"); });
			});
			
			jQuery(this).mouseout(function(){
				jQuery(".cms_help_box").remove();
			});
		});
	};
	
	$.fn.helpCMS.defaults = {
		prefix: "help_",
		module : "",
		url: "/beheer/library/get_help_omschrijving.php"
	};

})(jQuery);
