function alignNotch() {
	
	// Using jQuery selectors, find the active nav item by class
	var activeItem = $("li.navBar2LinkActive");
	
	// Check to see if we found anything
	if (activeItem.length) {
		
		/*
		The return length was greater than zero, so we did find an active item.
		Grab the offest of the active item on the page, then take the LEFT value of that
		offset and add half of the with of the item to it.  This will give you the center point
		of the active item's image (as an offset to the left edge of the window.
		*/
		var activeItemOffset = activeItem.offset();
		var activeItemCenterPoint = activeItemOffset.left + (parseInt(activeItem.width()/2));
		
		/*
		The image we created with the drop shadow and nav notch is 10,000px wide, so we know
		its center-point is 5000px and this is where we have place the center of the nav notch.  
		What we want to do now is adjust its background position so that the notch (the center point
		of the background) lines up with the center point of the active nav item.
		*/
		var nBgCenterPoint = 5000;
		var nBgAdjustment = (nBgCenterPoint - activeItemCenterPoint);
		var sBgAdjustmentString = "-" + nBgAdjustment + "px 0px";
		
		// Make the actual CSS adjusments
		var dropShadowContainer = $("div#dropShadow");
		dropShadowContainer.css("background-position",sBgAdjustmentString);
	}
};

/*
This function calls the alignNotch() function on document load or
and time the window is resized.
*/
$(document).ready(function(){
	alignNotch();
	$(window).resize(function() {
		alignNotch();
	});
});