function changePicIndex1() {
if (document.getElementById('NewhavenDieppeHome')) {
document.getElementById('mainpicture').src='Images/bookings.gif';
}
}

function changePicIndex2() {
if (document.getElementById('PortsmouthLeHavre')) {
document.getElementById('mainpicture').src='Images/portsmouth.gif';
}
}

function changePicIndex3() {
if (document.getElementById('DoverBoulogne')) {
document.getElementById('mainpicture').src='Images/boulogne.gif';
}
}

function changePicIndex4() {
if (document.getElementById('RosslareCherbourg')) {
document.getElementById('mainpicture').src='Images/le havre.gif';
}
}


function mainphotos() {
document.write(
'<div id="MainPhotos">'+
'<img src="Images/NormanArrowLdLinesSpeedFerryFromDovertoBoulogne.gif" id="mainpicture" />'+
'</div>'+
'<div id="MainPhotosBackground">'+
'<img src="Images/MainPhotosBackground.gif" />'+
'</div>');
}







function routes() {
document.write(
'<div id="routes">'+
'<ul id="main-nav">'+
'<li><a href="HomePageLinks/NewhavenDieppeInfo.html" target="content">Newhaven Dieppe Ferry</a></li>'+
'<li><a href="HomePageLinks/PortsmouthLeHavreInfo.html" target="content">Portsmouth Le Havre Ferry</a></li>'+
'<li><a href="HomePageLinks/DoverBoulogneInfo.html" target="content">Dover Boulogne Ferry</a></li>'+
'<li><a href="HomePageLinks/RamsgateOstendInfo.html" target="content">Ramsgate Ostend Ferry</a></li>'+
'</ul>'+
'<br>'+
'<br>'+
'<br>'+
'<br>'+
'<br>'+
'<br>'+
'</div>');
}