// JavaScript Document

//The following functions are called when the main navigation menu buttons are pressed. The table space next to the navigation menu is then populated by the appropriate webpage.
//the loadHome function calls the home.html page
//the loadEnsembles function calls the ensembles.html page
//The rest of the functions act in the same way.
//Updated by Cory Hall 03 January 2008.
//Updated again by Cory Hall 05 Oct 2008. 
	//I added the loadCommander() to support the site redesign.





//This section loads the Home page into the index page when the Home button is clicked.

function loadHome(){

	var mainContent = document.getElementById("mainContent");
	
	
      var loadHomePage = '<iframe src="home.htm" scrolling="no"  frameborder="0" height="675" width="621" align="top"></iframe>';

	
	var newContent = loadHomePage;

mainContent.innerHTML = newContent

}

//This next section loads the MST Page.


function loadEnsembles(){

	var mainContent = document.getElementById("mainContent");
	
	
      var loadEnsemblesPage = '<iframe src="MST2.htm" scrolling="no"  frameborder="0" height= "1650" width="621" align="top"></iframe>';

	
	var newContent = loadEnsemblesPage;

mainContent.innerHTML = newContent

}





//This section will display the band roster which contains links to each individual section's bio page.

function loadPersonnel(){

    var openTable = '<table>';
    var closeTable = '</table>';
    var openTR = "<tr>";
  	var closeTR = "</tr>";
	var openTD = "<td>";
	var openTD500 = '<td width="500px">';
	var closeTD = "</td>";
	

	var mainContent = document.getElementById("mainContent");
	var showBandRoster = '<iframe src="band_roster.html" style=" border:solid 2px #777 " width="621" frameborder="0" height="1000" align="top" scrolling="no"></iframe>';

	var newContent = showBandRoster

mainContent.innerHTML = newContent

}




//This function is called when the Events button is clicked on the index page menu.

function loadEvents(){

	var mainContent = document.getElementById("mainContent");
	
	
      var loadEventsPage = '<iframe src="Events.htm" scrolling="no" width="621" frameborder="0" height= "690"  align="top"></iframe>';

	
	var newContent = loadEventsPage;

mainContent.innerHTML = newContent

}



//This function is called when the Vacancies button is pressed on index page navigation menu.
function loadVacancies(){

	var mainContent = document.getElementById("mainContent");
	
	
      var loadVacanciesPage = '<iframe src="Vacancies.htm" scrolling="no" width="621" frameborder="0" height= "750"  align="top"></iframe>';

	
	var newContent = loadVacanciesPage;

mainContent.innerHTML = newContent

}


//This function is called when the History button is pressed on the index page navigation bar.

function loadHistory(){


	var mainContent = document.getElementById("mainContent");
	

	var loadHistoryPage = '<iframe src="band_history.html" scrolling="no" width="621" frameborder="0" height="600" align="top"></iframe>';

	var newContent = loadHistoryPage;

	mainContent.innerHTML = newContent

}



function loadListen() {

	var mainContent = document.getElementById("mainContent");
	

	var loadListenPage = '<iframe src="listen.html"  width="621" frameborder="0" height="950" align="top" scrolling="no"></iframe>';

	var newContent = loadListenPage;


	mainContent.innerHTML = newContent

}



function loadPhotos() {

	var mainContent = document.getElementById("mainContent");
	

	var loadPhotosPage = '<iframe src="photo_album/index.htm"  width="621" frameborder="0" height="700" align="top"></iframe>';

	var newContent = loadPhotosPage;


	mainContent.innerHTML = newContent

}



function loadRequest() {

	var mainContent = document.getElementById("mainContent");
	

	var loadRequestPage = '<iframe src="Request_Page.htm"  width="621" frameborder="0" height="680" scrolling="no" align="top"></iframe>';

	var newContent = loadRequestPage;


	mainContent.innerHTML = newContent

}


function loadCommander() {

	var mainContent = document.getElementById("mainContent");
	

	var loadCommanderPage = '<iframe src="Chief_Klotz_Bio.html"  width="621" frameborder="0" height="785" scrolling="no" align="top"></iframe>';

	var newContent = loadCommanderPage;


	mainContent.innerHTML = newContent

}