// JavaScript

function hoverCircle(circle1, circle2, color) {
	theCircle1 = document.getElementById(circle1);
	theCircle1.style.background = color;

theCircle2 = document.getElementById(circle2);
	theCircle2.style.background = color;
}

function freeCircles() {
	ids = new Array ('circle1', 'circle2', 'circle3', 'circle4', 'circle5', 'circle6', 'circle7','circle8','circle9');

	for (var i=0;i<ids.length;i++){
		defaultCirle(ids[i]);
	}		  
}

function defaultCirle(id) {
	theObject = document.getElementById(id);
	theObject.style.background = '';
}

function hoverNav(nav, color) {
	theObject = document.getElementById(nav);
	theObject.style.background = color;
	/* theObject.style.color = '#d3d3d6'; */
}

function freeNav(nav) {
	theObject = document.getElementById(nav);
	theObject.style.background = '';
	theObject.style.color = '';
}