// My javascript file for the scripts actually needed by oco's design

var imgHome, imgDaily, imgArchive, imgLinks, imgAbout, imgContrib, imgContact;
var imgOn = new Array(7), imgOff = new Array(); imgSel = new Array(); imgTagName = new Array(); imgSrcName = new Array();
var curSel, imgSrcMain, imgSrcOver, imgSrcYellow, imgSrcBase;

function preload() {
  // Use these constants so we don't have to remember positons in the array.
  imgHome = 0; imgDaily = 1; imgArchive = 2; imgLinks = 3; imgAbout = 4; imgContrib = 5; imgContact = 6;
  curSel = imgHome;

  //Define our image arrays
  imgSrcName[imgHome] = "home";
  imgSrcName[imgDaily] = "daily";
  imgSrcName[imgArchive] = "archive";
  imgSrcName[imgLinks] = "links";
  imgSrcName[imgAbout] = "about";
  imgSrcName[imgContrib] = "contrib";
  imgSrcName[imgContact] = "contact";

  imgTagName[imgHome] = "selHome";
  imgTagName[imgDaily] = "selDaily";
  imgTagName[imgArchive] = "selArchive";
  imgTagName[imgLinks] = "selLinks";
  imgTagName[imgAbout] = "selAbout";
  imgTagName[imgContrib] = "selContrib";
  imgTagName[imgContact] = "selContact";

  imgSrcBase = "images/tm_"; imgSrcOver = "_over"; imgSrcMain = "_main"; imgSrcYellow = "_yellow";

  for(i=0;i<imgOn.length;i++){
    imgOn[i] = new Image();
    imgOff[i] = new Image();
    imgSel[i] = new Image();
    imgOn[i].src = imgSrcBase + imgSrcName[i] + imgSrcOver + ".gif";
    imgOff[i].src = imgSrcBase + imgSrcName[i] + imgSrcMain + ".gif";
    imgSel[i].src = imgSrcBase + imgSrcName[i] + imgSrcYellow + ".gif";
  }
  
  //Now load all the other images needed by the site
  //It is possible that browsers set with no cache will still
  //load each image anew every time it is referenced (dumb!)
  //but I do not have time to rework the code to use the Iage()
  //object.
  var imgSupurfSrc = new Array("images/point_left.gif", "images/point_right.gif", "images/point_first.gif",
      "images/point_last.gif", "images/c.gif", "images/d.gif", "images/h.gif", "images/s.gif");
  for(i=0;i<imgSupurfSrc.length;i++){
    var tempImgVar = new Image();
    tempImgVar.src = imgSupurfSrc[i];
  }
}

function on(tag) {
  if(tag != curSel){
    var objImg = eval("document." + imgTagName[tag]);
    objImg.src = imgOn[tag].src;
  }
}

function off(tag) {
  if(tag != curSel){
    var objImg = eval("document." + imgTagName[tag]);
    objImg.src = imgOff[tag].src;
  }
}

function chgSel(newSel) {
  var objImg = eval("document." + imgTagName[curSel]);
  objImg.src = imgOff[curSel].src;
  curSel = newSel;
  var objImg = eval("document." + imgTagName[curSel]);
  objImg.src = imgSel[curSel].src;
}

function reset() {
  curSel = 0;
  var objImg = eval("document." + imgTagName[curSel]);
  objImg.src = img = imgSel[curSel].src;
  
  for(i=1;i<imgTagName.length;i++){
    objImg = eval("document." + imgTagName[i]);
    objImg.src = img = imgOff[i].src;
  }
}