The mouseovers can be done with ImageReady Lily. You can set the time in between for the change. You already have Java on your site so I would suggest making external js files for each script and linking that to each page with one line:
<script language="JavaScript" type="text/javascript" src="yourfilename.js"></script>
You would have the above line for each js file or each javascript you have.
The css info you have is very limited. You are only calling the scrollbars and text decoration for the pages. Fonts, background colors, font sizes, etc can be handled in one css and this will cut down on the clutter in your code. The css file needs to be in your root directory with your index file. The tag line to use on all your pages is:
<link rel="stylesheet" href="yourfilename.css" type="text/css">
Now remember to change the href to reflect how far down in the directories you go. If you have files in a folder called photos then the href in the above line is going to be ../yourfilename.css
I have attached the css file. Right now it is named lilycss.txt. You will need to change that to be yourfilename.css. You will remove any code that is:
<style type="text/css">
<!--
A { text-decoration:none }
-->
BODY .........
}
</style>
as this is your css info per page. Replace the above with the tag line I supplied and you are good to go. CSS is only helpful if you really utilize the css file with font info, p tag info, td and table tag info, etc. It makes updating your site a breeze as it is all from one file. I would suggest testing this on one page only to make sure you have the feel for it and don't mess up your site. Also good rule of thumb is make sure you have a copy on your hard drive of your site. I keep a copy by date of every site I update so if something goes crazy then I have a working copy to fall back on with no downtime.
Here is an example of a CSS I created to show you the possibilities:
body {
background-color: #e5e5e5;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
What this says is anything in the body or <body> tag will follow the above for formatting. Paragraphs will then follow the <p> tag info and table info or <td> tags will follow the td info.
