////////////////////////////////////////////////
//              global variables              //
////////////////////////////////////////////////
var intervalId
var direction
var dir
var text
var MaxY

// All thumbnail images must be registered here
var thumbShot = new Array()
thumbShot["LTO"] = new Array("Thumb_LTO_1.gif", "Thumb_LTO_2.jpg", "Thumb_LTO_3.jpg", "Thumb_LTO_4.jpg", "Thumb_LTO_5.jpg")
thumbShot["Lil Ace"] = new Array("Thumb_Ace_1.jpg", "Thumb_Ace_2.jpg", "Thumb_Ace_3.jpg")
thumbShot["Duce"] = new Array("Thumb_Duce_1.jpg", "Thumb_Duce_2.jpg", "Thumb_Duce_3.jpg", "Thumb_Duce_4.jpg")

var thumbs = new Array()

if (document.images) {
  // precache all 'off' button images
  var offImgArray = new Array()
  offImgArray["family_home"] = new Image(36,72)
  offImgArray["family_staff"] = new Image(29,57)
  offImgArray["family_artistz"] = new Image(29,81)
  offImgArray["up_arrow"] = new Image(49,17)
  offImgArray["down_arrow"] = new Image(70,17)
  
  // off image array -- set 'off' image path for each button
  offImgArray["family_home"].src = "../../images/family/Family_Button.gif"
  offImgArray["family_staff"].src = "../../images/family/Staff_Button.gif"
  offImgArray["family_artistz"].src = "../../images/family/Family_Artistz_Button.gif"
  offImgArray["up_arrow"].src = "../../images/family/Up_Arrow.gif"
  offImgArray["down_arrow"].src = "../../images/family/Down_Arrow.gif"
  
  // precache all 'on' button images
  var onImgArray = new Array()
  onImgArray["family_home"] = new Image(36,72)
  onImgArray["family_staff"] = new Image(29,57)
  onImgArray["family_artistz"] = new Image(29,81)
  onImgArray["up_arrow"] = new Image(49,17)
  onImgArray["down_arrow"] = new Image(70,17)
  
  // on image array -- set 'on' image path for each button
  onImgArray["family_home"].src = "../../images/family/Family_Button_animated.gif"
  onImgArray["family_staff"].src = "../../images/family/Staff_Button_animated.gif"
  onImgArray["family_artistz"].src = "../../images/family/Family_Artistz_Button_animated.gif"
  onImgArray["up_arrow"].src = "../../images/family/Up_Arrow_on.gif"
  onImgArray["down_arrow"].src = "../../images/family/Down_Arrow_on.gif"
}

function loadStoreImages() {
	if (document.images) {
		// precache all 'off' button images
		offImgArray["T-Shirts"] = new Image(81,11)
		offImgArray["Tops"] = new Image(81,10)
		offImgArray["Sweatshirts"] = new Image(81,9)
		offImgArray["Hats"] = new Image(81,8)
		offImgArray["Undies"] = new Image(81,8)
		offImgArray["Kids"] = new Image(81,14)
		offImgArray["Bags"] = new Image(81,10)
		offImgArray["Mugs"] = new Image(81,8)
		offImgArray["Other"] = new Image(81,13) 
		
		// off image array -- set 'off' image path for each button
		offImgArray["T-Shirts"].src = "../../images/store/Navbar/navItem_Tshirts.jpg"
		offImgArray["Tops"].src = "../../images/store/Navbar/navItem_Tops.gif"
		offImgArray["Sweatshirts"].src = "../../images/store/Navbar/navItem_Sweatshirts.gif"
		offImgArray["Hats"].src = "../../images/store/Navbar/navItem_Hats.gif"
		offImgArray["Undies"].src = "../../images/store/Navbar/navItem_Undies.gif"
		offImgArray["Kids"].src = "../../images/store/Navbar/navItem_Kids.gif"
		offImgArray["Bags"].src = "../../images/store/Navbar/navItem_Bags.gif"
		offImgArray["Mugs"].src = "../../images/store/Navbar/navItem_Mugs.gif"
		offImgArray["Other"].src = "../../images/store/Navbar/navItem_Other.gif" 
		
		// precache all 'on' button images
		onImgArray["T-Shirts"] = new Image(81,11)
		onImgArray["Tops"] = new Image(81,10)
		onImgArray["Sweatshirts"] = new Image(81,9)
		onImgArray["Hats"] = new Image(81,8)
		onImgArray["Undies"] = new Image(81,8)
		onImgArray["Kids"] = new Image(81,14)
		onImgArray["Bags"] = new Image(81,10)
		onImgArray["Mugs"] = new Image(81,8)
		onImgArray["Other"] = new Image(81,13) 
		
		// on image array -- set 'on' image path for each button
		onImgArray["T-Shirts"].src = "../../images/store/Navbar/navItem_Tshirts_on.jpg"
		onImgArray["Tops"].src = "../../images/store/Navbar/navItem_Tops_on.gif"
		onImgArray["Sweatshirts"].src = "../../images/store/Navbar/navItem_Sweatshirts_on.gif"
		onImgArray["Hats"].src = "../../images/store/Navbar/navItem_Hats_on.gif"
		onImgArray["Undies"].src = "../../images/store/Navbar/navItem_Undies_on.gif"
		onImgArray["Kids"].src = "../../images/store/Navbar/navItem_Kids_on.gif"
		onImgArray["Bags"].src = "../../images/store/Navbar/navItem_Bags_on.gif"
		onImgArray["Mugs"].src = "../../images/store/Navbar/navItem_Mugs_on.gif"
		onImgArray["Other"].src = "../../images/store/Navbar/navItem_Other_on.gif" 
	}
}

function loadMemorialImages() {
  if (document.images) {
	  // precache all 'off' button images
		offImgArray["Back"] = new Image(62,30)
		
		// off image array -- set 'off' image path for each button
		offImgArray["Back"].src = "../../images/memorial/Back_Button.gif"
		
		// precache all 'on' button images
		onImgArray["Back"] = new Image(62,30)
		
		// on image array -- set 'on' image path for each button
		onImgArray["Back"].src = "../../images/memorial/Back_Button_on.gif"
	}
}
 
//////////////////////////////////////////////
//          End of global variables         //
//////////////////////////////////////////////
 
//functions that swap images & status bar
function imageOn(imgName) {
  if (document.images) {
      document.images[imgName].src = onImgArray[imgName].src
  }
}

function imageOff(imgName) {
  if (document.images) {
      document.images[imgName].src = offImgArray[imgName].src
  }
}

function setMsg(msg) {
  window.status = msg
  return true
}

//functions to dynamically modify tables
function changeTrack(title, mSize, wSize, mUrl, wUrl)
{ 
  if (document.all) {
    mContent = "<a href=\"" + mUrl + "\">mp3 &nbsp/&nbsp "
	mContent += mSize + "</a>"
	
	wContent = "<a href=\"" + wUrl + "\">wav &nbsp/&nbsp "
	wContent += wSize + "</a>"
  
    document.all('trackTitleTD').innerHTML = title
	document.all('mp3FormatCell').innerHTML = mContent
	document.all('wavFormatCell').innerHTML = wContent
  }
}

function loadImages(artist) 
{ 
  var re = / /g
  var artist_dir = artist.replace(re, "_")
  for (var i=0; i < thumbShot[artist].length; i++) {
    thumbs[i] = document.createElement("IMG")
	thumbs[i].id = "shot" + i
	thumbs[i].src = "../../images/family/artistz/" + artist_dir + "/" + thumbShot[artist][i]
	thumbs[i].alt = "Click to see a larger version"
  }
}

function nextPictures(artist)
{ 
  var currImg = document.getElementById("shot0").firstChild
  var pos = currImg.src.lastIndexOf(".") - 1
  var curr = parseInt(currImg.src.charAt(pos))
  if ((curr + 3) <= thumbShot[artist].length) {
    for (var i=curr; i < (curr+3); i++) {
      var cellId ="shot" + (i-curr)
      if ((i+3) <= thumbShot[artist].length) {
	      var newImg = thumbs[i+2]
		    newImg.border = 0
	      document.getElementById(cellId).replaceChild(newImg, document.getElementById(cellId).firstChild)
	    } else document.getElementById(cellId).removeChild(document.getElementById(cellId).firstChild) 
    }
  } else {
	    alert("No more pictures to view")
	  } 
}

function prevPictures(artist)
{
  var currImg = document.getElementById("shot0").firstChild
  var pos = currImg.src.lastIndexOf(".") - 1
  var curr = parseInt(currImg.src.charAt(pos))
  var prev = curr - 3
  
  if (prev > 0) {
    for (var i=curr; i < (curr+3); i++) {
	  var newImg = thumbs[i - 4]
	  newImg.border = 0
	  var cellId = "shot" + (i-curr)
	  if(document.getElementById(cellId).hasChildNodes()) {
	     document.getElementById(cellId).replaceChild(newImg, document.getElementById(cellId).firstChild)
	  } else {
	      document.getElementById(cellId).appendChild(newImg)
        }	  
    }
  }
}

function fullSize(elemId, artist)
{ 
  var img = document.getElementById(elemId).firstChild
  var reg = /_\w+_\d+\.\w+/
  var found = reg.exec(img.src)
  var name = found[0].substring(0, found[0].length-3)
  
  if (found) {
    var fileName = "Large" + name + "jpg"
	var largeImg = document.createElement("IMG")
    var re = / /g
    var artist_dir = artist.replace(re, "_")
	
	largeImg.src = "../../images/family/artistz/" + artist_dir + "/" + fileName
	var content = "<HTML><HEAD><TITLE>Picture Viewer</TITLE></HEAD>"
	content += "<BODY leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'><IMG src='"
	content += largeImg.src
	content += "'></BODY></HTML>"
	
	var height = largeImg.height
	var width = largeImg.width
	var subWin = window.open("", "", "height="+height+", width="+width)
	subWin.document.write(content)
	subWin.document.close()
  } 
}

/// Scrolling Functions

function scrollUp(elemId)
{ 
  imageOn('down_arrow')
	 
  text = document.getElementById(elemId)
  dir = -2
  direction = "up"

  text = text.parentNode
  MaxY = -text.offsetHeight + 130
  
  if (intervalId)
    clearInterval(intervalId)
 
  if (text.offsetTop > MaxY) {
    intervalId = setInterval("autoScroll()", 1)
  } 
}

function scrollDown(elemId)
{
  imageOn("up_arrow")
  
  text = document.getElementById(elemId)
  dir = 2
  direction = "down"
  
  text = text.parentNode
  
  if (intervalId)
    clearInterval(intervalId)
 
  if (text.offsetTop < 0) {
    intervalId = setInterval("autoScroll()", 1)
  }
}


function autoScroll()
{ 
  text.style.pixelTop += dir
  if (direction == "up") {
    if (text.style.pixelTop < MaxY) {
      clearInterval(intervalId)
	}
  } 
  if (direction == "down") {
    if (text.style.pixelTop > 0) {
	  clearInterval(intervalId)
	}
  }
}

function stopScroll()
{
  imageOff("up_arrow")
  imageOff("down_arrow")
  
  if (intervalId) {
    clearInterval(intervalId)
  }
}