function goToSlide(strSlideNum, strDirection)
{
  // Update image
  var myImg = document.getElementById("activeslide");
  imgChange(myImg, "slide" + strSlideNum + ".png");
  // Update links
  var myPrev = document.getElementById("linkPrev");
  var myNext = document.getElementById("linkNext");
  var numPrevSlideNum = (strSlideNum * 1) - 1
  var numNextSlideNum = (strSlideNum * 1) + 1
  var strNewString = "00"
  switch (strDirection) {
    case "first":
      myPrev.href = "JavaScript:goToSlide('01', 'prev')";
      myNext.href = "JavaScript:goToSlide('02', 'next')";
      break;
    case "prev":
      if (numPrevSlideNum > 0) {
        strNewString = "slide00" + numPrevSlideNum
      } else {
        strNewString = "slide001"
      }
      myPrev.href = "JavaScript:goToSlide('" + strNewString.substring(strNewString.length - 2, strNewString.length) + "', 'prev')";
      if (numNextSlideNum < 42) {
        strNewString = "slide00" + numNextSlideNum
      } else {
        strNewString = "slide0041"
      }
      myNext.href = "JavaScript:goToSlide('" + strNewString.substring(strNewString.length - 2, strNewString.length) + "', 'next')";
      break;
    case "next":
      if (numPrevSlideNum > 0) {
        strNewString = "slide00" + numPrevSlideNum
      } else {
        strNewString = "slide001"
      }
      myPrev.href = "JavaScript:goToSlide('" + strNewString.substring(strNewString.length - 2, strNewString.length) + "', 'prev')";
      if (numNextSlideNum < 42) {
        strNewString = "slide00" + numNextSlideNum
      } else {
        strNewString = "slide0041"
      }
      myNext.href = "JavaScript:goToSlide('" + strNewString.substring(strNewString.length - 2, strNewString.length) + "', 'next')";
      break;
    case "last":
      myPrev.href = "JavaScript:goToSlide('40', 'prev')";
      myNext.href = "JavaScript:goToSlide('41', 'next')";
      break;
  }
}
function imgChange(oImg, strPath) {
  showMsg();
  oImg.onload = clearMsg;
  oImg.src = strPath; 
}
function showMsg() { document.getElementById("loader").style.display = "block"; }
function clearMsg() { document.getElementById("loader").style.display = "none"; }
function ToggleNav(strShowOrHide)
{
  var myHelpDiv = document.getElementById("helpDiv");
  if (myHelpDiv.style.visibility != "visible") {
    var myNavTable = document.getElementById("navTable");
    var myBlankImg = document.getElementById("imgBlank");
    if (navigator.userAgent.indexOf("MSIE") >= 0) {
      if (strShowOrHide == "show") {
        myNavTable.style.display = "block";
        myBlankImg.style.display = "none";
      } else {
        myNavTable.style.display = "none";
        myBlankImg.style.display = "inline";
      }
    } else {
      if (strShowOrHide == "show") {
        myNavTable.style.visibility = "visible";
      } else {
        myNavTable.style.visibility = "hidden";
      }
    }
  }
}
function Animate(strImg)
{
  // Update image
  var myImg = document.getElementById(strImg);
  switch (strImg) {
    case "imgPrev":
      myImg.src = "preva.gif";
      break;
    case "imgNext":
      myImg.src = "nexta.gif";
      break;
    case "imgFirst":
      myImg.src = "firsta.gif";
      break;
    case "imgLast":
      myImg.src = "lasta.gif";
      break;
  }
}
function DeAnimate(strImg)
{
  // Update image
  var myImg = document.getElementById(strImg);
  switch (strImg) {
    case "imgPrev":
      myImg.src = "prev.gif";
      break;
    case "imgNext":
      myImg.src = "next.gif";
      break;
    case "imgFirst":
      myImg.src = "first.gif";
      break;
    case "imgLast":
      myImg.src = "last.gif";
      break;
  }
}
function clearHelp() {
  document.getElementById('helpDiv').style.visibility = 'hidden'; 
  ToggleNav('hide');
}
function keys(key)
{
 if (!key) {
  key = event;
  key.which = key.keyCode;
 }
 switch (key.which) {
  case 39: // rightkey
  case 40: // downkey
    location.href = document.getElementById("linkNext").href;
    break;
  case 37: // leftkey
  case 38: // upkey
    location.href = document.getElementById("linkPrev").href;
   break;
  case 36: // home
    location.href = document.getElementById("linkFirst").href;
   break;
  case 35: // end
    location.href = document.getElementById("linkLast").href;
   break;
 }
 return false;
}
document.onkeyup = keys;