// JavaScript Document

// This is the Five box ex/col

function hide1() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'block';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'none';
}
function hide2() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'block';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'none';
}
function hide3() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'block';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'none';
}
function hide4() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'block';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'none';
}
function hide5() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'block';
	 var e = document.getElementById("box6"); e.style.display = 'none';
}

function hide6() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'block';
}

// This is the expand and collapse javascript


function hide() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'none';
	 var e = document.getElementById("box2"); e.style.display = 'none';
	 var e = document.getElementById("box3"); e.style.display = 'none';
	 var e = document.getElementById("box4"); e.style.display = 'none';
	 var e = document.getElementById("box5"); e.style.display = 'none';
	 var e = document.getElementById("box6"); e.style.display = 'none';
	 var e = document.getElementById("box7"); e.style.display = 'none';
	 var e = document.getElementById("box8"); e.style.display = 'none';
	 var e = document.getElementById("box9"); e.style.display = 'none';
	 var e = document.getElementById("box10"); e.style.display = 'none';
	 var e = document.getElementById("box11"); e.style.display = 'none';
	 var e = document.getElementById("box12"); e.style.display = 'none';
	 var e = document.getElementById("box13"); e.style.display = 'none';
	 var e = document.getElementById("box14"); e.style.display = 'none';
	 var e = document.getElementById("box15"); e.style.display = 'none';
	 var e = document.getElementById("box16"); e.style.display = 'none';
	 var e = document.getElementById("box17"); e.style.display = 'none';
	 var e = document.getElementById("box18"); e.style.display = 'none';
	 var e = document.getElementById("box19"); e.style.display = 'none';
	 var e = document.getElementById("box20"); e.style.display = 'none';
	
	 
}


function view() {
	 
	 var e = document.getElementById("box1"); e.style.display = 'block';
	 var e = document.getElementById("box2"); e.style.display = 'block';
	 var e = document.getElementById("box3"); e.style.display = 'block';
	 var e = document.getElementById("box4"); e.style.display = 'block';
	 var e = document.getElementById("box5"); e.style.display = 'block';
	 var e = document.getElementById("box6"); e.style.display = 'block';
	 var e = document.getElementById("box7"); e.style.display = 'block';
	 var e = document.getElementById("box8"); e.style.display = 'block';
 	 var e = document.getElementById("box9"); e.style.display = 'block';
	 var e = document.getElementById("box10"); e.style.display = 'block';
	 var e = document.getElementById("box11"); e.style.display = 'block';
	 var e = document.getElementById("box12"); e.style.display = 'block';
	 var e = document.getElementById("box13"); e.style.display = 'block';
	 var e = document.getElementById("box14"); e.style.display = 'block';
	 var e = document.getElementById("box15"); e.style.display = 'block';
	 var e = document.getElementById("box16"); e.style.display = 'block';
	 var e = document.getElementById("box17"); e.style.display = 'block';
	 var e = document.getElementById("box18"); e.style.display = 'block';
	 var e = document.getElementById("box19"); e.style.display = 'block';
	 var e = document.getElementById("box20"); e.style.display = 'block';
	 
	 
}




function toggle(list){ 
var listElementStyle=document.getElementById(list).style; 
if (listElementStyle.display=="none"){ 
listElementStyle.display="block"; 
 }
else{ listElementStyle.display="none"; 
 } 
}