// set variable for number of images in swap sequence
var numImages = 3;

// changes image and uses hidden "image_counter" div at end of HTML
function SwapPicture() {
	var counterHolder = document.getElementById("image_counter");
	var counter = counterHolder.innerHTML;
	if (counter == 0) {
		counterHolder.innerHTML = 1;
	}
	else {
		var changingImage = document.getElementById("changing_image");
		changingImage.setAttribute("src", "images/home" + counter + ".jpg");
		//alert(aImages[counter]);
		if (counter == numImages) {
			counterHolder.innerHTML = 1;
		}
		else {
			var newCounter = Number(counter) + 1;
			counterHolder.innerHTML = String(newCounter);
		}
	}
	setTimeout("SwapPicture()", 5000);
}

// set number of slogan images for top of page
var numSlogans = 3;
// function to show random slogan image at top of screen
function ShowSlogan() {
	// generate a randow number so different slogan image is shown
	var randomNum = Math.floor(Math.random() * numSlogans);
	var sloganImage = document.getElementById("slogan_image");
	sloganImage.setAttribute("src", "images/buffalo_slogan" + randomNum + ".jpg");
}

// function to show photos on projects page
function ShowPhotos(thisID) {
	var description = '';
	var numImages = 0;
	switch (thisID) {
		case 'decking':
			numImages = 4; break;
		case 'paving':
			numImages = 6;
			description = '<p>Before and after...</p>';
			break;
		case 'walling':
			numImages = 6;
			description = '<p>Before and after...</p>';
			break;
		case 'water':
			numImages = 6;
			description = '<p>Before and after...</p>';
			break;
		case 'rocks':
			numImages = 4; break;
	}
	var strImages = '';
	for (var i = 1; i <= numImages; i++) {
		strImages += '<img src="images/photos/' + thisID + i + '.jpg" width="458px">';
	}
	if (strImages != '') {
		document.getElementById("image_canvas").innerHTML = description + strImages;
	}
	else {
		document.getElementById("image_canvas").innerHTML = '';
	}
	//alert(thisID);
}