var popupCount = 0;

$(document).ready(function() {
    $("ul#nav-pri")
		.supersubs({ 
        	minWidth:    12,
        	maxWidth:    40,
        	extraWidth:  1
    	})
		.superfish();

		$('a.has-popup').click(function() {
			var $a = $(this),
				$p = $('div' + $a.attr('href')).clone().attr('id', function(i, oldId) { return oldId+popupCount++; }),
				inPanel = ($a.parents('.panel').length > 0),
				leftOffset = inPanel ? 30 : 0,
				topOffset = inPanel ? 10 : 0,
				$closeButton =
					$('<a class="close-button" href="#"><img src="_image/close-button.png" alt="Close" border="0" /></a>')
						.click(function() {
							var $linkPopup = $(this).parents('.link-popup');
							$linkPopup
								.fadeOut('slow', function() {
									$closeButton.remove();
									$linkPopup.remove();
								});
							return false;
						});

			$p
				.append($closeButton)
				.css({
					display: 'none',
					position: 'absolute',
					left: $a.position()['left'] - leftOffset,
					top: $a.position()['top'] - topOffset
				})
				.appendTo($a.parent())
				.fadeIn('slow');

			return false;
		});
		
	// $('a.has-popup').click(function() {
	// 	var $a = $(this),
	// 		$p = $('div' + $a.attr('href')),
	// 		$closeButton =
	// 			$('<a class="close-button" href="#"><img src="_image/close-button.png" alt="Close" border="0" /></a>')
	// 				.click(function() {
	// 					$(this).parents('.link-popup')
	// 						.fadeOut('slow', function() {
	// 							$closeButton.remove();
	// 						});
	// 					return false;
	// 				});
	// 	
	// 	$p
	// 		.append($closeButton)
	// 		.css({
	// 			position: 'absolute',
	// 			left: $a.offset()['left'],
	// 			top: $a.offset()['top']
	// 		})
	// 		.fadeIn('slow');
	// 		
	// 		
	// 	return false;
	// });
});