function rollIn(overid)
{
//overid.innerHTML = "<font size = 3 color=#FF0066>" + overid.innerText + "</font>";
overid.style.color = '#0B3180';
//overid.style.color = '22BB55';
}

function rollOut(overid)
{
//overid.innerHTML = "<font size = 3 color=#00FF00>" + overid.innerText + "</font>";
overid.style.color = '#0060B0';
}

function subpage(Name, Link) {
	this.Name = Name;
	this.Link = Link;
}

function GetNavs() {
	navs[1] = new subpage("Home","index");
	navs[2] = new subpage("Rehearsals","rehearsals");
	navs[3] = new subpage("Personalities","personalities");
	navs[4] = new subpage("How to Join","howtojoin");
	navs[5] = new subpage("Programmes","programmes");
	navs[6] = new subpage("Noticeboard","noticeboard");	
	navs[7] = new subpage("Links","links");
	navs[8] = new subpage("Contact Us","contact_us");
}


function Banner(PageTitle) {
	//Pass = Request.Form("password");
	// if Pass <> "" then Session("SitePassword") = Pass
	// if Session("SitePassword") <> "choirmaster" then Response.Redirect "enterpass.asp"
	
	//var bgcolor = "#001C6C";
	//var bordercolor = "#0060B0";

	navs = new Array;
	GetNavs();


	document.write("<body vlink = #0060B0 link = #0060B0 alink= #0F45B5 bgcolor= #D9F5FF background='images/Gradient1.jpg'><center>");
 
	document.write("<p style='margin-top: 30; margin-bottom:10' align=center>");
  
  
	document.write("<table border=2 cellpadding=4 cellspacing=4 style='border-collapse: collapse; margin-bottom: 20;' ");
	document.write("width=690 height=159 bgcolor=#BED1FA bordercolor=#0F45B5>");

	document.write("<tr><td width=144 height=74 align=center valign=top bordercolorlight=#BED1FA bordercolordark=#BED1FA bordercolor=#BED1FA>");
      	
	for (j=1;j<9;j++) {
		
		topmar = 5;
		if (j==1) {topmar = 30;}
		if (j==5) {topmar = 30;}
		
		document.write("<p align=left style='margin-left: 20; margin-top: " + topmar + "; margin-bottom: 5'><font face = 'Century Schoolbook' size=3>"); 
		document.write("<b><a target='_top' onmouseover=rollIn(this) onmouseout=rollOut(this) href=" + navs[j].Link + ".html>" + navs[j].Name + "</a></b></font></p>");
		
		if (j==4) {	      		
					     		
			document.write("</td>");
	
			//the logo	
			document.write("<td width=324 height=74 align=center valign=top bordercolorlight=#BED1FA bordercolordark= #BED1FA bordercolor= #BED1FA>");
      			document.write("<p style='margin-left: 10; margin-top: 4'><img border=0 src='images/edenlogo.PNG'></p></td>");
      			
			//cell for the right-hand options (start j=4)
      			document.write("<td width=174 height=74 align=center valign=top bordercolorlight= #BED1FA bordercolordark= #BED1FA bordercolor= #BED1FA>");
      		}	
	}
	
	document.write("</td></tr></table>");
	
	if (typeof(PageTitle) == 'string') {
		document.write("<center><table border=0 cellpadding=0 cellspacing=0 style='border-collapse: collapse; margin-bottom: 20;' bordercolor=#111111>");
		document.write("<tr><td colspan=2 width=648 background='images/ed_gradient.png' height=45>");
		document.write("<p ALIGN=center style='margin-top: 0'><font face=Georgia size=6 color=#FFFFFF>" + PageTitle + "</font></p></td></tr></table></center>");
	}
}
      

function Personalities() {
      
	document.write("<table align=center border=0 cellpadding=0 cellspacing=0 bordercolor=#FFFF66 width=700 bgcolor=#C6D7FB ");
	document.write("style='border-style: solid; border-color: black; border-width: 2;'>");
    
	document.write("<tr><td valign=top width=200 align=center height=66>");
	document.write("<p style='margin-top: 5; margin-bottom: 0'><font face=Georgia size=5><a href=garethcozens.html#pp>Gareth Cozens</a></font></p>");
     	document.write("<p style='margin-top: 0; margin-bottom: 5'><font face=Georgia size=4>(musical director)</font></p></td>");
      
	document.write("<td width=200 valign=top align=center height=66>");
      	document.write("<p style='margin-top: 5; margin-bottom: 0'><font face=Georgia size=5><a href=janetwilkinson.html#pp>Janet Wilkinson</a></font></p>");
      	document.write("<p style='margin-top: 0; margin-bottom: 5'><font face=Georgia size=4>(accompanist)</font></p></td>");
      
	document.write("<td width=200 valign=top align=center height=66>");
     	document.write("<p style='margin-top: 5; margin-bottom: 0'><font face=Georgia size=5></font></p></td>");

    	document.write("</tr></table>");
}

function Progs() {
	FutureProgs();
	PastProgs();
}

function FutureProgs() {
	
	fnavs = new Array;
	
	fnavs[1] = new subpage("Songtime 2010","songtime10");
	
	document.write("<center>");
	
	document.write("<a name='fp'></a>");
	
	document.write("<div>");
	document.write("<table border=0 cellpadding=0 cellspacing=0 style='border-collapse: collapse' bordercolor=#111111>");
    	document.write("<tr><td colspan=2 width=648 background='images/ed_gradient.png' height=45>");
    	document.write("<p ALIGN=center style='margin-top: 0'><font face=Georgia size=6 color=#FFFFFF>");
	document.write("2010 Programme</font></p></td></tr></table>");
	
	document.write("<table width=650><tr>");
	
	document.write("<td colspan=2 align=center bgcolor= #33CCFF valign=middle><p align=center><font color=#0B3180 face='Century Gothic' size=4>");
		document.write("<b><a onmouseover=rollIn(this) onmouseout=rollOut(this) href=" + fnavs[1].Link + ".html#fp>" + fnavs[1].Name + "</a></b></font></p></td>");
		document.write("</tr></table>");
		
		document.write("</div>");
	
}      

function PastProgs() {
	
	pnavs = new Array;
	
	pnavs[8] = new subpage("Songtime 2009","songtime09");
	pnavs[6] = new subpage("Songtime 2008","songtime08");
	pnavs[4] = new subpage("Songtime 2007","songtime07");
	pnavs[2] = new subpage("Songtime 2006","songtime06");
	
	pnavs[7] = new subpage("Christmas 2009","xmas09");
	pnavs[5] = new subpage("Christmas 2008","xmas08");
	pnavs[3] = new subpage("Christmas 2007","xmas07");
	pnavs[1] = new subpage("Christmas 2005","xmas05");	

	document.write("<center>");
	
	document.write("<a name='pp'></a>");
	
	document.write("<div style='margin-top: 20'>");
	
	document.write("<table border=0 cellpadding=0 cellspacing=0 style='border-collapse: collapse' bordercolor=#111111>");
    	document.write("<tr><td colspan=2 width=648 background='images/ed_gradient.png' height=45>");
    	document.write("<p ALIGN=center style='margin-top: 0'><font face=Georgia size=6 color=#FFFFFF>");
	document.write("Past Programmes</font></p></td></tr></table>");
   
    	document.write("<table width=650><tr>");
	
	for (j=8;j>0;j--) {
     	document.write("<td align=center bgcolor= #33CCFF valign=middle><p align=center><font color=#0B3180 face='Century Gothic' size=4>");
		document.write("<b><a onmouseover=rollIn(this) onmouseout=rollOut(this) href=" + pnavs[j].Link + ".html#pp>" + pnavs[j].Name + "</a></b></font></p></td>");
		
		if (j % 2 == 1) { document.write("</tr><tr>"); }
	}    	
	
	document.write("</tr></table>");
	
	document.write("</div>");
}
  

function EndLinks() {
	
	navs = new Array;
	GetNavs();	

	document.write("<p style='margin-top: 20; margin-bottom:10'>");
	
	document.write("<table border=2 cellpadding=4 cellspacing=4 style='border-collapse: collapse' width=360 height=90 bgcolor=#BED1FA bordercolor=#0F45B5><tr>");
    
    	document.write("<td width=149 height=63 align=center valign=top bordercolorlight=#BED1FA bordercolordark=#BED1FA bordercolor=#BED1FA>");
	
	for (j=1;j<9;j++) {
	
			topmar = 5;
			if (j==5) {topmar = 5;}
			
      		document.write("<p align=left style='margin-left: 15; margin-top: " + topmar + "; margin-bottom: 5'><b><font face='Century Schoolbook' size=3>");
      		document.write("<a target='_top' onmouseover=rollIn(this) onmouseout=rollOut(this) href=" + navs[j].Link + ".html>" + navs[j].Name + "</a></font></b>");
		
		if (j==4) {
			document.write("</td><td width=174 height=63 align=center valign=top bordercolorlight= #BED1FA bordercolordark= #BED1FA bordercolor= #BED1FA>");
		}	
	}     
	
	document.write("</td></tr></table>");
	
	//document.write("<p>current file = " + locfile + "</p>");
	document.write("<p><a href='#'>Top of Page</a></p>");
	
	//document.write("<p style='margin:0'><font size=1>&nbsp;</font></p>");
      
}