// Template.js
// Contains Code for generating Button Images and Template Table with Navigation
// Author: Eric Kramer - 2005-2009

var winload = false;

var MainButOff;		var MainButOn;		var MainButDown;
var AboutButOff;	var AboutButOn;		var AboutButDown;
var PicsButOff;		var PicsButOn;		var PicsButDown;
var WhatsNewButOff;	var WhatsNewButOn;	var WhatsNewButDown;

var MainButSelOn;	var MainButSelOff;
var AboutButSelOff;	var AboutButSelOn;
var PicsButSelOff;	var PicsButSelOn;
var WhatsNewButSelOff;	var WhatsNewButSelOn;

function init ()
{
  window.onload = clearImageObjects;
  if ( document.images ){
    MainButOff        = new Image();
    MainButOn         = new Image();
    MainButDown       = new Image();

    AboutButOff       = new Image();
    AboutButOn        = new Image();
    AboutButDown      = new Image();

    PicsButOff        = new Image();
    PicsButOn         = new Image();
    PicsButDown       = new Image();

    WhatsNewButOff    = new Image();
    WhatsNewButOn     = new Image();
    WhatsNewButDown   = new Image();

    CalButOff         = new Image();
    CalButOn          = new Image();
    CalButDown        = new Image();

    TyButOff          = new Image();
    TyButOn           = new Image();
    TyButDown         = new Image();

    BlogButOff        = new Image();
    BlogButOn         = new Image();
    BlogButDown       = new Image();

    MainButSelOn      = new Image();
    MainButSelOff     = new Image();

    AboutButSelOff    = new Image();
    AboutButSelOn     = new Image();

    PicsButSelOff     = new Image();
    PicsButSelOn      = new Image();

    WhatsNewButSelOff = new Image();
    WhatsNewButSelOn  = new Image();

    CalButSelOff      = new Image();
    CalButSelOn       = new Image();

    TyButSelOff       = new Image();
    TyButSelOn        = new Image();

    BlogButSelOff     = new Image();
    BlogButSelOn      = new Image();


    MainButOff.src        = "http://www.ericloveslisa.com/WebImages/MainButton-Normal.gif";
    MainButOn.src         = "http://www.ericloveslisa.com/WebImages/MainButton-MouseOver.gif";
    MainButDown.src       = "http://www.ericloveslisa.com/WebImages/MainButton-MouseDown.gif";

    AboutButOff.src       = "http://www.ericloveslisa.com/WebImages/AboutButton-Normal.gif";
    AboutButOn.src        = "http://www.ericloveslisa.com/WebImages/AboutButton-MouseOver.gif";
    AboutButDown.src      = "http://www.ericloveslisa.com/WebImages/AboutButton-MouseDown.gif";

    PicsButOff.src        = "http://www.ericloveslisa.com/WebImages/PicturesButton-Normal.gif";
    PicsButOn.src         = "http://www.ericloveslisa.com/WebImages/PicturesButton-MouseOver.gif";
    PicsButDown.src       = "http://www.ericloveslisa.com/WebImages/PicturesButton-MouseDown.gif";

    TyButOff.src          = "http://www.ericloveslisa.com/WebImages/TyButton-Normal.gif";
    TyButOn.src           = "http://www.ericloveslisa.com/WebImages/TyButton-MouseOver.gif";
    TyButDown.src         = "http://www.ericloveslisa.com/WebImages/TyButton-MouseDown.gif";

    BlogButOff.src        = "http://www.ericloveslisa.com/WebImages/BlogButton-Normal.gif";
    BlogButOn.src         = "http://www.ericloveslisa.com/WebImages/BlogButton-MouseOver.gif";
    BlogButDown.src       = "http://www.ericloveslisa.com/WebImages/BlogButton-MouseDown.gif";

    WhatsNewButOff.src    = "http://www.ericloveslisa.com/WebImages/WhatsNewButton-Normal.gif";
    WhatsNewButOn.src     = "http://www.ericloveslisa.com/WebImages/WhatsNewButton-MouseOver.gif";
    WhatsNewButDown.src   = "http://www.ericloveslisa.com/WebImages/WhatsNewButton-MouseDown.gif";

    CalButOff.src         = "http://www.ericloveslisa.com/WebImages/CalendarButton-Normal.gif";
    CalButOn.src          = "http://www.ericloveslisa.com/WebImages/CalendarButton-MouseOver.gif";
    CalButDown.src        = "http://www.ericloveslisa.com/WebImages/CalendarButton-MouseDown.gif";


    MainButSelOff.src     = "http://www.ericloveslisa.com/WebImages/MainButton-Selected.gif";
    MainButSelOn.src      = "http://www.ericloveslisa.com/WebImages/MainButton-Selected-MouseOver.gif";

    AboutButSelOff.src    = "http://www.ericloveslisa.com/WebImages/AboutButton-Selected.gif";
    AboutButSelOn.src     = "http://www.ericloveslisa.com/WebImages/AboutButton-Selected-MouseOver.gif";

    PicsButSelOff.src     = "http://www.ericloveslisa.com/WebImages/PicturesButton-Selected.gif";
    PicsButSelOn.src      = "http://www.ericloveslisa.com/WebImages/PicturesButton-Selected-MouseOver.gif";

    WhatsNewButSelOff.src = "http://www.ericloveslisa.com/WebImages/WhatsNewButton-Selected.gif";
    WhatsNewButSelOn.src  = "http://www.ericloveslisa.com/WebImages/WhatsNewButton-Selected-MouseOver.gif";

    CalButSelOff.src      = "http://www.ericloveslisa.com/WebImages/CalendarButton-Selected.gif";
    CalButSelOn.src       = "http://www.ericloveslisa.com/WebImages/CalendarButton-Selected-MouseOver.gif";

    TyButSelOff.src       = "http://www.ericloveslisa.com/WebImages/TyButton-Selected.gif";
    TyButSelOn.src        = "http://www.ericloveslisa.com/WebImages/TyButton-Selected-MouseOver.gif";

    BlogButSelOff.src     = "http://www.ericloveslisa.com/WebImages/BlogButton-Selected.gif";
    BlogButSelOn.src      = "http://www.ericloveslisa.com/WebImages/BlogButton-Selected-MouseOver.gif";
  }
}

function clearImageObjects()
{
  winload = true;

  forceResize ();
}

function img_act(imgName) {
  if (document.images && winload) {
    imgOn = eval(imgName + "On.src");
    document [imgName].src = imgOn;
  }
}

function img_inact(imgName) {
  if (document.images && winload) {
    imgOff = eval(imgName + "Off.src");
    document [imgName].src = imgOff;
  }
}

function img_Down(imgName) {
  if (document.images && winload) {
    imgDown = eval(imgName + "Down.src");
    document [imgName].src = imgDown;
  }
}

function imgSel_act(imgName) {
  if (document.images && winload) {
    imgOn = eval(imgName + "SelOn.src");
    document [imgName].src = imgOn;
  }
}

function imgSel_inact(imgName) {
  if (document.images && winload) {
    imgOff = eval(imgName + "SelOff.src");
    document [imgName].src = imgOff;
  }
}

function imgSel_Down(imgName) {
  if (document.images && winload) {
    imgDown = eval(imgName + "SelOn.src");
    document [imgName].src = imgDown;
  }
}

function forceResize () {
  var width    = document.body.clientWidth;
  var table    = document.all ? document.all.MainTable :
                 document.getElementById('MainTable');

  table.width = width - 2;
  autoSize ();
}

function autoSize () {
  var width    = document.body.clientWidth;
  var table    = document.all ? document.all.MainTable :
                 document.getElementById('MainTable');

  if ( width < 600 ){
    table.width = 600;
  }else{
    table.width = "100%";
  }
  table.height = "100%";
}