Portfolio Ajax in page - next and previous links not working

Hi - I have set up a portfolio with Ajax in page and used the original template file and code to set it up, however, when I click on the next and previous arrows the links arent working. I noticed this works correctly on the live demo page at http://preview.themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123?_ga=1.50363566.626458588.1460618082 but the template file does not work when opened in a browser locally (see attached). I didnt find anything in the Documentation about customising the article ID numbers - am I missing something?

Great thanks - Ive installed XAMPP and its all testing OK on the local host

In addition to this - I also wondered if its possible to use the drop down picker to call the Ajax pages based on the selected option. I have a long list of doctors which I am using the Ajax in Page portfolio layout for - but I also want to be able to have a list of all the doctors at the top which, when selected, would also load the profile for that doctor in the same way it would if you clicked on the picture. (see screenshot). I know this would need some javascript added but I dont know how to write it. Any help would be greatly appreciated.

smaller pic attached

This is the current form code html:

<form>
<fieldset>
<label class="inline-block">SELECT AN ANAESTHETIST: </label>
<select id="mySelect" class="selectpicker" data-width="fit">
<option value="include/ajax/doctors-profile-MattAcheson.php">Dr Matt Acheson</option>
<option value="/about-us/anaesthetists/26-dr-chris-adey">Dr Chris Adey</option>
<option value="/about-us/anaesthetists/27-dr-vanessa-andean">Dr Vanessa Andean</option>
<option value="/about-us/anaesthetists/121-dr-alex-baker">Dr Alex Baker</option>
<option value="/about-us/anaesthetists/28-dr-mike-barrowcliffe">Dr Mike Barrowcliffe</option>
<option value="/about-us/anaesthetists/29-dr-rob-beavis">Dr Rob Beavis</option>
<option value="/about-us/anaesthetists/30-dr-michael-boquest">Dr Michael Boquest</option>
<option value="/about-us/anaesthetists/129-dr-kim-browne">Dr Kim Browne</option>
<option value="/about-us/anaesthetists/16-dr-anthony-john-burn">Dr Anthony John Burn</option>
<option value="/about-us/anaesthetists/32-dr-graham-cannon">Dr Graham Cannon</option>
<option value="/about-us/anaesthetists/33-dr-jenny-carden">Dr Jenny Carden</option>
<option value="/about-us/anaesthetists/34-dr-sam-duncan">Dr Sam Duncan</option>
<option value="/about-us/anaesthetists/35-dr-peter-effeney">Dr Peter Effeney</option>
<option value="/about-us/anaesthetists/114-dr-brendan-flanagan">Dr Brendan Flanagan</option>
<option value="/about-us/anaesthetists/37-dr-pete-freeman">Dr Peter Freeman</option>
<option value="/about-us/anaesthetists/36-dr-ben-freeman">Dr Benjamin Freeman</option>
<option value="/about-us/anaesthetists/89-dr-sarah-g-freeman">Dr Sarah G Freeman</option>
<option value="/about-us/anaesthetists/38-dr-jonathan-jonty-golshevsky">Dr Jonathan (Jonty) Golshevsky</option>
<option value="/about-us/anaesthetists/39-dr-rob-greenberg">Dr Rob Greenberg</option>
<option value="/about-us/anaesthetists/15-dr-antonio-grossi">Dr Antonio Grossi</option>
<option value="/about-us/anaesthetists/40-dr-richard-grutzner">Dr Richard Grutzner</option>
<option value="/about-us/anaesthetists/130-dr-simon-hendel">Dr Simon Hendel</option>
<option value="/about-us/anaesthetists/13-dr-alison-hill">Dr Alison Hill</option>
<option value="/about-us/anaesthetists/41-dr-sue-chen-ho">Dr Sue-Chen Ho</option>
<option value="/about-us/anaesthetists/42-dr-patrick-hughes">Dr Patrick Hughes</option>
<option value="/about-us/anaesthetists/43-dr-fiona-johnson">Dr Fiona Johnson</option>
<option value="/about-us/anaesthetists/119-dr-ben-jones">Dr Ben Jones</option>
<option value="/about-us/anaesthetists/44-dr-ian-lack">Dr Ian Lack</option>
<option value="/about-us/anaesthetists/45-dr-mark-langley">Dr Mark Langley</option>
<option value="/about-us/anaesthetists/122-dr-nam-le">Dr Nam Le</option>
<option value="/about-us/anaesthetists/46-dr-walter-lederman">Dr Walter Lederman</option>
<option value="/about-us/anaesthetists/47-dr-adam-molnar">Dr Adam Molnar</option>
<option value="/about-us/anaesthetists/128-dr-emma-moloney">Dr Emma Moloney</option>
<option value="/about-us/anaesthetists/48-dr-mark-ng">Dr Mark Ng</option>
<option value="/about-us/anaesthetists/49-dr-joe-novella">Dr Joe Novella</option>
<option value="/about-us/anaesthetists/50-dr-richard-ranger">Dr Richard Ranger</option>
<option value="/about-us/anaesthetists/51-dr-mark-sandford">Dr Mark Sandford</option>
<option value="/about-us/anaesthetists/96-dr-stephen-smith">Dr Stephen Smith</option>
<option value="/about-us/anaesthetists/53-dr-michael-solly">Dr Michael Solly</option>
<option value="/about-us/anaesthetists/54-dr-damon-sutton">Dr Damon Sutton</option>
<option value="/about-us/anaesthetists/56-dr-vincent-tan">Dr Vincent Tan</option>
<option value="/about-us/anaesthetists/55-dr-lee-tan">Dr Lee Tan</option>
<option value="/about-us/anaesthetists/63-dr-james-tomlinson">Dr James Tomlinson</option>
<option value="/about-us/anaesthetists/88-dr-mark-tuck">Dr Mark Tuck</option>
<option value="/about-us/anaesthetists/57-dr-nicole-urquhart">Dr Nicole Urquhart</option>
<option value="/about-us/anaesthetists/58-dr-bronwyn-webster">Dr Bronwyn Webster</option>
<option value="/about-us/anaesthetists/59-dr-anthony-weeks">Dr Anthony Weeks</option>
<option value="/about-us/anaesthetists/60-dr-bertie-weitkamp">Dr Bertie Weitkamp</option>
</select>
</fieldset>
</form>

Is it possible to use the drop down picker to call the Ajax in page content based on the selected option. I have a long list of doctors which I am using the Ajax in Page portfolio layout for – but I also want to be able to have a list of all the doctors at the top which, when selected, would also load the profile for that doctor in the same way it would if you clicked on the pictures. (see screenshot). I know this would need some javascript added but I dont know how to write it. Any help would be greatly appreciated.

The form would be like the below:

<form>
<fieldset>
<label class="inline-block">SELECT AN ANAESTHETIST: </label>
<select id="mySelect" class="selectpicker" data-width="fit">
<option value="MattAcheson">Dr Matt Acheson</option>
<option value="Chris-Adey">Dr Chris Adey</option>
<option value="VanessaAndean">Dr Vanessa Andean</option>
<option value="AlexBaker">Dr Alex Baker</option>
<option value="MikeBarrowcliffe">Dr Mike Barrowcliffe</option>
</select>
</fieldset>
</form>