var current_viewcase = 1;
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 1;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 5);
    }
  }
}

function initImage() { //this fades in first image, not needed for this page
  imageId = 'viewcase_photo';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function fade_over(direction) {
	var new_viewcase = current_viewcase + direction;
	if (new_viewcase < 1) {new_viewcase = 49} // previous of #1 is #49
	if (new_viewcase > 49) {new_viewcase = 1} // next after #49 is #1


	var holder = document.getElementById('viewcase_holder');
	var photo = document.getElementById('viewcase_photo');

	<!-- first, move current photo to div background -->
	if (current_viewcase < 10 && current_viewcase > 0) {holder.style.backgroundImage = "url('http://www.lumineers.com/images/case-of-the-week/ba_0" + current_viewcase + ".jpg')"}
	else {holder.style.backgroundImage = "url('http://www.lumineers.com/images/case-of-the-week/ba_" + current_viewcase + ".jpg')"}
	
	<!-- next change photo to invisible, switch to new photo, and fade in -->
	if (new_viewcase < 10 && new_viewcase > 0) {
		photo.visibility = "hidden";
		photo.src = "/images/case-of-the-week/ba_0" + new_viewcase + ".jpg";
		initImage();
	}
	else {
		photo.visibility = "hidden";
		photo.src = "/images/case-of-the-week/ba_" + new_viewcase + ".jpg";
		initImage();
	}
	//holder.style.backgroundImage = 
	current_viewcase = new_viewcase;
}