$(document).ready(function() {
					   
	$('.welcome span').hide();

  function Welcome () {
   
   	var thedate   = new Date();
	var dayofweek = thedate.getDay();
	var hourofday = thedate.getHours();
	
	
	//var hourofday = 8;
	
	if (hourofday < 3) {
		var message = "Hi, you're up late!";
		$('.welcome').append(message).show();
	}
	
	if (hourofday > 2 && hourofday < 6) {
		var message = "Hi, you're up early!";
		$('.welcome').append(message).show();
	}  
	
	if (hourofday > 5 && hourofday < 12) {
		var message = "Good morning";
		$('.welcome').append(message).show();
	}
	
	if (hourofday > 11 && hourofday < 14) {
		var message = "Hi, surfing at lunchtime?";
		$('.welcome').append(message).show();
	}
	
	if (hourofday > 13 && hourofday < 18) {
		var message = "Good afternoon";
		$('.welcome').append(message).show();
	}
	
	if (hourofday > 17 && hourofday < 21) {
		var message = "Hi, working late?";
		$('.welcome').append(message).show();
	}
	
	if (hourofday > 20 && hourofday < 23) {
		var message = "Hi, last surf of the day?";
		$('.welcome').append(message).show();
	}
	
	if (hourofday == 23) {
		var message = "Hi, you're up late!";
		$('.welcome').append(message).show();
	}
	
	}
	
	Welcome();

 });