Find your very own Prescription for Change
		<script type="text/javascript" src="/js/misc.js"></script>
<script type="text/javascript" src="/js/protoscript.js"></script>		
<div id="content">

<div class="error" id="embeddedFreeError" style="display: none;">
Embedding Acuity Scheduling is only available in the full version, <a href="http://acuityscheduling.com/preferences.php">please upgrade</a>
to remove this message.
</div>
<script language="javascript">
var isFree=0;
if ( top.frames.length > 0 ) {
	$('header').hide();
	$(document.body).style.background = '#FFFFFF';
	if (isFree == 1) {
		$('embeddedFreeError').style.display = 'block';
	}
}

</script>


<script language="javascript">
var owner = 1296;
var durations = new Array();
var typeToCalendars = new Array();

durations['10804'] = 30;
typeToCalendars['10804'] = [[1147, 'My Calendar']  ];
durations['11061'] = 30;
typeToCalendars['11061'] = [[1147, 'My Calendar']  ];
durations['11062'] = 30;
typeToCalendars['11062'] = [[1147, 'My Calendar']  ];
durations['9436'] = 30+15;
typeToCalendars['9436'] = [[1147, 'My Calendar']  ];
durations['9437'] = 30+15;
typeToCalendars['9437'] = [[1147, 'My Calendar']  ];
durations['10444'] = 30;
typeToCalendars['10444'] = [[1147, 'My Calendar']  ];
durations['10819'] = 30;
typeToCalendars['10819'] = [[1147, 'My Calendar']  ];


function initTimes()
{
	$$('.timeslot').each(function(e){
		Event.observe(e, 'click', function(){
			$$('.selectedtimeslot').each(function(sel){ $(sel).removeClassName('selectedtimeslot'); });
			$(e).addClassName('selectedtimeslot');
			$('selectedtime').innerHTML = $(e).readAttribute('time');
			$A($(e).getElementsByTagName('input')).each(function(radio){ $(radio).checked = true; });
		});
	});
}

function updateAvailableTimes() {
	$('times').innerHTML = 'Loading available times...'; // @todo: make this something moving and nicer, maybe from AJaX Loader?
	queryString = 'date='+$F('date')+'&type='+$F('appointmentType')+'&calendar='+$F('calendar');
	
	new Ajax.Request('schedule.php?action=availableTimes&owner='+owner, {
		asynchronous: true, method:'post', postBody:queryString,
		onFailure: function(t) {
			$('times').innerHTML = 'Error: failed to load times';
		},
		onSuccess: function(t) {
			$('times').innerHTML = t.responseText;
			initTimes();
		}
	});
}

</script>


<style type="text/css">
.calendar { border: 1px solid #ccc; background: #efefef; font-size: 1em; margin-bottom: 8px; }
.calendarHeading { width: 16em; }
.calendar th { font-weight: normal; }
.calendar td { width: 2em; height: 1.6em; vertical-align: top; }
.calendar .scheduledate { margin: 0; padding: 0; color: #bbb; font-size: 0.8em; }
.calendar .scheduleday { background: #fafafa; padding-top: 7px; text-align: center; pointer: auto; }
.calendar .selected { background: #f8e0de; }
.calendar .dayover { background: #ffff99; }
.calendar .activeday, .activeday .scheduledate { cursor: pointer; color: #333; font-weight: bold;  }
#times { height: 250px; }

.timeslot {  }
.selectedtimeslot { background: #ff9; }
#selectedtime { font-weight: bold; }

fieldset { width: 510px; }
.text { font-weight: bold; }
</style>


<noscript>
<p class="error">Javascript must be enabled to use this service. It lets us give you a smooth experience, and enabling it will also help
with other sites you visit. <a href="https://www.google.com/support/adsense/bin/answer.py?answer=12654" target="_blank">Learn how to 
enable Javascript</a></p>
</noscript>

<script language="javascript">var languageCode='en';</script>
<script language="javascript" src="js/calendar.js"></script>
<link rel="stylesheet" href="css/externalCalendar.css" type="text/css" />

<h1>The Doctors Coach</h1>


<p>Enabling doctors to have a life, finding a prescription for change, using Conversation, Communication, Coaching and NLP (neuro-liguistic programming). <br />
<br />
Please note all appointment times are UK time. If you live anywhere else please check what time it is in your time zone on  www.timeanddate.com/worldclock</p>


<form action="schedule.php?action=completeForms&owner=1296&admin=" method="POST">

<fieldset>
<legend>Pick an Appointment</legend>
<p>I would like to schedule
	<select name="appointmentType" id="appointmentType">
	<option value="">Choose a type...</option>
				<option value="10804" >Free Coaching session (30 minutes)</option>
				<option value="11061" >Coaching Programme (pre-paid) first session (30 minutes)</option>
				<option value="11062" >Coaching programme(pre-paid) followup (30 minutes)</option>
				<option value="9436" >First Coaching session (30 minutes @ GBP97.00)</option>
				<option value="9437" >Follow up Session (30 minutes @ GBP97.00)</option>
				<option value="10444" >Timepack Special (if included with Timepack) (30 minutes)</option>
				<option value="10819" >New You special (if uncluded in Package) (30 minutes)</option>
		</select><br />
<span id="calprompt" style="display: none;">with <select name="calendar" id="calendar"></select></span><br />
</p>

<div id="rest" style="display: none;">

<table border="0" width="500">
<tr>
	<td valign="top" width="300">
		<input type="hidden" name="date" id="date" value="" />
		<div id="date_picker">Need to load date picker</div>
	</td>
	<td valign="top">
		<span id="selectedtime"></span>
		<div class="times" id="times">
		<em>Choose a date to see available times</em>
		</div>
	</td>
</tr>
</table>
</div>
</fieldset>
<br />
<br />
<fieldset id="yourInfo">
<legend>Your Information</legend>
<table class="form">
<tr>
	<th>First Name</th>
	<td><input type="text" class="text" name="firstName" value="" size="20" /></td>
</tr>
<tr>
	<th>Last Name</th>
	<td><input type="text" class="text" name="lastName" value="" size="35" /></td>
</tr>
<tr>
	<th>Phone</th>
	<td><input type="text" class="text" name="phone" value="" /></td>
</tr>
<tr>
	<th>E-mail</th>
	<td><input type="text" class="text" name="email" value="" size="35" /></td>
</tr>
</table>

<p><br /><input type="submit" value="Complete Scheduling &gt;&gt;" /></p>

</fieldset>

</div>
</form>

<script language="javascript">
var adminGetVar = '';

function initCalendar()
{
	$$('.activeday').each(function(e){
		Event.observe(e, 'mouseover', function() { $(e).addClassName('dayover'); });
		Event.observe(e, 'mouseout', function() { $(e).removeClassName('dayover'); });
		Event.observe(e, 'click', function() {
			$('date').value = $(e).readAttribute('day');

			$$('.selected').each(function(selected){ $(selected).removeClassName('selected'); });
			
			$(e).addClassName('selected');
			
			var parts = $('date').value.split('-');
			$('selected_day').innerHTML = parts[2];
		});
	});
}

function fadeToContent(id, content, fun)
{
	new Effect.Fade(id, {
		duration: 0.2,
		queue: 'end',
		afterFinish: function() {
			$(id).innerHTML = content;
			if (typeof(fun) == 'function') fun();
			new Effect.Appear(id, {
				duration: 0.2,
				afterFinish: function() { $(id).style.opacity = '1'; }
			});
		}
	});
}

function showCalendar(month)
{
	$('date_picker').update('Loading calendar...');
	
	queryString = 'type='+$F('appointmentType')+'&calendar='+$F('calendar')+'&month='+month;
	
	new Ajax.Request('schedule.php?action=showCalendar&owner='+owner+'&admin='+adminGetVar, {
		asynchronous: true, method:'post', postBody:queryString,
		onFailure: function(t) {
			fadeToContent('date_picker', 'Failed to load calendar :-(');
		},
		onSuccess: function(t) {
			fadeToContent('date_picker', t.responseText, initCalendar);
		}
	});
}

//Event.observe(window, 'load', function(){
function CT()
{
	if (!$F('appointmentType')) return;
	
	var cs = typeToCalendars[$F('appointmentType')];
	
	$('calendar').options.length = 0;
	$('calendar').options[0] = new Option('Choose calendar...', -1);
	$('calendar').options[1] = new Option('(any available)', 'any');

	for(var i=0; i<cs.length; i++) {
		var l = $('calendar').options.length;
		$('calendar').options[l] = new Option(cs[i][1], cs[i][0]);
	}
		
	if (cs.length <= 1)
	{
		$('calendar').selectedIndex = 1;
		if($('rest').style.display == 'none') {
			$('rest').show();
			$('yourInfo').show();
		} else {
			updateAvailableTimes();
		}
		
		$('calprompt').hide();
	}
	else
	{
		$('rest').hide();
		$('yourInfo').hide();
		$('calprompt').show();
		if($('calendarDiv')) $('calendarDiv').hide();
	}
	
	showCalendar();
}

function CC()
{
	if($('rest').style.display == 'none') {
		$('rest').show();
		$('yourInfo').show();
	} else {
		updateAvailableTimes();
	}
	
	showCalendar();
}
	
if ($('appointmentType')) {
	Event.observe('appointmentType', 'change', function(){ CT(); });
	Event.observe('calendar', 'change', function(){ CC(); });
	CT();
}

new Form.Element.Observer('date', 0.1, function(){
	// get the available times for this date and the given appointment type
	updateAvailableTimes();
});

//});

</script>

	Life is like a spreadsheet- change one thing  and everything else changes!