// JavaScript Document

function setDirections1(){
		/* SET ALL NON ACTIVES TO INACTIVE and HIDDEN */
		document.getElementById('button2').src = "img/southern-vermont-inactive.gif";
		document.getElementById('button3').src = "img/western-vermont-inactive.gif";
		document.getElementById('button4').src = "img/northern-nh-inactive.gif";
		document.getElementById('button5').src = "img/southern-nh-inactive.gif";
		document.getElementById('directions2').style.visibility = 'hidden';
		document.getElementById('directions2').style.height = '0';
		document.getElementById('directions2').style.margin = '0';
		document.getElementById('directions3').style.visibility = 'hidden';
		document.getElementById('directions3').style.height = '0';
		document.getElementById('directions3').style.margin = '0';
		document.getElementById('directions4').style.visibility = 'hidden';
		document.getElementById('directions4').style.height = '0';
		document.getElementById('directions4').style.margin = '0';
		document.getElementById('directions5').style.visibility = 'hidden';
		document.getElementById('directions5').style.height = '0';
		document.getElementById('directions5').style.margin = '0';
		
		/* SET THIS TO ACTIVE, MAKE DIRECTIONS DIV APPEAR */
		document.getElementById('button1').src = "img/northern-vermont-active.gif";
		document.getElementById('directions1').style.visibility = 'visible';
		document.getElementById('directions1').style.height = 'auto';
		document.getElementById('directions1').style.margin = '0 0 15px 15px';
}

function setDirections2(){
		/* SET ALL NON ACTIVES TO INACTIVE */
		document.getElementById('button1').src = "img/northern-vermont-inactive.gif";
		document.getElementById('button3').src = "img/western-vermont-inactive.gif";
		document.getElementById('button4').src = "img/northern-nh-inactive.gif";
		document.getElementById('button5').src = "img/southern-nh-inactive.gif";
		document.getElementById('directions1').style.visibility = 'hidden';
		document.getElementById('directions1').style.height = '0';
		document.getElementById('directions1').style.margin = '0';
		document.getElementById('directions3').style.visibility = 'hidden';
		document.getElementById('directions3').style.height = '0';
		document.getElementById('directions3').style.margin = '0';
		document.getElementById('directions4').style.visibility = 'hidden';
		document.getElementById('directions4').style.height = '0';
		document.getElementById('directions4').style.margin = '0';
		document.getElementById('directions5').style.visibility = 'hidden';
		document.getElementById('directions5').style.height = '0';
		document.getElementById('directions5').style.margin = '0';
		
		/* SET THIS TO ACTIVE, MAKE DIRECTIONS DIV APPEAR */
		document.getElementById('button2').src = "img/southern-vermont-active.gif";
		document.getElementById('directions2').style.visibility = 'visible';
		document.getElementById('directions2').style.height = 'auto';
		document.getElementById('directions2').style.margin = '0 0 15px 15px';
}

function setDirections3(){
		/* SET ALL NON ACTIVES TO INACTIVE */
		document.getElementById('button1').src = "img/northern-vermont-inactive.gif";
		document.getElementById('button2').src = "img/southern-vermont-inactive.gif";
		document.getElementById('button4').src = "img/northern-nh-inactive.gif";
		document.getElementById('button5').src = "img/southern-nh-inactive.gif";
		document.getElementById('directions1').style.visibility = 'hidden';
		document.getElementById('directions1').style.height = '0';
		document.getElementById('directions1').style.margin = '0';
		document.getElementById('directions2').style.visibility = 'hidden';
		document.getElementById('directions2').style.height = '0';
		document.getElementById('directions2').style.margin = '0';
		document.getElementById('directions4').style.visibility = 'hidden';
		document.getElementById('directions4').style.height = '0';
		document.getElementById('directions4').style.margin = '0';
		document.getElementById('directions5').style.visibility = 'hidden';
		document.getElementById('directions5').style.height = '0';
		document.getElementById('directions5').style.margin = '0';
		
		/* SET THIS TO ACTIVE, MAKE DIRECTIONS DIV APPEAR */
		document.getElementById('button3').src = "img/western-vermont-active.gif";
		document.getElementById('directions3').style.visibility = 'visible';
		document.getElementById('directions3').style.height = 'auto';
		document.getElementById('directions3').style.margin = '0 0 15px 15px';
}

function setDirections4(){
		/* SET ALL NON ACTIVES TO INACTIVE */
		document.getElementById('button1').src = "img/northern-vermont-inactive.gif";
		document.getElementById('button2').src = "img/southern-vermont-inactive.gif";
		document.getElementById('button3').src = "img/western-vermont-inactive.gif";
		document.getElementById('button5').src = "img/southern-nh-inactive.gif";
		document.getElementById('directions1').style.visibility = 'hidden';
		document.getElementById('directions1').style.height = '0';
		document.getElementById('directions1').style.margin = '0';
		document.getElementById('directions2').style.visibility = 'hidden';
		document.getElementById('directions2').style.height = '0';
		document.getElementById('directions2').style.margin = '0';
		document.getElementById('directions3').style.visibility = 'hidden';
		document.getElementById('directions3').style.height = '0';
		document.getElementById('directions3').style.margin = '0';
		document.getElementById('directions5').style.visibility = 'hidden';
		document.getElementById('directions5').style.height = '0';
		document.getElementById('directions5').style.margin = '0';
		
		/* SET THIS TO ACTIVE, MAKE DIRECTIONS DIV APPEAR */
		document.getElementById('button4').src = "img/northern-nh-active.gif";
		document.getElementById('directions4').style.visibility = 'visible';
		document.getElementById('directions4').style.height = 'auto';
		document.getElementById('directions4').style.margin = '0 0 15px 15px';
}

function setDirections5(){
		/* SET ALL NON ACTIVES TO INACTIVE */
		document.getElementById('button1').src = "img/northern-vermont-inactive.gif";
		document.getElementById('button2').src = "img/southern-vermont-inactive.gif";
		document.getElementById('button3').src = "img/western-vermont-inactive.gif";
		document.getElementById('button4').src = "img/northern-nh-inactive.gif";
		document.getElementById('directions1').style.visibility = 'hidden';
		document.getElementById('directions1').style.height = '0';
		document.getElementById('directions1').style.margin = '0';
		document.getElementById('directions2').style.visibility = 'hidden';
		document.getElementById('directions2').style.height = '0';
		document.getElementById('directions2').style.margin = '0';
		document.getElementById('directions3').style.visibility = 'hidden';
		document.getElementById('directions3').style.height = '0';
		document.getElementById('directions3').style.margin = '0';
		document.getElementById('directions4').style.visibility = 'hidden';
		document.getElementById('directions4').style.height = '0';
		document.getElementById('directions4').style.margin = '0';
		
		/* SET THIS TO ACTIVE, MAKE DIRECTIONS DIV APPEAR */
		document.getElementById('button5').src = "img/southern-nh-active.gif";
		document.getElementById('directions5').style.visibility = 'visible';
		document.getElementById('directions5').style.height = 'auto';
		document.getElementById('directions5').style.margin = '0 0 15px 15px';
}