<!-- 

var numimages = 16;

var myimage = new Array(numimages);

function MouseOverImage(width, height, name, pic0, pic1){
  this.name = name;
  this.pic = new Array(2);
  this.pic[0] = new Image(width, height);
  this.pic[0].src = pic0;
  this.pic[1] = new Image(width, height);
  this.pic[1].src = pic1;
  }

function setPicture(imagenumber, pic){
  var theimage = myimage[imagenumber];
  document.images[theimage.name].src = theimage.pic[pic].src;
  }

function preLoadImages(){
  myimage[0]  = new MouseOverImage(12, 11, 'd0', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[1]  = new MouseOverImage(12, 11, 'd1', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[2]  = new MouseOverImage(12, 11, 'd2', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[3]  = new MouseOverImage(12, 11, 'd3', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[4]  = new MouseOverImage(12, 11, 'd4', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[5]  = new MouseOverImage(12, 11, 'd5', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[6]  = new MouseOverImage(12, 11, 'd6', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[7]  = new MouseOverImage(12, 11, 'd7', 'bin/sdot0.png', 'bin/sdot1.png');
  myimage[8]  = new MouseOverImage(80, 80, 'i0', 'bin/intro00.png', 'bin/intro01.png');
  myimage[9]  = new MouseOverImage(80, 80, 'i1', 'bin/intro10.png', 'bin/intro11.png');
  myimage[10]  = new MouseOverImage(80, 80, 'i2', 'bin/intro20.png', 'bin/intro21.png');
  myimage[11]  = new MouseOverImage(80, 80, 'i3', 'bin/intro30.png', 'bin/intro31.png');
  myimage[12]  = new MouseOverImage(80, 80, 'i4', 'bin/intro40.png', 'bin/intro41.png');
  myimage[13]  = new MouseOverImage(80, 80, 'i5', 'bin/intro50.png', 'bin/intro51.png');
  myimage[14]  = new MouseOverImage(80, 80, 'i6', 'bin/intro60.png', 'bin/intro61.png');
  myimage[15]  = new MouseOverImage(80, 80, 'i7', 'bin/intro70.png', 'bin/intro71.png');
  }

preLoadImages();

// -->