var showingIdInfo;
var showingIdDetails;
var showingIdImage;
var highlightedElement;
function changeShowingDetails(idToShow) {
	if(showingIdInfo !== idToShow) {
		$("#" + showingIdInfo).css('display', 'none');
		$("#" + idToShow).css('display', 'block');
		showingIdInfo = idToShow;
	}
}

function changeShowingInfo(idToShow) {
	if(showingIdDetails !== idToShow) {
		$("#" + showingIdDetails).css('display', 'none');
		$("#" + idToShow).css('display', 'block');
		showingIdDetails = idToShow;
	}
}

function changeShowingImages(idToShow) {
	if(showingIdImage !== idToShow) {
		$("#" + showingIdImage).css('display', 'none');
		$("#" + idToShow).css('display', 'block');
		showingIdImage = idToShow;
	}
}

function changeHighlight(elemToHighlight) {
	if(elemToHighlight !== highlightedElement) {
		$(highlightedElement).removeClass("active-camp");
		$(elemToHighlight).addClass("active-camp");
		highlightedElement = elemToHighlight;
	}
}

function campChanged(clickedElement, detailsId, infoId, imageId) {
	changeShowingDetails(detailsId);
	changeShowingInfo(infoId);
	changeHighlight(clickedElement);
	changeShowingImages(imageId);
}