// image changes on onMouseOver

// global variables (one per image to store underlined version)
// (these are not used again, since the image is cached.)
var img1 = new Image();
var img2 = new Image();
var img3 = new Image();
var img4 = new Image();
var img5 = new Image();
var img6 = new Image();

var imgnames = [ "I_introduction", "II_animations", "III_theory", "IV_gallery", "V_nets", "VI_references"];
var strings = ["What is a kaleidocycle?", 
               "Load 3d Java applet to rotate a kaleidocycle interactively",
               "Learn about the mathematics of kaleidocycles",
               "Some rendered JPEGs and AVIs of kaleidocycles",
               "How to build your own kaleidocycles",
               "Where to find more information about kaleidocycles"];
// pre-load highlight images
   img1.src = "gif/I_introduction_sel.gif";
   img2.src = "gif/II_animations_sel.gif";
   img3.src = "gif/III_theory_sel.gif";
   img4.src = "gif/IV_gallery_sel.gif";
   img5.src = "gif/V_nets_sel.gif";
   img6.src = "gif/VI_references_sel.gif";


// highlight a link
function select(i) {
   document[imgnames[i]].src = "gif/" + imgnames[i] + "_sel.gif";
   infobar.innerHTML=strings[i];
}

// un-highlight a link
function deselect(i) {
   document[imgnames[i]].src = "gif/" + imgnames[i] + ".gif";
   infobar.innerHTML="&nbsp";
}



// impressum

function footer() {

document.writeln("<CENTER><HR WIDTH=900 COLOR='#000000'>");

document.writeln("<FONT SIZE='-1'>&copy; 2003-2006 Marcus Engel<BR>");

document.writeln("<A HREF='mailto:e3ngel@kaleidocy5cles.de'>e3ngel@kaleidocy5cles.de</A><BR>");

document.writeln("(remove digits to get valid email address!)</FONT></CENTER>");



}