/* Here are the basics of the things you need in your page.
For any page that uses this script, put in head section:
For the Home Page for the logo intro:
For anywhere else in the site to have a mouseover image change:
For the above, onmouseover calls the function multimouse. This function accepts parameters in units of three.
The first parameter should be the id of the image that will be changed (the division containing this image should
be of the same size and have the same id as the image, except with the addition of "div" on the end.
The second parameter should be the image to be changed to.
The third parameter should be the length of the fade transition in seconds.
Repeat this set of three for as many images and image locations you want changed all at the same time.
For a two-image slide show on mouseover:
Use the same coding as above, except use the fuction automouse instead.
onmouseover="autoimouse('targetimage','red.gif','.25','green.gif','2','red','red_tn.gif','.25',null,null)" onmouseout="mouse('red','red_tn_f.gif','.25')"
The first three terms behave the same as in "multimouse"
but the fourth term is the second image in the slideshow,
and the fifth term is the display time of the image in seconds.
The function multimouse will stop the slideshow, so to do any image changes while keeping the slidshow running,
use either the function "mouse" or the function "automouse" with the fourth and fifth terms in each grouping set to null.
*/
var image1 = new Array("images/home_logo/circle_hole.png","images/home_logo/circle_gd.png"); // these are the images for the homepage
var i = 0;
var ready = 1;
var famt = 0;
var fade = "yes" // Optional fade transition for Internet Explorer
var transdur = ".5" // Length of this transition in seconds (accepts decimals)
var tofadenotie = 0;
var autochange = 0;
function change(towhere,what,fadedur){
if (fade == "yes" && navigator.appName == "Microsoft Internet Explorer"){
document.images[towhere].style.filter="blendTrans(duration='"+fadedur+"')";
document.images[towhere].filters.blendTrans.apply();
document.images[towhere].src=what;
document.images[towhere].filters.blendTrans.play();
}
else if (fade == "yes" && fadedur > 0){
var from = document.images[towhere].src
document.getElementById(towhere+'div').style.backgroundImage="url('"+from+"')";
document.images[towhere].style.opacity=0;
setTimeout("quickpause('"+towhere+"','"+what+"','"+fadedur+"')",10);
}
else {
document.images[towhere].src=what;
}
}
function quickpause(towhere,what,fadedur){
document.images[towhere].src=what;
for (i=0; i<=25; i++) {
setTimeout("fadenotie('"+towhere+"',"+i+")",i*fadedur*1000/25);
}
}
function fadenotie(towhere,famt){
document.images[towhere].style.opacity=famt/25;
}
function setready(){
ready = 1;
}
function start(){
if (document.images){
pic1=new Image();
pic1.src=image1[0];
pic2=new Image();
pic2.src=image1[1];
}
ready = 0;
tofadenotie = 1;
setTimeout("change('targetimage',image1[0],transdur)",1000);
setTimeout("change('targetimage',image1[1],transdur)",2000);
setTimeout("setready()",3000);
}
function mouse(mtowhere,mwhat,mfadedur){
if (ready == 1){
pic1=new Image();
pic1.src=mwhat;
change(mtowhere,mwhat,mfadedur);
}
}
function multimouse(){
autochange=0;
for (i=0;i
