function changePicHome1() {
if (document.getElementById('NewhavenDieppe')) {
document.getElementById('mainpicture').src='Images/cotedalbatreferry.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.jpg';
document.getElementById('mainpicture').alt='Dover to Boulogne Route';
}
}

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


document.write(
'<div id="MainPhotos">'+
'<img src="Images/boulogne.jpg" id="mainpicture" alt="Norman Arrow Speed Ferry from Dover to Boulogne" />'+
'</div>'+
'<div id="MainPhotosBackground">'+
'<img src="Images/MainPhotosBackground.gif" />'+
'</div>');


function routes() {
document.write(
'<div id="Routes">'+
'<table border="1" width="230px">'+
'<tr>'+
'<td> <b>LD Lines Network Routes</b> </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="Pages/HomePageLinks/NewhavenDieppeInfo.html" target="content" id="NewhavenDieppe" onClick="changePicHome1()">  Newhaven to Dieppe </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="Pages/HomePageLinks/PortsmouthLeHavreInfo.html" target="content" id="PortsmouthLeHavre" onClick="changePicIndex2()">  Portsmouth to Le Havre </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="Pages/HomePageLinks/DoverBoulogneInfo.html" target="content" id="DoverBoulogne" onClick="changePicIndex3()">  Dover to Boulogne </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="Pages/HomePageLinks/RamsgateOstendInfo.html" target="content" id="RamsgateOstend" onclick="changePicIndex4()">  Ramsgate to Ostend </td>'+
'</tr>'+
'<tr>'+
'</tr>'+
'</table>'+
'</div>');
}