$(document).ready(function() {
	
	// Set up animation effect for link rollovers
	$('#servicesMainNav > li > .linkWrapper').each(function(){
	
		$(this).append('<span class="highlight"></span>')
		.find('.highlight')
		.css({
			width: '0px',
			height: '40px',
			//left: ($(this).width() / 2)+'px',
			left: '0px',
			//top: ($(this).height() / 2)+'px',
			top: '0px',
			opacity: 1
		});
		
	});
	
	$('#servicesMainNav > li > .linkWrapper > a').hover(
		function() {
			$(this).next('.highlight').stop().animate({
				width: ( $(this).parent().width() )+'px',
				height: '40px',
				top: '0px',
				left: '0px',
				opacity: 1
			}, 200, 'easeInOutSine');
		},
		function() {
			$(this).next('.highlight').stop().animate({
				width: '0px',
				height: '40px',
				//top: ( $(this).parent().height() / 2 )+'px',
				top: '0px',
				//left: ( $(this).parent().width() / 2 )+'px',
				left: '0px',
				opacity: 1
			}, 200, 'easeInOutSine');
		}
		
	);
});