// JavaScript Document

$(document).ready(function() {

		//center a div below a target div
		centerDivBelow = function( targetDiv, divToPlace, horizontalOffset, verticalOffset )
		{
			$('#contentWrap').css('position', 'relative');

			var wrapOffset = $('#contentWrap').offset();
			var thisElementOffset = targetDiv.offset();
			var finalOffsetLeft = thisElementOffset.left - wrapOffset.left;
			var finalOffsetTop = thisElementOffset.top - wrapOffset.top;

			var elementOffset = targetDiv.position();
			var currWidth = targetDiv.outerWidth();
			var currHeight = targetDiv.outerHeight();

			var finalLeftAlign = ((finalOffsetLeft ) + ((targetDiv.outerWidth() / 2) - (divToPlace.outerWidth() /2)) + horizontalOffset);
			divToPlace.css('left', finalLeftAlign);
			divToPlace.css('top', finalOffsetTop + currHeight + verticalOffset );
		}
		
		//center a div below a target div
		centerDivAbove = function( targetDiv, divToPlace, horizontalOffset, verticalOffset )
		{
			$('#contentWrap').css('position', 'relative');
			
			var wrapOffset = $('#contentWrap').offset();
			var thisElementOffset = targetDiv.offset();
			var finalOffsetLeft = thisElementOffset.left - wrapOffset.left;
			var finalOffsetTop = thisElementOffset.top - wrapOffset.top;

			var elementOffset = targetDiv.position();
			var currWidth = targetDiv.outerWidth();
			var currHeight = targetDiv.outerheight();

			if (distanceFromTarget != null) distanceFromTarget = 15;
			divToPlace.css('left', finalOffsetLeft - (divToPlace.width() / 2) + (currWidth /2)) + horizontalOffset;
			divToPlace.css('top', finalOffsetTop  - (verticalOffset  + divToPlace.height()) );	
		}
				
});