(function($) {
	var services = null;
	
	function handleJSON(data) {
		services = data.services;
		$('.header select').change(changeService);
	}
	
	function changeService() {
		$('.service').remove();	
		if(this.value) {
			var i = this.selectedIndex-1;
			var b = $('<div class="service">'+services[i].body+'</div>').appendTo('.header');
		} else {
			var b = $('<div class="service"><p>For more information on the services we offer, please make a selection above.</p></div>').appendTo('.header');
		}
		$('.header').css({ height:$(b).height()+65 });
	}
		
	$(document).ready(function() {
		$('.header').css({ overflow:'hidden' }).find('input[type=submit]').remove();
		$.getJSON('/ajax-data.php', { action:'services' }, handleJSON);   
	});
})(jQuery);