// JavaScript Document

imageIndiv = new Image();
imageIndiv.src = "images-draft3/indiv_singingbird.jpg";

imageCouples = new Image();
imageCouples.src = "images-draft3/couples_lovebirds.jpg";

imageGroup = new Image();
imageGroup.src = "images-draft3/group_orangebirds.jpg";

imageAbout = new Image();
imageAbout.src = "images-draft3/about_winter.jpg";

imageResources = new Image();
imageResources.src = "images-draft3/resources_3birds.jpg";

imageBlueDoor = new Image();
imageBlueDoor.src = "images-draft3/blueDoor.jpg";

imageRedDoor = new Image();
imageRedDoor.src = "images-draft3/redDoor.jpg"
			
function onLoadHandler() {
	document.getElementById("sectionContent").innerHTML = document.getElementById("welcomeContent").innerHTML;	
}
	
function signClicked(signID) {

	var indivSignBGElement = document.getElementById('indivBGDoor');
	var couplesSignBGElement = document.getElementById('couplesBGDoor');
	var groupSignBGElement = document.getElementById('groupBGDoor');
	var aboutSignBGElement = document.getElementById('aboutBGDoor');
	var resourceSignBGElement = document.getElementById('resourceBGDoor');
	
	if (signID == "welcomeSign") {
		document.getElementById("sectionContent").innerHTML = document.getElementById("welcomeContent").innerHTML;
	}
	if (signID == "indivSign") {
		indivSignBGElement.src = imageRedDoor.src;
		document.getElementById("sectionContent").innerHTML = document.getElementById("indivContent").innerHTML;
	} else {
		indivSignBGElement.src = imageBlueDoor.src;
	}
	
	if (signID == "couplesSign") {
		couplesSignBGElement.src = imageRedDoor.src;	
		document.getElementById("sectionContent").innerHTML = document.getElementById("couplesContent").innerHTML;
		} else {
		couplesSignBGElement.src = imageBlueDoor.src;
	}

	if (signID == "groupSign") {
		groupSignBGElement.src = imageRedDoor.src;	
		document.getElementById("sectionContent").innerHTML = document.getElementById("groupContent").innerHTML;
	} else {
		groupSignBGElement.src = imageBlueDoor.src;
	}

	if (signID == "aboutSign") {
		aboutSignBGElement.src = imageRedDoor.src;	
		document.getElementById("sectionContent").innerHTML = document.getElementById("aboutContent").innerHTML;;
	} else {
		aboutSignBGElement.src = imageBlueDoor.src;
	}

	if (signID == "resourceSign") {
		resourceSignBGElement.src = imageRedDoor.src;	
		document.getElementById("sectionContent").innerHTML = document.getElementById("resourcesContent").innerHTML;;
	} else {
		resourceSignBGElement.src = imageBlueDoor.src;
	}
}