//<!-- Begin - HCCC

var bgColorMain;
bgColorMain='#ffdcbf';
var random = Math.random();
// enter number one less then the count of photos
var picnum = Math.round(random*29)+1;
var picdir = 'images/headerphotos/';
var gbMat;
var gMatColor

function frameStart(imgAlign,bMat,MatColor,frameBgColor){
  if (imgAlign=="") imgAlign="center";
  if (bMat=="") bMat=false;
  gbMat=bMat;
  if (MatColor=="") MatColor="#004B63";
  gMatColor=MatColor;

  if (frameBgColor=="") frameBgColor="#000000";
  document.writeln('<table border="0" cellspacing="0" cellpadding="0"  align="'+imgAlign+'">');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa1.gif"></td>');
  document.writeln('    <td background="images/Fa2.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa3.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td background="images/Fa4.gif">&nbsp;</td>');
  document.writeln('	<td>');
  if (gbMat) {
    document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
    document.writeln('  <tr>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('  </tr>');
    document.writeln('  <tr>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;&nbsp;&nbsp;&nbsp;</td>');
    document.writeln('    <td bgcolor="'+frameBgColor+'">');
    document.writeln('      <table border="1" cellspacing="0" cellpadding="20">');
    document.writeln('      <tr><td>');
  }
}

function frameEnd(){
  if (gbMat) {
    document.writeln('	  </td></tr>');
    document.writeln('	  </table>');
    document.writeln('	</td>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;&nbsp;&nbsp;&nbsp;</td>');
    document.writeln('  </tr>');
    document.writeln('  <tr>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('    <td bgcolor="'+gMatColor+'">&nbsp;</td>');
    document.writeln('  </tr>');
    document.writeln('</table>');

  }
  document.writeln('	</td>');
  document.writeln('    <td background="images/Fa5.gif">&nbsp;</td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa6.gif"></td>');
  document.writeln('    <td background="images/Fa7.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa8.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('</table>');
}

function framePhoto(imgName, altName, imgAlign){
  if (imgAlign=="") {
    imgAlign="center";
  }
  document.writeln('<table border="0" cellspacing="0" cellpadding="0"  align="'+imgAlign+'">');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa1.gif"></td>');
  document.writeln('    <td background="images/Fa2.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa3.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td background="images/Fa4.gif">&nbsp;</td>');
  if (altName == "") {
    document.writeln('    <td><img border="0" src="' + imgName + '"></td>');
  } else {
    document.writeln('    <td><img border="0" src="' + imgName + '" alt="' + altName + '"></td>');
  }
  document.writeln('    <td background="images/Fa5.gif">&nbsp;</td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa6.gif"></td>');
  document.writeln('    <td background="images/Fa7.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa8.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('</table>');
}

function frameLinkPhoto(imgName, altName, linkID, imgAlign){
  if (imgAlign=="") {
    imgAlign="center";
  }
  document.writeln('<table border="0" cellspacing="0" cellpadding="0"  align="'+imgAlign+'">');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa1.gif"></td>');
  document.writeln('    <td background="images/Fa2.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa3.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td background="images/Fa4.gif">&nbsp;</td>');
  if (altName == "") {
    document.writeln('<td><a href="OurMissionary.htm?ID='+linkID+'&TITLE='+altName+'">')
    document.writeln('    <img border="0" src="' + imgName + '"></a></td>');
  } else {
    document.writeln('<td><a href="OurMissionary.htm?ID='+linkID+'&TITLE='+altName+'">')
    document.writeln('    <img border="0" src="' + imgName + '" alt="' + altName + '"></a></td>');
  }
  document.writeln('    <td background="images/Fa5.gif">&nbsp;</td>');
  document.writeln('  </tr>');
  document.writeln('  <tr>');
  document.writeln('    <td><img border="0" src="images/Fa6.gif"></td>');
  document.writeln('    <td background="images/Fa7.gif">&nbsp;</td>');
  document.writeln('    <td><img border="0" src="images/Fa8.gif"></td>');
  document.writeln('  </tr>');
  document.writeln('</table>');
}


document.writeln(' <link rel="stylesheet" type="text/css" href="styles/hccc.css" >')
document.writeln(' </head>')
document.writeln(' <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="'+bgColorMain+'">')
document.writeln('	<table width="100%" border="0" cellspacing="0" cellpadding="0">')
document.writeln('		<tr>')
document.writeln('			<td colspan="4" width="100%">')
document.writeln('				<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/BlueFill.gif">')
document.writeln('					<tr>')
document.writeln('						<td width="75" rowspan="2" valign="top">')
document.writeln('							<img border="0" src="images/steeple1.gif" alt="Steeple"><br>')
document.writeln('						</td>')
document.writeln('						<td width="100%" bgcolor="#00789E" valign="top" >')
document.writeln('							<hr color="#FFFFFF">')
document.writeln('							<p align="center" style="margin: 0">')
document.writeln('							<font face="Copperplate Gothic Bold" size="6" color="#FFFFFF">')
document.writeln('							Hunters Creek Community Church</font>')
document.writeln('							<hr color="#FFFFFF">')
document.writeln('							<center><font color="#FFFFFF">Leading People Toward Christ-likeness</font></center></p>')
document.writeln('						</td>')

document.writeln('						<td bgcolor="#00789E" valign="middle" >')
document.writeln('							<img src='+picdir+'photo'+picnum+'.jpg><br>')
document.writeln('						</td>')

document.writeln('					</tr>')
document.writeln('				</table>')
document.writeln('			</td>')
document.writeln('		</tr>')
document.writeln('		<tr>')
document.writeln('			<td rowspan="2" width="150" valign="top" background="images/BlueFill.gif">')
document.writeln('				<img src="images/space.gif" width="1" height="3" border="0"  alt="">')
document.writeln('				<table width="100%" border="0" cellspacing="0" cellpadding="0">')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="index.htm">Home</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPastors.htm">Our Pastors</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPurpose.htm">Our Purpose</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPursuit.htm">Our Pursuit</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPromise.htm">Our Promise</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPreaching.htm">Our Preaching</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPriorities.htm">Our Priorities</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurProclamation.htm">Our Proclamation</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPlan.htm">Our Plan</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPrograms.htm">Our Programs</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPast.htm">Our Past</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPlace.htm">Our Place</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurProximity.htm">Our Proximity</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurPleasure.htm">Our Pleasure')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="OurMissionaries.htm">Our&nbsp;Missionaries</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="contact.htm">Contact Us</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="http://www.MyChurchEvents.com/calendar/calendar.aspx?ci=L6K5H2I3G1K5N8N8H2 ">Calendar</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="GriefShare.htm">GriefShare</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="Links.htm">Links</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="AudioLibrary.htm">Audio Library</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="http://directory.instantchurchdirectory.com/73860390/churchdirectory.pdf">Church Directory</a>')
document.writeln('					</td></tr>')
document.writeln('					<tr><td>')

document.writeln('<br><br><hr><center>')
document.writeln('					<form action="https://www.paypal.com/cgi-bin/webscr" method="post">')
document.writeln('					<input type="hidden" name="cmd" value="_s-xclick">')
document.writeln('					<input type="hidden" name="hosted_button_id" value="10199648">')
document.writeln('					<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">')
document.writeln('					<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">')
document.writeln('					</td></tr>')
document.writeln('					<tr><td class="LeftNavItem">')
document.writeln('						<img src="images/space.gif" width="3" height="1" border="0"  alt="">')
document.writeln('						<a class="LeftNavItem" href="Donations.htm">Donation Instructions</a>')
document.writeln('</center><br><hr>')

document.writeln('					</td></tr>')

document.writeln('				</table>')
document.writeln('				<table width="100%" border="0" cellspacing="0" cellpadding="4">')
document.writeln('				<tr>')
document.writeln('				<td bgcolor="#00789E" class="LeftNavText">')
document.writeln('					')
document.writeln('					<br>')
document.writeln('					<br>')
document.writeln('					Exalting Jesus Christ<br><br>')
document.writeln('					through<br><br>')
document.writeln('					evangelism<br><br>')
document.writeln('					discipleship<br><br>')
document.writeln('					worship<br><br>')
document.writeln('					fellowship<br><br>')
document.writeln('					stewardship<br><br>')
document.writeln('					and prayer<br><br>')
document.writeln('					for the glory of God<br><br>')
document.writeln('					and the joy of all <br><br>people.<br><br>')
document.writeln('					<br><br><br>')
document.writeln('					Contact<br><br>')
document.writeln('					Address<br>')
document.writeln('					2471 Metamora Rd.<br>')
document.writeln('					Lapeer, MI 48446<br>')
document.writeln('					<br>')
document.writeln('					Phone<br>')
document.writeln('					810.664.6037<br>')
document.writeln('					<br>')
document.writeln('					Fax<br>')
document.writeln('					810.664.3126<br>')
document.writeln('					<br>')
document.writeln('					Email<br>')
document.writeln('					Office@HcccLapeer.org<br>')
document.writeln('					<br>')
document.writeln('					Web<br>')
document.writeln('					HcccLapeer.org<br>')
document.writeln('					<br>')
document.writeln('					<br>')
document.writeln('					<br>')
document.writeln('				</td>')
document.writeln('				</tr>')
document.writeln('				</table>')
document.writeln('			</td>')
document.writeln('			<td rowspan="2" width="50" background="images/sideshadow.gif" valign="top">')
document.writeln('				<img border="0" src="images/corner.gif" width="59" height="59">')
document.writeln('			</td>')
document.writeln('			<td align="middle" valign="top">')
document.writeln('				<table width="100%" border="0" cellspacing="0" cellpadding="0">')

document.writeln('					<tr>')
document.writeln('						<td background="images/topshadow.gif">')
document.writeln('							<img src="images/space.gif" width="3" height="18" border="0"  alt="">')
document.writeln('						</td>')
document.writeln('					</tr>')

document.writeln('					<tr>')
document.writeln('						<td valign="top">')
document.writeln('							<br>')
// End -->