$(function () {
	$('.contentPopupData').each(function () {
		// options
		var popupDistance = 10;
		var popupTime = 250;
		var popupShowDelay = 500;

		var popupShowDelayTimer = null;

		var popupTrigger = $('.trigger', this);
		var pathData = $('.bapPath', this).html();
		var linkUrlData = $('.bapUrl', this).text();
		var linkNameData = $('.bapLinkName', this).text();
		var mouseX;
		var mouseY;

		// set the mouseenter and mouseleave on the popup trigger
		$(popupTrigger.get(0)).bind("mouseenter", function (e) {
			if ($(".contentPopup").size() > 0) {
				return;
			} else {
				mouseX = e.pageX - 30;
				mouseY = e.pageY - 30;
				if (popupShowDelayTimer) clearTimeout(popupShowDelayTimer);
				popupShowDelayTimer = setTimeout(function() {
					popupShowDelayTimer = null;
					
					// Create the popup div
					var popupDiv = jQuery('<div class="contentPopup"><div>' + pathData + '</div></div>').appendTo("body");
					if (linkUrlData) {
						jQuery('<br/><a href="' + linkUrlData + '" target="_blank">' + linkNameData + '</a>').appendTo(popupDiv);
					}
					
					popupDiv.bind("mouseleave", function (e) {
						$('.contentPopup').remove();
					});							
						                        
					// reset position of popupItem box
					popupDiv.css({
						left: mouseX,
						top: mouseY,
						display: 'block' // brings the popupItem back in to view
					})
				}, 
				popupShowDelay);
			}
		}).bind("mouseleave", function (e) {
			if (popupShowDelayTimer) {
				clearTimeout(popupShowDelayTimer);
			}
		}).mousemove(function(e) {
			mouseX = e.pageX - 30;
			mouseY = e.pageY - 30;			
		});
	});
});