window.onload = initAll;

var totalImgs = 40;
var curImg = 11;
var climbPics = new Array(
    "climbPics/Wedge-1.jpg","climbPics/Wedge-2.jpg",
    "climbPics/Wedge-3.jpg", "climbPics/Wedge-4.jpg",
    "climbPics/Wedge-5.jpg", "climbPics/Lake-Arrowhead-1.jpg",
    "climbPics/buildering.jpg", "climbPics/Ralph-Stover-1.jpg");
var climbCaptions = new Array(
    "Lake Wedge with Wedge Mountain in background.",
    "On the glacier of Wedge Mountain, BC",
    "Sunrise on Wedge Mountain climb.",
    "Near the summit of the Wedge Mountain climb.",
    "A view of the backcountry from Wedge Mountain.",
    "A secret swimming hole near Lake Arrowhead, CA.",
    "Mark bouldering in Princeton, NJ.",
    "Shirley and Mark climbing in Ralph Stover, PA.");

function initAll() {
    // set-up the slide-show buttons
    if (document.getElementById) {
    document.getElementById("left-nav").onclick = previousPic;
	  document.getElementById("right-nav").onclick = nextPic;
	  document.getElementById("logo-text").onclick = randomPic;
    }
    else {
	alert("Sorry, your browser doesn't support this script.");
    }
    randomPic();  // load a random picture
}

function previousPic() {
    curImg--;
    if (curImg < 0) {
	    curImg = totalImgs-1;
    }
    var bgImg = 'url(images/header-';
    bgImg += curImg;
    bgImg += '.jpg)';
    document.getElementById("header").style.backgroundImage = bgImg;
    //document.getElementById("climbCaption").innerHTML =
	  //climbCaptions[curImg] + "&nbsp &nbsp (photo "
	  //+ (curImg + 1) + " of " + climbPics.length + ")";
}

function nextPic() {
    curImg++;
    if (curImg == totalImgs) {
	    curImg = 0;
    }
    var bgImg = 'url(images/header-';
    bgImg += curImg;
    bgImg += '.jpg)';
    document.getElementById("header").style.backgroundImage = bgImg;
    //document.getElementById("climbCaption").innerHTML = 
	  //climbCaptions[curImg] + "&nbsp &nbsp (photo "
	  //+ (curImg + 1) + " of "	+ climbPics.length + ")";
}

function randomPic() {
    // This function chooses (uniformly) a random image other than the current
    //   image.
    var numPics = totalImgs;
    var randArray = new Array(numPics);
    var i=0;
    for (i=0; i< numPics; i++) randArray[i]=i;
    randArray[numPics-1]=curImg;
    randArray[curImg]=numPics-1;
    curImg = randArray[Math.floor((Math.random()*(numPics-1)))];
    var bgImg = 'url(images/header-';
    bgImg += curImg;
    bgImg += '.jpg)';
    document.getElementById("header").style.backgroundImage = bgImg;
    //document.getElementById("climbCaption").innerHTML =
	//climbCaptions[curImg] + "&nbsp &nbsp (photo "
	//+ (curImg + 1) + " of " + numPics + ")";
}