$(document).ready(function() {
  datetoday = new Date();
  timenow = datetoday.getTime();
  datetoday.setTime(timenow);
  thehour = datetoday.getHours();

  if (thehour >= 18)
    $('#greeting').html('Good Evening');
  else if (thehour >= 15)
    $('#greeting').html('Good Afternoon');
  else if (thehour >= 12)
    $('#greeting').html('Good Afternoon');
  else if (thehour >= 7)
    $('#greeting').html('Good Morning');
  else if (thehour >= 0)
    $('#greeting').html('Good Evening');
  else
    $('#greeting').html('Good Day');


	$('#web-design-list li').hover(
		function(){$(this).find('span.title-name:hidden').fadeIn(500);},
		function(){$(this).find('span.title-name:visible').fadeOut(500);}
	);
	$('#logo-branding-list li').hover(
		function(){$(this).find('span.title-name:hidden').fadeIn(500);},
		function(){$(this).find('span.title-name:visible').fadeOut(500);}
	);
	$('#print-design-list li').hover(
		function(){$(this).find('span.title-name:hidden').fadeIn(500);},
		function(){$(this).find('span.title-name:visible').fadeOut(500);}
	);
});