$(document).ready(function(){
	//gives the image a drop shadow
	navBlob(page);  
});

function navBlob() {
	var eqNum = page;
	var leftPosition = $('#navigation li:eq('+eqNum+')').position().left;
	$('<div id="navigation_blob"></div>').css({
		width: $('#navigation li:eq('+eqNum+')').width(),
		height: $('#navigation li:eq('+eqNum+')').height() + 2
	}).appendTo('#navigation').animate({width: $('#navigation li:eq('+eqNum+')').width(), left: leftPosition}, 'fast' );
	$('#navigation a:eq('+eqNum+')').css('color', '#606060');

  $('#navigation li').hover(function(){ 
    // Mouse over function
	$('#navigation a:eq('+eqNum+')').css('color', '#FFFFFF');
	$(this).find('a').css('color', '#606060');
	$('#navigation_blob').animate(
      {width: $(this).width(), left: $(this).position().left},
	    {duration: 'fast', easing: 'swing', queue: false}
    );
  }, function() { 
	  // Mouse out function
	  $(this).find('a').css('color', '#FFFFFF');
	  var leftPosition = $('#navigation li:eq('+eqNum+')').position().left;
	  $('#navigation_blob').animate({width: $('#navigation li:eq('+eqNum+')').width(), left: leftPosition}, 'fast' );
	  $('#navigation a:eq('+eqNum+')').css('color', '#606060');
  });
}