$(document).ready(function() {
  //variables
  bTransitionTime = 200;
  qTransitionTime = 500;
  iTransitionTime = 300;
  indicatorOff = $('#navItems .selected').offset();
  
  activeNav = $('#navItems .selected').attr('id');
  activeBlurb = '#b' + activeNav;
  $(activeBlurb).show();
 // alert(activeBlurb);
  
  $('#navBlurb li:not(:'+activeBlurb+')').hide();
  
  //alert($('#navItems .selected').width() / 2);
  
  $('#navIndicator').stop().animate({'left': indicatorOff.left + ($('#navItems .selected').width() / 2) - 6}, iTransitionTime);
  
  $('#navItems li').mouseenter(function() {
	  $('#navBlurb li').stop(true, true).fadeTo(bTransitionTime, 0);
	  navId = $(this).attr('id');
	  $('#b' + navId).fadeTo(bTransitionTime, 1);
	
		blurb = $('#b' + navId).attr('id');
		blurbPos = $('#' + blurb).css('left');
		itemPos = $(this).offset();
		selectedPos = $('#navItems .selected').offset();
		moveAmount = itemPos.left + ($(this).width() / 2) - 6;
		
		//alert(itemPos.left + ($(this).width() / 2) - 6);
		
		//alert(moveAmount);
		$('#navIndicator').stop().animate({'left': moveAmount}, iTransitionTime);
		//$('#navIndicator').css(
		//		{
		//			'left':itemPos.left + ($(this).width() / 2) - 6
		//		});
		
		//alert(blurbPos);
	  
	  //navIndicatorSlide();
	});
	
	 $('#navItems li').mouseleave(function() {
		
		$('#navBlurb li').fadeTo(bTransitionTime, 0).delay(300);
		navId = $('#navItems .selected').attr('id');
		$('#b' + navId).fadeTo(bTransitionTime, 1);
		// $('#navIndicator').css(
		// {
		// 	'left':selectedPos.left + ($('#navItems .selected').width() / 2) - 6
		// });

		$('#navIndicator').delay(300).stop().animate({'left': selectedPos.left + ($('#navItems .selected').width() / 2) - 6}, qTransitionTime);

	});
	
});