document.write('<ul id="TabNavigation">');

if (TabName == "Home page" || TabName == "Homepage")
{
document.write('<li><span id="HomePageSelected">Home page</span></li>');
}
else
{
document.write('<li><a href="index.htm" id="HomePage">Home page</a></li>');
}

if (TabName == "Web design" || TabName == "Webdesign")
{
document.write('<li id="WebDesignOption"><span id="WebDesignSelected">Web design</span> <ul id="WebDesignDrop"><li><a href="web-site-design-expedia.htm" id="WebDesignDrop_DesignAndDevelopment">Web site design and development</a></li><li><a href="email-newsletters.htm" id="WebDesignDrop_EmailNewsletters">Email newsletters</a></li><li><a href="online-advertising.htm?page=1" id="WebDesignDrop_OnlineAdvertising">Online advertising</a></li></ul> </li>');
}
else
{
document.write('<li id="WebDesignOption"><a href="web-design.htm" id="WebDesign">Web design</a>  <ul id="WebDesignDrop"><li><a href="web-site-design-expedia.htm" id="WebDesignDrop_DesignAndDevelopment">Web site design and development</a></li><li><a href="email-newsletters.htm" id="WebDesignDrop_EmailNewsletters">Email newsletters</a></li><li><a href="online-advertising.htm?page=1" id="WebDesignDrop_OnlineAdvertising">Online advertising</a></li></ul> </li>');
}

if (TabName == "Graphic design" || TabName == "Graphicdesign")
{
document.write('<li><span id="GraphicDesignSelected">Graphic design</span></li>');
}
else
{
document.write('<li><a href="graphic-design.htm" id="GraphicDesign">Graphic design</a></li>');
}

if (TabName == "Photography" || TabName == "photography")
{
document.write('<li><span id="PhotographySelected">Photography</span></li>');
}
else
{
document.write('<li><a href="photography.htm" id="Photography">Photography</a></li>');
}


if (TabName == "Curriculum vitae" || TabName == "Curriculumvitae")
{
document.write('<li><span id="CurriculumVitaeSelected">Curriculum vitae</span></li>');
}
else
{
document.write('<li><a href="curriculum-vitae.htm" id="CurriculumVitae">Curriculum vitae</a></li>');
}


if (TabName == "Contact details" || TabName == "Contactdetails")
{
document.write('<li><span id="ContactDetailsSelected">Contact details</span></li>');
}
else
{
document.write('<li><a href="contact-details.htm" id="ContactDetails">Contact details</a></li>');
}

document.write('</ul>');