jQuery(document).ready(function(){
	jQuery('.help.helpicon,help,.help').hover(function(e) {
			var ids = jQuery(this).attr('ids');
			var helpString = jQuery(this).attr('helpText');
			
			if(ids == undefined && helpString == undefined)
				return;
			
			var iconOffset = jQuery(this).offset();
			var iconWidth = jQuery(this).width();
	
			var helpOverlay = jQuery(document.createElement('div'));
				helpOverlay.width(300);
				helpOverlay.addClass('helpOverlayContainer');
				
			var helpTop = jQuery(document.createElement('div'));
				helpTop.height(20);
				helpTop.css({
					'background':'url("/img/help_overlay/help_overlay_top.png") no-repeat top center'
				});
				
			var helpContent = jQuery(document.createElement('div'));
				helpContent.css({
					'min-height':'20px',
					'padding':'0 20px 10px 20px',
					'background':'url("/img/help_overlay/help_overlay_background.png") repeat-y bottom center',
					'text-shadow':'1px 1px 0px #fff',
					'color': '#000'
				});
				helpContent.html('<div class="center">Loading...</div>');
				
			var helpBottom = jQuery(document.createElement('div'));
				helpBottom.height(25);
				helpBottom.css({
					'background':'url("/img/help_overlay/help_overlay_bottom.png") no-repeat bottom center'
				});
				
			helpOverlay.append(helpTop);
			helpOverlay.append(helpContent);
			helpOverlay.append(helpBottom);
			
			jQuery('body').append(helpOverlay);
			
			helpOverlay.css({
				'position': 'absolute',
				'z-index': '9999999',
				'top': iconOffset.top-helpOverlay.height()+5,
				'left': iconOffset.left-(helpOverlay.width()/2)+(iconWidth/2),
			});
			
			helpContent.empty();
			
			if(ids != undefined && ids.trim().length > 0)
			{
				ids = ids.split(",");
				for(key in ids)
				{
					var response = jQuery.ajax({
						async: false,
						url: '/help/view/'+ids[key],
						context: document.body
					}).responseText;
					
					helpContent.append(response);
				}
			}
			
			if(helpString != undefined && helpString.trim().length > 0)
			{
				helpContent.append('<p>'+helpString+'</p>');
			}
			
			helpOverlay.css({
						'top': iconOffset.top-helpOverlay.height()+5,
						'left': iconOffset.left-(helpOverlay.width()/2)+(iconWidth/2),
			});
		},
		function() {
			jQuery('.helpOverlayContainer').remove();
		}
	)
});