var lastupdate="November 16, 2009"
var yr = "2009";
var PathXtra="";
var URLXtra="";

function includejs(destination) {
    try{
        // inserting via DOM fails in Safari 2.0, so brute force approach
        document.write('<script type="text/javascript" src="'+destination+'"><\/script>');
      } catch(e) {
        // for xhtml+xml served content, fall back to DOM methods
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = destination;
        document.getElementsByTagName('head')[0].appendChild(script);
      }
	
	
}
function includecss(theURL) {
    try{
        // inserting via DOM fails in Safari 2.0, so brute force approach
        document.write('<link rel="stylesheet" href="'+theURL+'" type="text/css">');
      } catch(e) {
        // for xhtml+xml served content, fall back to DOM methods
        
    	var cssNode = document.createElement('link');
    	cssNode.type = 'text/css';
    	cssNode.rel = 'stylesheet';
    	cssNode.href = theURL;
    	cssNode.media = 'screen';
        document.getElementsByTagName('head')[0].appendChild(cssNode);
      }
}

function getURLParam(name)
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

/* ******************* Table Of Contents ******************** */
function Create_NavigationMenu(SideOrBottom)
{
	var HTML = "";
	if (SideOrBottom=="Bottom")
	{
		HTML+="<br><a onclick='doTooltip(event,0);' onmouseout='hideTip();' style='cursor:pointer;'><img src='"+PathXtra+"shell2.gif' align=left border=0><img src='"+PathXtra+"shell1.gif' align=right></a>";
		StartOfLine="";
		EndOfLine = " | ";
		EndOfLine2 = "";
		HTML+="<div align=center>";
		HTML+=StartOfLine+"<a href='"+PathXtra+"index.html"+URLXtra+"' class=mainlink>HOME</a>"+EndOfLine;
	} else
	{
		StartOfLine="<span class=mainlinkbig>&nbsp; &nbsp; </span>";
		EndOfLine = "<BR>";
		EndOfLine2 = "<BR>";
	}
	HTML+=StartOfLine+"<a href='"+PathXtra+"education/index.html"+URLXtra+"' class=mainlink>EDUCATION</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"fellowship/index.html"+URLXtra+"' class=mainlink>FELLOWSHIP</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"music/index.html"+URLXtra+"' class=mainlink>MUSIC</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"mission/index.html"+URLXtra+"' class=mainlink>OUTREACH & MISSION</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"pastor/index.html"+URLXtra+"' class=mainlink>PASTOR</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"worship/index.html"+URLXtra+"' class=mainlink>WORSHIP SERVICE</a>"+EndOfLine2;
	HTML+="<BR>";
	HTML+=StartOfLine+"<a href='"+PathXtra+"about/index.html"+URLXtra+"' class=mainlink>ABOUT ST. JAMES</a>"+EndOfLine;
	HTML+=StartOfLine+"<a href='"+PathXtra+"directions/index.html"+URLXtra+"' class=mainlink>MAP / DIRECTIONS</a>"+EndOfLine;
	HTML+=StartOfLine+"<a onclick='swapMenu(event);' class=mainlinkspecial id=smtrigger>SPECIAL EVENTS</a>"+EndOfLine2;
	if (SideOrBottom=="Bottom")
		HTML+="</div>";
	return HTML;
}
/* ******************* End Table Of Contents ******************** */

/* ***************** Current Events/Info Boxes ********************  */
function GenerateCurrentBox(ScreamerList,TheID)
{
	var Cid = document.getElementById(TheID);
	var CBid = document.getElementById(TheID+'Box');
	var ScreamerHTML="";
	var i=0;
	var j=0;
	var CurrentScreamers = new Array();
	if (getURLParam("Mode")=="Demo")
	{
		CurrentScreamers = ScreamerList.slice();
		j=ScreamerList.length;
	} else 
	{
		for (i=0;i<ScreamerList.length;i++)
		{
			if (Today.getTime() > ScreamerList[i].TheStart.getTime())
			{
				if (Today.getTime() < ScreamerList[i].TheEnd.getTime())
				{
					CurrentScreamers[j] = ScreamerList[i];
					j=j+1;
				}
			}
		}
	}
	if (j!=0)
	{
		ScreamerHTML ="<table border=0 cellspacing=0 cellpadding=0 align=left>"
		for(i=0;i<j;i++)
		{
			ScreamerHTML = ScreamerHTML +"<tr height=30><td align=left valign=center>"+CurrentScreamers[i].TheImage+"</td><td height=30>&nbsp;</td><td valign=center align=left>" + CurrentScreamers[i].TheText + "</td></tr>";
		}
		ScreamerHTML = ScreamerHTML + "</table>";
		CBid.innerHTML = ScreamerHTML;
		Cid.style.display="inline";
	}
}
/* ***************** End Current Events/Info Boxes ********************  */



/* ************************ Box Formats **************************** */
function Write_CurvedEnd(width,bgcolor1,bgcolor2,color,BottomOrTop,UseSideBG)
{
	var HTML = "";
	var letter;
	var sidehtml;
	
	if (BottomOrTop=="Top")
		letter='T';
	else
		letter='B';
	
	if (UseSideBG=="UseSideBG")
		sidehtml = ' background="'+PathXtra+'common/images/'+color+BottomOrTop+'.gif"';
	else
		sidehtml = ' bgcolor="'+bgcolor1+'"';
	var borderwidth=7;
	var mainwidth=width-2*borderwidth;

	HTML+='<table border=0 cellpadding=0 cellspacing=0 width="'+width+'" align="center">';
	HTML+='	<tr valign=top>';
	HTML+='		<td width='+borderwidth+' valign=top bgcolor='+bgcolor2+'><img src="'+PathXtra+'common/images/'+color+'Corner'+letter+'L.gif"></td>';
	HTML+='		<td width='+mainwidth+sidehtml+'></td>';
	HTML+='		<td width='+borderwidth+' valign=top bgcolor='+bgcolor2+'><img src="'+PathXtra+'common/images/'+color+'Corner'+letter+'R.gif"></td>';
	HTML+='	</tr>';
	HTML+='</table>';
	return HTML;
}
function Write_CurvedBox(width,borderwidth,bgcolor1,bgcolor2,color, HTMLContent)
{
	var HTML="";
	var mainwidth=width-2*borderwidth;
	HTML+='<table border=0 cellpadding=0 cellspacing=0 bgcolor="'+bgcolor2+'" width="'+width+'" align="center">';
	HTML+='	<tr valign=top><td colspan=3>';
	HTML+=			Write_CurvedEnd(width,bgcolor1,bgcolor2,color,"Top","DontUseSideBG");
	HTML+='	</tr></td>';
	HTML+='	<tr valign=top>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+'></td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+mainwidth+'>';
	HTML+=				HTMLContent;
	HTML+='		</td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+'></td>';
	HTML+='	</tr>';
	HTML+='	<tr valign=top><td colspan=3>';
	HTML+=			Write_CurvedEnd(width,bgcolor1,bgcolor2,color,"Bottom","DontUseSideBG");
	HTML+='	</tr></td>';
	HTML+='</table>';
	return HTML;
}

function Write_SideBox(width,borderwidth,bgcolor1,bgcolor2,bgcolor3, color1, color2, HTMLContent1, HTMLContent2)
{
	var HTML="";
	var mainwidth=width-2*borderwidth;
	HTML+='<table border=0 cellpadding=0 cellspacing=0 bgcolor="'+bgcolor3+'" width="'+width+'" align="center">';
	HTML+='	<tr valign=top><td colspan=3>';
	HTML+=			Write_CurvedEnd(width,bgcolor2,bgcolor3,color2,"Top","UseSideBG");
	
	HTML+='	</tr></td>';
	HTML+='	<tr valign=top>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color2+'Left.gif"></td>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+mainwidth+'>';
	HTML+=				HTMLContent1;
	HTML+='		</td>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color2+'Right.gif"></td>';
	HTML+='	</tr>';
	
	
	HTML+='	</tr></td>';
	HTML+='	<tr valign=top>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color2+'Left.gif"></td>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+mainwidth+' height=5>';
	HTML+='		</td>';
	HTML+='		<td bgcolor="'+bgcolor2+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color2+'Right.gif"></td>';
	HTML+='	</tr>';
	

	HTML+='	<tr valign=top>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color1+'Left.gif"></td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+mainwidth+' height=5>';
	HTML+='		</td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color1+'Right.gif"></td>';
	HTML+='	</tr>';
	
	
	HTML+='	<tr valign=top>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color1+'Left.gif"></td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+mainwidth+'>';
	HTML+=				HTMLContent2;
	HTML+='		</td>';
	HTML+='		<td bgcolor="'+bgcolor1+'" width='+borderwidth+' background="'+PathXtra+'common/images/'+color1+'Right.gif"></td>';
	HTML+='	</tr>';
	
	HTML+='	<tr valign=top><td colspan=3>';
	HTML+=			Write_CurvedEnd(width,bgcolor1,bgcolor3,color1,"Bottom","UseSideBG");
	HTML+='	</tr></td>';
	HTML+='</table>';
	return HTML;
}
function Create_Header()
{
	var HTML="";
	HTML+='<table border=0 cellpadding=0 cellspacing=0 bgcolor="#ffffff" width="740" align="center">';
	HTML+='<tr>';
	HTML+='<td colspan=3 align=center>';
	HTML+='<a href="'+PathXtra+'index.html'+URLXtra+'"><img src="'+PathXtra+'main_top_banner.gif" border=0></a>';
	HTML+='<br><table height=5><tr><td></td></tr></table>';
	HTML+='</td>';
	HTML+='</tr>';
	HTML+='</table>';
	HTML+="<DIV id='TheDisplay'>";
	HTML+="<table height=400 width=120 align=center><tr valign=center><td align=center><img src='"+PathXtra+"common/lightbox/images/loading.gif'></td></tr></table>";
	HTML+="</DIV>";
	if(PathXtra!="")
		HTML+=Create_NavigationMenu("Bottom");
	return HTML;
}
function Create_MainBox()
{
	var HTML;
	HTML1 = Write_CurvedBox(740,0,"ffffff","990000","White", Create_Header());
	HTML = Write_CurvedBox(754,7,"990000","","Red", HTML1);
	return HTML;

}
function Create_SideBoxes()
{
	
	var HTML = "";
	HTML += "<div id=CurrentEvents style='display:none;'>";
	HTML += Write_SideBox(194,7,"ffffff","990000","", "WhiteBlack", "RedBlack", "<div align=center style='color:ffffff;font-size:18' align=center><b>Current Events</b></div>", "<div id='CurrentEventsBox'></div>")
	HTML += "<table height=5 width=0><tr><td></td></tr></table>";
	HTML += "</div>";
	
	HTML += "<div id=CurrentInfo style='display:none;'>";
	HTML += Write_SideBox(194,7,"ffffff","990000","", "WhiteBlack", "RedBlack", "<div align=center style='color:ffffff;font-size:18' align=center><b>Current Information</b></div>", "<div id='CurrentInfoBox'></div>")
	HTML += "<table height=5 width=0><tr><td></td></tr></table>";
	HTML += "</div>";
	return HTML;
}

/* ************************ End Box Formats **************************** */

function Create_CopyrightNoticeAndGBGMNotice()
{
	var HTML = "";
	HTML+="<table border='0' cellpadding='0' cellspacing='0' width='754' align='center'>";
	HTML+="<tr valign=top>";
	HTML+="<td align=center>";
	HTML+="<div align=center class=mainsmallitalic>Last Updated: "+lastupdate+" &nbsp; Copyright &copy; 2006-"+yr+" All Rights Reserved &nbsp; Saint James United Methodist Church Marriottsville, MD<br>";
	HTML+="The space for this web site has been provided courtesy of the <a HREF='http://new.gbgm-umc.org/'>General Board of Global Ministries, The United Methodist Church. </a></div>";
	HTML+="</td>";
	HTML+="</tr>";
	HTML+="</table>";
	return HTML;
}

function Create_PageLayout(DepthOfPage)
{
	var HTML="";
	var i = 0;
	for (i=0;i<DepthOfPage;i++)
		PathXtra+='../';

	includejs(PathXtra+"common/CurrentBoxes.js");
	includejs(PathXtra+"common/utilities.js");
	includejs(PathXtra+"common/common_html.js");
	includejs(PathXtra+"common/SpecialEvents.js");

	
	if (getURLParam("Mode")=="Demo")
	{
		URLXtra="?Mode=Demo";
	}
	
	HTML+="<table border=0 cellpadding=0 cellspacing=0 align=center>";
	HTML+="<tr><td width=194>&nbsp;</td>";
	HTML+="<td width=15>&nbsp;</td>";
	HTML+="<td width=754>";
	HTML+=Create_MainBox();
	HTML+="</td>";
	HTML+="<td width=15>&nbsp;</td>";
	HTML+="<td width=194 valign=top>";
	HTML+=Create_SideBoxes();
	HTML+="</td>";
	HTML+="</tr></table><p>";
	HTML+=Create_CopyrightNoticeAndGBGMNotice();
	return HTML;	
}
function PopulatePageWithContent()
{
	Generate_CurrentItems();
	Generate_SpecialEvents(PathXtra);
	
	var ContentBox = document.getElementById('TheContent');
	var DisplayBox = document.getElementById('TheDisplay');
	DisplayBox.innerHTML = ContentBox.innerHTML;
	ContentBox.innerHTML="";
	GenerateCurrentBox(ScreamersEvents,"CurrentEvents");
	GenerateCurrentBox(ScreamersInfo,"CurrentInfo");
	IncludeLightBox();
}

function AdjustLink(Before,Link,After)
{
	//<script>AdjustLink("Before","Link","After");</script>
	document.write(Before+Link+URLXtra+After);
}

function IncludeLightBox()
{
	//Haven't figured out why lightbox isn't working in IE8
	if (navigator.appName != 'Microsoft Internet Explorer')
	{
	includejs(PathXtra+"common/lightbox/js/prototype.js");
	includejs(PathXtra+"common/lightbox/js/scriptaculous.js?load=effects,builder");
	includejs(PathXtra+"common/lightbox/js/lightbox.js");

	includecss(PathXtra+"common/lightbox/css/lightbox.css");
	}
}