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.gif';
}
}

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


document.write(
'<div id="MainPhotos">'+
'<img src="../../Images/norman_voyager_1.gif" id="mainpicture" />'+
'</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/NewhavenDieppeFerry1.html" target="_self" id="NewhavenDieppe" onClick="changePicHome1()">  Newhaven to Dieppe </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="../../Pages/HomePageLinks/PortsmouthLeHavreFerry1.html" target="_self" id="PortsmouthLeHavre" onClick="changePicIndex2()">  Portsmouth to Le Havre </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="../../Pages/HomePageLinks/DoverBoulogneFerry1.html" target="_self" id="DoverBoulogne" onClick="changePicIndex3()">  Dover to Boulogne </td>'+
'</tr>'+
'<tr>'+
'<td> <a href="../../Pages/HomePageLinks/RosslareLeHavreFerry1.html" target="_self" id="RosslareLeHavre" onclick="changePicIndex4()">  Rosslare to Le Havre </td>'+
'</tr>'+
'</tr>'+
'</table>'+
'</div>');
}