<!-- Begin POP-UP SIZES AND OPTIONS CODE


// ONLY USE lowercase FOR ALL OPTIONS


// CHANGE ANY OF THESE VARIABLES TO "no" OR "yes" TO TURN AN OPTION OFF OR ON


var paragraph_1 	= "yes"		// SHOW THE 1ST PARAGRAPH
var paragraph_2 	= "yes"		// SHOW THE 2ND PARAGRAPH
var paragraph_3 	= "no"		// SHOW THE 3ND PARAGRAPH
var paragraph_4 	= "no"		// SHOW THE 4TH PARAGRAPH
var showimage	= "no"		// SHOW A SIDEBAR IMAGE
var showscroller	= "no"		// SHOW A SIDEBAR IMAGE
var scrollspacing	= "20"		// NUDGE SIDEBAR DOWN
var showweather	= "no"		// SHOW THE WEATHER ON THE PAGE	** MUST BE NO FOR NOW **

var showsearch	= "yes"		// SHOW THE SEARCH FORM
var searchLR	= "left"		// SEARCH FORM LEFT OR RIGHT
var searchX		= "10"		// SEARCH FORM X LOCATION
var searchy		= "210"		// SEARCH FORM Y LOCATION
var searchwidth	= "160"		// WIDTH OF THE SEARCH FORM
var searchtext	= "Web Search"	// TEXT ABOVE SEARCH FORM
var showdate	= "yes"		// SHOW THE DATE ON THE PAGE
var showtime	= "yes"		// SHOW THE TIME ON THE PAGE		** NOT AVAILABLE WITHOUT DATE **
var showaddress	= "yes"		// SHOW THE ADDRESS ON THE PAGE

var bordercolor	= "9291AA"		// SCROLLER AND IMAGE BORDER COLOR

var showsflash	= "no"		// SHOW FLASH IMAGE CHANGER
var flashcolor	= "0F0066"		// FLASH BACKGROUND COLOR
var flashwidth	= "150"		// WIDTH OF THE FLASH (IN PIXELS) (and adjust the menu.js)
var flashheight	= "150"		// HEIGHT OF THE FLASH (IN PIXELS) (and adjust the menu.js)


// EDIT THE "scroll.variables0.js" FOR SCROLLER OPTIONS



// NUDGE SPACER
document.write('<img src="/picts/spacer.gif" height="'+scrollspacing+'" width="10"><br>')



// START SIDEBAR AREA PARAGRAPH 1 EDIT THIS AREA

   if (paragraph_1 == "yes") {

document.write('<div align="center">')

document.write('<span class="sidebartitle">')

document.write('Sermons')

document.write('</span><br>')

document.write('<hr size="1" color="navy" noshade/>')


// PODCAST SUBSCRIPTION LINKS
document.write('<span class="sidebartitle" style="font-size:11px">Podcasts</span><br>')

document.write('<span class="sidebartext">')

document.write('Subscribe to<br><span class="emph">Sermons from St. John&rsquo;s</span><br>')

document.write('</span>')

document.write('<div style="margin-top:5px">')

document.write('<a href="http://rss.stjohnsdetroit.org/podcast/sermons.xml" onMouseOver="window.status=\'Click to see the podcast XML for Sermons from St. John&rsquo;s.\';return true;" onMouseOut="window.status=\' \';return true;" title="Click to see the podcast XML for Sermons from St. John&rsquo;s.&nbsp; Copy this URL to your podcast application to subscribe."><img src="/picts/podcast.gif" width="69" height="16" border="0" align="middle" alt="Click to see the podcast XML for Sermons from St. John&rsquo;s.&nbsp; Copy this URL to your podcast application to subscribe."></a><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=189171277" onMouseOver="window.status=\'Click to open the iTunes page for Sermons from St. John&rsquo;s.\';return true;" onMouseOut="window.status=\' \';return true;" title="Click to open the iTunes page for Sermons from St. John&rsquo;s."><img src="/picts/itunes_badge.gif" width="80" height="15" border="0" align="middle" alt="Click to open the iTunes page for Sermons from St. John&rsquo;s." style="margin-left:6px"></a>')

//document.write('<a href="http://rss.stjohnsdetroit.org/podcast/sermons.xml" title="Click to see the podcast XML for Sermons from St. John&rsquo;s.&nbsp; Copy this URL to your podcast application to subscribe."><img src="/picts/podcast.gif" width="69" height="16" border="0" align="middle" alt="Click to see the podcast XML for Sermons from St. John&rsquo;s."></a><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=189171277" target="_blank"><img height="15" width="61" border="0" alt="Click to open the iTunes page for Sermons from St. John&rsquo;s." src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif" style="margin-left:13px"></a>')

//Enable below for Feed Validator

//document.write('<br>')

//document.write('<a href="http://feedvalidator.org/check.cgi?url=http%3A//rss.stjohnsdetroit.org/podcast/sermons.xml" target="_blank"><img src="http://rss.stjohnsdetroit.org/picts/valid-rss.png" width="88" height="31" border="0" align="middle" alt="[Valid RSS]" title="Validate my RSS feed" style="margin-top:5px" /></a>')

document.write('</div>')

// END PODCAST SUBSCRIPTION LINKS

document.write('<br>')

// PODCAST PLAYER LINKS
document.write('<span class="sidebartext" style="font-size:9px">')

document.write('Download FREE player software')

document.write('</span>')

document.write('<div style="margin-top:5px">')

document.write('<a href="http://www.apple.com/itunes/download/" onMouseOver="window.status=\'Download iTunes\';return true;" onMouseOut="window.status=\' \';return true;" title="Download iTunes" target="_blank"><img src="/picts/itunes.gif" width="63" height="15" border="0" align="middle" alt="Download iTunes"></a><a href="http://juicereceiver.sourceforge.net/#download" onMouseOver="window.status=\'Download Juice, the cross-platform podcast receiver\';return true;" onMouseOut="window.status=\' \';return true;" title="Download Juice, the cross-platform podcast receiver" target="_blank"><img src="/picts/badge_juice.gif" width="80" height="15" align="middle" alt="Download Juice, the cross-platform podcast receiver" border="0" align="middle" style="margin-left:13px"></a>')

document.write('</div>')

// END PODCAST PLAYER LINKS


document.write('<hr size="1" color="navy" noshade/>')


// STREAMING AUDIO LINKS
document.write('<span class="sidebartitle" style="font-size:11px">Streaming Audio</span><br>')

//document.write('<span class="sidebartext">')

//document.write('Listen NOW using<br>Clipstream&trade;<br>playerless audio<br>')

//document.write('<span style="font-size:10px">\(Click on date to select\)</span><br>')

//document.write('</span>')



// END PODCAST SUBSCRIPTION LINKS


document.write('</div><br>')


// JULY 18, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100718.htm\')" onMouseOver="window.status=\'July 18, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Seventh Sunday after Trinity - 10:00 AM">July 18, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:#59E817">')

document.write('<span class="smallcaps">Trinity VII</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JULY 11, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100711.htm\')" onMouseOver="window.status=\'July 11, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Sixth Sunday after Trinity - 10:00 AM">July 11, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:#59E817">')

document.write('<span class="smallcaps">Trinity VI</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JULY 4, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100704.htm\')" onMouseOver="window.status=\'July 4, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="Independence Day - 10:00 AM">July 4, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:white">')

document.write('<span class="smallcaps">Independence Day</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 27, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100627.htm\')" onMouseOver="window.status=\'June 27, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Fourth Sunday after Trinity - 10:00 AM">June 27, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:#59E817">')

document.write('<span class="smallcaps">Trinity IV</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 20, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100620.htm\')" onMouseOver="window.status=\'June 20, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Third Sunday after Trinity - 10:00 AM">June 20, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:#59E817">')

document.write('<span class="smallcaps">Trinity III</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 13, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100613.htm\')" onMouseOver="window.status=\'June 13, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Second Sunday after Trinity - 10:00 AM">June 13, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:#59E817">')

document.write('<span class="smallcaps">Trinity II</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 6, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100606.htm\')" onMouseOver="window.status=\'June 6, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="Sunday within the Octave of Corpus Christi - 10:00 AM">June 6, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:white">')

document.write('<span class="smallcaps">Corpus Christi Sunday</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 3, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100603.htm\')" onMouseOver="window.status=\'June 3, 2010 7:00 PM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Feast of Corpus Christi - 7:00 PM">June 3, 2010 7:00 PM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:white">')

document.write('<span class="smallcaps">Corpus Christi</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// MAY 30, 2010
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20100530.htm\')" onMouseOver="window.status=\'May 30, 2010 10:00 AM\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="Trinity Sunday - 10:00 AM">May 30, 2010 10:00 AM</a>')

//document.write('&nbsp;&nbsp;<IMG src="/picts/pod.jpg" width="21" height="9 border="0" hspace="0" vspace="0" alt="Also available via Podcast" title="Also available via Podcast" style="vertical-align: middle">')

document.write('<br>')

document.write('<span style="color:white">')

document.write('<span class="smallcaps">Trinity Sunday</span>')

document.write('</span></span></span><br>')

document.write('<br>')



// JUNE 18, 2006
/* For future reference...
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20060618.htm\')" onMouseOver="window.status=\'June 18, 2006\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Solemnity of Corpus Christi - 10:00 AM">June 18, 2006</a>')

document.write('<br>')

document.write('<span style="color:white">')

document.write('C<span class="smallcaps">orpus</span> C<span class="smallcaps">hristi</span> S<span class="smallcaps">unday</span>')

document.write('</span></span></span><br>')

document.write('<br>')
*/


// JUNE 15, 2006
/* For future reference...
document.write('<span class="sidebartitle">')

document.write('<span style="font-size:9px">')

document.write('&raquo;&nbsp;<a href="javascript:;" onClick="popUpSermon(\'sjs-20060615.htm\')" onMouseOver="window.status=\'June 15, 2006\';return true;" onMouseOut="window.status=\' \';return true;" class="sidelink" title="The Feast of Corpus Christi - 7:00 PM">June 15, 2006</a>')

document.write('<br>')

document.write('<span style="color:white">')

document.write('C<span class="smallcaps">orpus</span> C<span class="smallcaps">hristi</span>')

document.write('</span></span></span><br>')

document.write('<br>')
*/


document.write('<hr size="2" color="navy" noshade/><br>')

}
// END SIDEBAR AREA PARAGRAPH 1





// START SIDEBAR AREA PARAGRAPH 2 EDIT THIS AREA

   if (paragraph_2 == "yes") {

document.write('<script language="JavaScript" type="text/javascript" src="/seal.js"></script>')

}
// END SIDEBAR AREA PARAGRAPH 2





// SCROLLER CODE
   if (showscroller == "yes") {

document.write('<TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#'+bordercolor+'" style="border-collapse:collapse"><tr><td>')
Tscroll_init (0)
document.write('</td></tr></table>')
document.write('<br><br>')

}





// SMALL PICTURE AREA
   if (showimage == "yes") {

document.write('<br><TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#'+bordercolor+'" style="border-collapse: collapse"><tr><td>')
document.write('<a href="/home.html"><IMG src="/picts/sidebar.jpg" border="0" width="150"></a><br>')
document.write('</td></tr></table>')
document.write('<br><br>')
}





// FLASH CHANGER
   if (showsflash == "yes") {
document.write('<TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#'+bordercolor+'" style="border-collapse:collapse"><tr><td valign="top">')
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="'+flashwidth+'" HEIGHT="'+flashheight+'" id="imagechanger" ALIGN="">')
document.write('<PARAM NAME=movie VALUE="/imagechanger.swf">')
document.write('<PARAM NAME=quality VALUE=high>')
document.write('<PARAM NAME=bgcolor VALUE=#'+flashcolor+'>')
document.write('<EMBED src="/imagechanger.swf" quality=high bgcolor=#'+flashcolor+'  WIDTH="'+flashwidth+'" HEIGHT="'+flashheight+'" NAME="imagechanger" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">')
document.write('</EMBED>')
document.write('</OBJECT><br>')
document.write('</td></tr></table>')
document.write('<br><br>')
}





// START SIDEBAR AREA PARAGRAPH 3 EDIT THIS AREA

   if (paragraph_3 == "yes") {

document.write('<span class="sidebartitle">')

document.write('Upcoming Events:')

document.write('<br></span><span class="sidebartext">')

document.write('November 6th, 4:00 PM<br>All Saints\' Sunday<br>Solemn Choral Evensong<br>')

document.write('<br>')

document.write('November 23rd, 7:00 PM<br>Thanksgiving Eve<br>Choral Holy Communion<br>')

document.write('</span><br><br>')

}
// END SIDEBAR AREA PARAGRAPH 3




// START SIDEBAR AREA PARAGRAPH 4 EDIT THIS AREA

   if (paragraph_4 == "yes") {

document.write('<span class="sidebartitle">')

document.write('Flexibility:')

document.write('<br></span><span class="sidebartext">')

document.write('AllWebCo Templates are built using basic HTML. This makes it easy for you to add new features like Javascript or CGI programs.<br>')

document.write('</span><br><br>')

}
// END SIDEBAR AREA PARAGRAPH 4




// START WEATHER SCRIPT

   if (showweather == "yes") {

document.write('<div id="weather-location">')

// SPRING
// Create new code using "Grass Fields"


// SUMMER
// document.write('<script src="/http://voap.weather.com/weather/oap/48201?template=LAWNV&amp;par=1009790642&amp;unit=0&amp;key=96b11c9491f916e91963bcabe983b007"></script>')

// FALL
document.write('<script src="/http://voap.weather.com/weather/oap/48201?template=DRIVV&amp;par=1009790642&amp;unit=0&amp;key=96b11c9491f916e91963bcabe983b007"></script>')

// WINTER
// Create new code using "Winter Blues"

document.write('</div>')

}




// EDIT THE "scroll.variables0.js" FOR SCROLLER OPTIONS




// SEARCH FORM
   if (showsearch == "yes") {

document.write('<div id="search" style="'+searchLR+': '+searchX+'px; POSITION: absolute; TOP: '+searchy+'px; width: auto; z-index: 1;">')
document.write('<TABLE cellpadding="0" cellspacing="3" border="0" width="'+searchwidth+'"><tr><td colspan="2" class="sidebartext">')
document.write(''+searchtext+'<br>')
document.write('</td></tr><tr><td align="left">')
document.write('<form action="http://www.google.com/search" name="f" target="_blank" style="margin: 0px">')
document.write('<input type="hidden" name="any selected">')
document.write('<input size="15" name="q" value="" class="searchform">&nbsp;<input type=submit value="Go!" name="btnG" class="searchbutton"><br>')
document.write('</form>')
document.write('</td></tr></table>')
document.write('</div>')
}



// START DATE SCRIPT
   if (showdate == "yes") {

document.write('<script language="JavaScript" type="text/javascript" src="/date.js"></script>')

}



// START ADDRESS SCRIPT
   if (showaddress == "yes") {

document.write('<script language="JavaScript" type="text/javascript" src="/address.js"></script>')

}


//  End -->

