$.get('content/homepage.html', function(data) {
	$('#content').html(data);
});

$(document).ready(function() {

	retrievePageHandler("#home", "content/homepage.html");
	retrievePageHandler("#meetNatalie", "content/meetnatalie.html");
	retrievePageHandler("#services", "content/services.html");
	retrievePageHandler("#makeappointment", "content/appointments.html");
	retrievePageHandler("#contactus", "content/contactus.html");

	// nav hover code
	$(".navButton").hover(function() {
		$(this).css('backgroundColor', '#FF9933');
	}, function() {
		$(this).css('backgroundColor', '#3399FF');
	});
});

// attaches an ajax get command to an elementID, retrieves the url parameter
function retrievePageHandler(elementID, url) {
	$(elementID).click(function() {
		$.get(url, function(data) {
			$('#content').html(data);
		});
	});
}