var activeImage = 0;
var totalImages = 5;

window.onload = initPage;

function initPage() {
	changeImage(1);
}

function changeImage(displayImage) {
	//alert(displayImage);
	var showElementName = "displayImage" + displayImage;
	var showLinkName = "imagelink" + displayImage;
	
	var showElement = document.getElementById(showElementName);
	var showLinkNameElement = document.getElementById(showLinkName);
	if (showElement){
		//alert('showing' + showElementName);
		if (showElement.className == 'hideElement'){
			showElement.className = "showElement";
			showLinkNameElement.style.backgroundColor="#9CAC65";
			
		} 
	}
	var hideElementName = "displayImage" + activeImage;
	var hideLinkName = "imagelink" + activeImage;

	var hideElement = document.getElementById(hideElementName);
	var hideLinkNameElement = document.getElementById(hideLinkName);

	
	//alert(displayImage + " ?= " + activeImage);
	if (hideElement && displayImage != activeImage){
		//alert('hiding' + hideElementName + "-->" + activeImage);
		if (hideElement.className == 'showElement'){
			hideElement.className = "hideElement";
			hideLinkNameElement.style.backgroundColor="transparent";
		} 
	}
	activeImage = displayImage;

}