display okay when you put the *js locally in <head></head>. This suggests either the path is incorrect, or something. I note that the extention is CAP... -does this matter? I'd write it *js not *JS.
There are two javascript errors, but seeing the page helps to fix that I suppose..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Amor, Vitae, Media, Digital, 3D, Animation, Video" />
<meta name="description" content="Amor Vitae Media, we specialise in Digital Media Solutions ranging from 3D animation to 3D/Video integration" />
<meta name="author" content="Stewart Powles" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS1.css" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS2.css" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS3.css" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS4.css" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS5.css" />
<link rel="stylesheet" type="text/css" href="http://prowlie.brinkster.net/stylesheets/AVMCSS1.css" />
<script style="text/javascript">
/* declare variables, doAlerts is only set to true for testing purposes, expireDate is used in the setCookie function to set the expire date for the cookie */
var doAlerts=false;
expireDate = new Date
expireDate.setMonth(expireDate.getMonth()+6)
function changeSheets(whichSheet){
whichSheet=whichSheet-1;
if(document.styleSheets){
var tempVar1 = document.styleSheets.length;
if (doAlerts) alert('Change to Style '+(whichSheet+1));
for(var tempVar2=0;tempVar2<tempVar1;tempVar2++){
if (tempVar2!=whichSheet){
document.styleSheets[tempVar2].disabled=true;
}else{
document.styleSheets[tempVar2].disabled=false;
}
}
}
iconUpdate(whichSheet);
}
function iconUpdate(whichIcon){
if(document.images) {
dyslexicTextActivated = new Image
dyslexicText = new Image
largeTextActivated = new Image
largeText = new Image
mediumTextActivated = new Image
mediumText = new Image
smallTextActivated = new Image
smallText = new Image
dyslexicTextActivated.src = "images/dyslexicTextActivated.png"
dyslexicText.src = "images/dyslexicText.png"
largeTextActivated.src = "images/largeTextActivated.png"
largeText.src = "images/largeText.png"
mediumTextActivated.src = "images/mediumTextActivated.png"
mediumText.src = "images/mediumText.png"
smallTextActivated.src = "images/smallTextActivated.png"
smallText.src = "images/smallText.png"
}
if(whichIcon==0) {
document.one.src=smallTextActivated.src
document.two.src=mediumText.src
document.three.src=largeText.src
document.four.src=dyslexicText.src
}
if(whichIcon==1) {
document.one.src=smallText.src
document.two.src=mediumTextActivated.src
document.three.src=largeText.src
document.four.src=dyslexicText.src
}
if(whichIcon==2) {
document.one.src=smallText.src
document.two.src=mediumText.src
document.three.src=largeTextActivated.src
document.four.src=dyslexicText.src
}
if(whichIcon==3) {
document.one.src=smallText.src
document.two.src=mediumText.src
document.three.src=largeText.src
document.four.src=dyslexicTextActivated.src
}
if(whichIcon==4) {
document.one.src=smallText.src
document.two.src=mediumText.src
document.three.src=largeText.src
document.four.src=dyslexicText.src
}
setCookie(whichIcon)
}
function setCookie(whichSheet) {
whichSheetToStore = whichSheet
whichSheetToStore=whichSheetToStore+1;
document.cookie = "whichSheetToStore="+whichSheetToStore+";expires=" +expireDate.toGMTString()
}
function readCookie() {
if (document.cookie != "") {
whichSheet=document.cookie.split("=")[1]
changeSheets(whichSheet)
}
}
<!-- BEGIN text generated by server. PLEASE REMOVE -->
<script language='JavaScript' type='text/javascript' src='http://tag2.brinkster.com/adx.js'></script>
<script language='JavaScript' type='text/javascript'>
<!--
if (!document.phpAds_used) document.phpAds_used = ',';
phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
document.write ("http://tag2.brinkster.com/adjs.php?n=" + phpAds_random);
document.write ("&what=zone:1&block=1&blockcampaign=1");
document.write ("&exclude=" + document.phpAds_used);
if (document.referrer)
document.write ("&referer=" + escape(document.referrer));
document.write ("'><" + "/script>");
//-->
</script>
<noscript><br><br><div id="Brinkster183" style="font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:9px"><a href="http://www.brinkster.com/Hosting/HostingJump_30OffRookie.aspx" style="color:#000000" target="_blank">Get 30% off webhosting</a></div></noscript>
<!-- END text generated by server. PLEASE REMOVE -->
</script>
<title>Amor Vitae Media</title>
</head>
<body onload="readCookie()">
### etc. ###
<!-- footer image, very bottom of page -->
<div id="footerImage">
<img src="images/footerImage.png" alt="" />
</div>
<!-- end bodyContainer div -->
</div>
</body>
</html>