$(function() {
    		$('.limitClass').hover(function(event) {
    			var limitData = $('#limitData');
    			var limitHeader = $('#limitHeader');
    			var limitBox = $('#limitBox');
    			var thisElement = $(this);
    			var topPositionElement = thisElement.position().top;
    			var heightElement = thisElement.height();
    			var limitAmount = thisElement.attr("LimitAmount");
    			var limitTitle = thisElement.attr("LimitTitle");

    			//	Provide text to the LimitBox.
    			limitHeader.text(limitTitle);
    			limitData.text(limitAmount);

    			//	Detect an unknown position of the element (Firefox).
    			if (isNaN(topPositionElement)) {
    				//	Cross-browser code to get the mouse position relative to the document.
    				var positionX = 0;
    				var positionY = 0;
    				
    				if (!event) {
    					var event = window.event;
    				}
    				if (event.pageX || event.pageY) {
    					positionX = event.pageX;
    					positionY = event.pageY;
    				}
    				else if (event.clientX || event.clientY) {
    					positionX = event.clientX + document.body.scrollLeft
						+ document.documentElement.scrollLeft;
    					positionY = event.clientY + document.body.scrollTop
						+ document.documentElement.scrollTop;
    				}
    				//	Use the mouse position instead of the unknown position of the element.
    				topPositionElement = positionY;
    			}
    			//	Display the LimitBox to the left and slightly above the control.
    			limitBox.show()
    			.css('top', topPositionElement - (heightElement / 2))
    			.css('left', 120);
    		}, function() {
    			$('#limitBox').hide();
    		});
    	});