var hiliteImages;
var dimImages;
var imgElements;
var hrefElements;
var lit=-1;
var resized=false;

function loadImages() {
  hiliteImages = new Array();
  dimImages = new Array();
  imgElements = new Array();
  hrefElements = new Array();
  imgElements[0] = document.getElementById("logoleft");
  imgElements[1] = imgElements[0];
  imgElements[2] = document.getElementById("logomid");
  imgElements[3] = document.getElementById("logoright");
  imgElements[4] = imgElements[3];
  hrefElements[0] = document.getElementById("worklink");
  hrefElements[1] = document.getElementById("extraslink");
  hrefElements[2] = document.getElementById("aboutlink");
  hrefElements[3] = document.getElementById("legallink");
  hrefElements[4] = document.getElementById("stafflink");
  if (!window.innerWidth)
    window.innerWidth = document.body.clientWidth;
  if (window.innerWidth < 940) {
    hiliteImages[0] = new Image(243,150);
    hiliteImages[1] = new Image(243,150);
    hiliteImages[2] = new Image(155,150);
    hiliteImages[3] = new Image(201,150);
    hiliteImages[4] = new Image(201,150);
    hiliteImages[0].src = "uulogoworksmall.jpg";
    hiliteImages[1].src = "uulogoextrassmall.jpg";
    hiliteImages[2].src = "uulogoaboutsmall.jpg";
    hiliteImages[3].src = "uulogolegalsmall.jpg";
    hiliteImages[4].src = "uulogostaffsmall.jpg";
    dimImages[0] = new Image(243,150);
    dimImages[1] = new Image(243,150);
    dimImages[2] = new Image(155,150);
    dimImages[3] = new Image(201,150);
    dimImages[4] = new Image(201,150);
    shrink("top");
    shrink("left");
    shrink("mid");
    shrink("right");
    shrink("bottom");
    document.getElementById("textcell").setAttribute("width","633");
    imgElements[0].setAttribute("usemap","#leftmapsmall");
    imgElements[2].setAttribute("usemap","#midmapsmall");
    imgElements[4].setAttribute("usemap","#rightmapsmall");
    resized=true;
  } else {
    hiliteImages[0] = new Image(365,226);
    hiliteImages[1] = new Image(365,226);
    hiliteImages[2] = new Image(233,226);
    hiliteImages[3] = new Image(302,226);
    hiliteImages[4] = new Image(302,226);
    hiliteImages[0].src = "uulogowork.jpg";
    hiliteImages[1].src = "uulogoextras.jpg";
    hiliteImages[2].src = "uulogoabout.jpg";
    hiliteImages[3].src = "uulogolegal.jpg";
    hiliteImages[4].src = "uulogostaff.jpg";
    dimImages[0] = new Image(365,226);
    dimImages[1] = new Image(365,226);
    dimImages[2] = new Image(233,226);
    dimImages[3] = new Image(302,226);
    dimImages[4] = new Image(302,236);
    document.getElementById("errormsg").style.display = "none";
  }
  dimImages[0].src = imgElements[0].src;
  dimImages[1].src = imgElements[1].src;
  dimImages[2].src = imgElements[2].src;
  dimImages[3].src = imgElements[3].src;
  dimImages[4].src = imgElements[4].src;
}

function shrink(name) {
  var imgElement = document.getElementById("logo" + name);
  var cellElement = document.getElementById("" + name + "cell");
  var width = parseInt(cellElement.getAttribute("width"));
  var height = parseInt(cellElement.getAttribute("height"));
  var imgsrc = imgElement.src;
  width = width * 2 / 3;
  height = height * 2 / 3;
  cellElement.setAttribute("width", width);
  cellElement.setAttribute("height", height);
  imgElement.setAttribute("width", width);
  imgElement.setAttribute("height", height);
  imgsrc = imgsrc.substr(0, imgsrc.length - 4) + "small.jpg";
  imgElement.src = imgsrc;
}

function hilite(index) {
  if (lit != -1 && lit != index)
    dim(lit);
  imgElements[index].src = hiliteImages[index].src;
  hrefElements[index].style.color = "#ffffff";
  lit = index;
}

function dim(index) {
  if (lit == index) {
    imgElements[index].src = dimImages[index].src;
    hrefElements[index].style.color = "#808080";
    lit = -1;
  }
}