// Global vars
var g_iIndex;
var g_sLoaded;
var g_sImg = "";
var g_sHeaderText  = new Array(
  "", 
  "Browse our collection of recordings and listen to sound clips.",
  "Shop for cassettes, CDs, and our director's book.",
  "Check our up-to-date tour schedule.  See when we're coming to your area!",
  "Contact us by e-mail, postal mail or telephone.",
  "Get help with questions about orders, policies, etc.",
  "View our pictures and FAQ (frequently asked questions).",
  "Search for your favorite songs, authors or recordings.");

// Pre-load images to reduce load time for swapping
if (g_MSIE) {
  imgAb1 = new Image(); imgAb1.src = "images/Ab1.jpg";
  imgAb2 = new Image(); imgAb2.src = "images/Ab1.jpg";
  imgAb3 = new Image(); imgAb3.src = "images/Ab2.jpg";
  imgAb4 = new Image(); imgAb4.src = "images/Ab3.jpg";
  imgAb5 = new Image(); imgAb5.src = "images/Ab4.jpg";
  imgAb6 = new Image(); imgAb6.src = "images/Ab5.jpg";
  imgAb7 = new Image(); imgAb7.src = "images/Ab6.jpg";

  imgPixel0 = new Image(); imgPixel0.src = "images/pixel.gif";
  imgPixel0.style.position="absolute"; imgPixel0.id = "imgPixel0";
  imgPixel1 = document.createElement("IMG"); imgPixel1.src = "images/pixel.gif";
  imgPixel1.style.position="absolute"; imgPixel1.id = "imgPixel1";
  imgPixel2 = document.createElement("IMG"); imgPixel2.src = "images/pixel.gif";
  imgPixel2.style.position="absolute"; imgPixel2.id = "imgPixel2";
  imgPixel3 = document.createElement("IMG"); imgPixel3.src = "images/pixel.gif";
  imgPixel3.style.position="absolute"; imgPixel3.id = "imgPixel3";
}

// On page load
function body_onload()
{
  g_sLoaded = "Y";
  if (! g_MSIE) return false;

  // Add pictures
  document.body.appendChild(imgPixel0);
  document.body.appendChild(imgPixel1);
  document.body.appendChild(imgPixel2);
  document.body.appendChild(imgPixel3);

  // Change background and table position depending on resolution
  lWidth = window.screen.width;
  if (lWidth <= 640) {
    // No Changes
  } else if (lWidth <= 800) {
//    document.body.innerHTML = "<BR><BR>" + document.body.innerHTML;
    document.body.background = "images/GradB3.jpg";
  } else if (lWidth <= 1024) {
//    document.body.innerHTML = "<BR><BR><BR><BR>" + document.body.innerHTML;
    document.body.background = "images/GradB3_1024.jpg";
  } else if (lWidth > 1024) {
//    document.body.innerHTML = "<BR><BR><BR><BR><BR>" + document.body.innerHTML;
    document.body.background = "images/GradB3_1680.jpg";
  }

  return true;
}

function drawLinesFromIndex(iIndex, sImg)
{
  // Make sure page is loaded
  if (g_sLoaded != "Y") return false;

  // Check for IE
  if (! g_MSIE || sImg == "") return false;

  var objImg = document.images[sImg];

  // Save current index and image
  g_iIndex = iIndex;
  g_sImg = sImg;

  // Positions for horizontal line
  var obj = objImg;
  var lTop=0, lLeft=0;
  while (obj.tagName != "BODY") {
    if (obj.tagName != "TR" && obj.tagName != "A") {
      lTop  = lTop + obj.offsetTop
      lLeft = lLeft + obj.offsetLeft
    }
    obj = obj.parentElement;
  }
  lTop += 10;
  lLeft -= 10; objImg.offsetWidth;

  // Positions for vertical line
  var lvTop=0, lvHeight=0;
  lvTop    = lTop - (objImg.offsetTop - LkTop.offsetTop) - 10;
  lvHeight = LkBottom.offsetTop - LkTop.offsetTop + LkBottom.offsetHeight;

  // Position bracket images
  with (document.images["imgPixel0"]) {
    style.top = lTop;
    style.left = lLeft;
    style.width = "10px";
    style.display = "";
  }
  with (document.images["imgPixel1"]) {
    style.top = lvTop;
    style.left = lLeft - 1;
    style.height = lvHeight;
    style.display = "";
  }
  with (document.images["imgPixel2"]) {
    style.top = lvTop;
    style.left = lLeft - 6;
    style.width = "5px";
    style.display = "";
  }
  with (document.images["imgPixel3"]) {
    style.top = lvTop + lvHeight - 1;
    style.left = lLeft - 6;
    style.width = "5px";
    style.display = "";
  }

  // Set up and position header image and link info. text
  var tdWidth = tdDynamic.offsetWidth;
  with (imgHeader) {
    var imgOn = eval("imgAb" + iIndex + ".src");
    src = imgOn;
    style.position = "absolute";
    style.top = lvTop + 5;
    style.display = "";
    style.left = lLeft - tdWidth + ((tdWidth - imgHeader.offsetWidth) / 2);
  }
  with (divText) {
    innerHTML = g_sHeaderText[iIndex];
    style.display = "";
    style.top = lvTop + imgHeader.offsetHeight + 13;
    style.left = lLeft - tdWidth + ((tdWidth - divText.offsetWidth) / 2);
  }
}

// Removes bracket beside link info.
function removeLines()
{
  if (g_MSIE) {
    var objPixel;
    for (i=0; i<=3; i++) {
      objPixel = document.getElementById("imgPixel" + i);
      if (objPixel != null)
        objPixel.style.display = "none";
    }
    divText.style.display = "none";
    imgHeader.src = "images/logosmall.gif";
    imgHeader.style.position = "";
  }
}