

function Include(){
	this.domain = "firstpeoples";
	this.friendly = "First Peoples Community Credit Union";	
	this.headergraphic = "";
	this.contentgraphic = "";
	this.steeplegraphic = "";
	
	this.setHeaderGraphic = setHeaderGraphic;
	this.setContentGraphic = setContentGraphic;
	this.makeHeader = makeHeader;
	this.makeFooter = makeFooter;
	this.getSteepleImage = getSteepleImage;

}

function makeHeader(){
var content = new Array();
var index = 0;
content[index++] = getSteepleImage();
content[index++] = '<!-- start 100% width header table -->';
content[index++] = '<!-- start 100% width header table -->';
content[index++] = '<!-- start 100% width header table -->';
content[index++] = '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '	<tr>';
content[index++] = '		<td width="760" valign="top">';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<table width="760" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '				<tr>';
content[index++] = '<td width="233" valign="top"><img src="'+imgdir+'header-logo.gif" width="233" height="125" alt="First Peoples Community Federal Credit Union" border="0"></td>';
content[index++] = '<td width="28" background="'+imgdir+'spacer-left-bg.gif"><img src="'+imgdir+'clearpix.gif" width="28" height="1" alt="" border="0"></td>';
content[index++] = '<td width="114" background="'+imgdir+'header-login-bg.gif"><a href="https://www.firstpeopleshb.com"><img src="'+imgdir+'clearpix.gif" width="114" height="103" alt="CU at Home Account Login" border="0"></a><br>';
content[index++] = '<a href="faq.html"><img src="'+imgdir+'clearpix.gif" width="66" height="22" alt="More Info" border="0"></a><img src="'+imgdir+'clearpix.gif" width="10" height="22" alt="" border="0"></td>';
content[index++] = steeplegraphic + '<img src="'+imgdir+'clearpix.gif" width="149" height="1" alt="" border="0"><a href="../index.html"><img src="'+imgdir+'clearpix.gif" width="43" height="16" alt="Home" border="0"></a><a href="aboutus.html" onMouseOver="popUp(\'HM_Menu7\',event);" onMouseOut="popDown(\'HM_Menu7\');"><img src="'+imgdir+'clearpix.gif"  width="60" height="16" alt="About Us" border="0" ></a><a href="contactus.html"><img src="'+imgdir+'clearpix.gif" width="68" height="16" alt="Contact Us" border="0"></a><a href="sitemap.html"><img src="'+imgdir+'clearpix.gif" width="58" height="16" alt="Site Map" border="0"></a><img src="'+imgdir+'clearpix.gif" width="7" height="1" alt="" border="0"><br>';
content[index++] = '<img src="'+imgdir+'clearpix.gif" width="1" height="108" alt="" border="0"><br>';
content[index++] = '<img src="'+imgdir+'clearpix.gif" width="385" height="1" alt="" border="0"></td>	';
content[index++] = '				</tr>';
content[index++] = '			</table>';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '		</td>';
content[index++] = '	</tr>';
content[index++] = '</table>';
content[index++] = '<!-- end 100% width header table -->';
content[index++] = '<!-- end 100% width header table -->';
content[index++] = '<!-- end 100% width header table -->';
content[index++] = '<!-- start 100% width navigation table -->';
content[index++] = '<!-- start 100% width navigation table -->';
content[index++] = '<!-- start 100% width navigation table -->';
content[index++] = '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '	<tr>';
content[index++] = '		<td width="100%" valign="top">';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<table width="760" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '				<tr valign="top">';
content[index++] = '					<td width="40"><img src="'+imgdir+'nav-left.gif" width="40" height="300" alt="" border="0"><br>';
content[index++] = '</td>';
content[index++] = '  					<!-- BEGIN MAIN NAV CELL -->';
content[index++] = '					<!-- BEGIN MAIN NAV CELL -->';
content[index++] = '					<!-- BEGIN MAIN NAV CELL -->';
content[index++] = '					<td width="233"><img src="'+imgdir+'nav-top.gif" width="193" height="20" alt="" border="0"><br>';
content[index++] = '						<!-- BEGIN NESTED DATE TABLE  -->';
content[index++] = '						<table width="193" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '							<tr valign="top">';
content[index++] = '								<td width="168" align="right" background="'+imgdir+'nav-datestamp-bg.gif" class="date"><img src="'+imgdir+'clearpix.gif" width="168" height="1" alt="" border="0"><br>';
content[index++] = '<font size="-3">';

day = new Array("Sunday" , "Monday" , "Tuesday" , "Wednesday" , "Thursday" , "Friday" , "Saturday");

month = new Array("January" , "February" , "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , " November" , "December");

total = new Date; 

content[index++] = '<span class=date>' + day[total.getDay()] + ', ' + month[total.getMonth()] + ' ' + total.getDate() + ', '+ total.getFullYear() + '.</span></font></td><td width="25"><img src="'+imgdir+'clearpix.gif" width="25" height="15" alt="" border="0"></td>';
content[index++] = '							</tr>';
content[index++] = '						</table>';
content[index++] = '						<!-- END NESTED DATE TABLE -->';
content[index++] = '<!-- BEGIN MAIN NAVIGATION -->';
content[index++] = '<!-- BEGIN MAIN NAVIGATION -->';
content[index++] = '<!-- BEGIN MAIN NAVIGATION -->';
content[index++] = '<a href="online_services.html" onMouseOver="popUp(\'HM_Menu1\',event); img_act(\'onlineservices\'); window.status=\'Online Services\'; return true" onMouseOut="popDown(\'HM_Menu1\'); img_inact(\'onlineservices\');"><img src="'+imgdir+'nav-onlineservices-off.gif" width="193" height="30" alt="Online Services" border="0" name="onlineservices"></a><br>';
content[index++] = '<a href="prodserv.html" onMouseOver="popUp(\'HM_Menu2\',event); img_act(\'productsservices\'); window.status=\'Products Services\'; return true" onMouseOut="popDown(\'HM_Menu2\'); img_inact(\'productsservices\');"><img src="'+imgdir+'nav-productsservices-off.gif" width="193" height="30" alt="Products Services" border="0" name="productsservices"></a><br>';
content[index++] = '<a href="current_rates.html" onMouseOver="popUp(\'HM_Menu3\',event); img_act(\'currentrates\'); window.status=\'Current Rates\'; return true" onMouseOut="popDown(\'HM_Menu3\'); img_inact(\'currentrates\');"><img src="'+imgdir+'nav-currentrates-off.gif" width="193" height="30" alt="Current Rates" border="0" name="currentrates"></a><br>';
content[index++] = '<a href="refinance.html" onMouseOver="popUp(\'HM_Menu4\',event); img_act(\'refinance\'); window.status=\'Refinance\'; return true" onMouseOut="popDown(\'HM_Menu4\'); img_inact(\'refinance\');"><img src="'+imgdir+'nav-refinance-off.gif" width="193" height="30" alt="Refinance" border="0" name="refinance"></a><br>';
content[index++] = '<a href="resource_center.html" onMouseOver="popUp(\'HM_Menu5\',event); img_act(\'resource\'); window.status=\'Resource Center\'; return true" onMouseOut="popDown(\'HM_Menu5\'); img_inact(\'resource\');"><img src="'+imgdir+'nav-resource-off.gif" width="193" height="30" alt="Resource Center" border="0" name="resource"></a><br>';
content[index++] = '<a href="kids_corner.html" onMouseOver="popUp(\'HM_Menu6\',event); img_act(\'kids\'); window.status=\'Kids Page\'; return true" onMouseOut="popDown(\'HM_Menu6\'); img_inact(\'kids\');"><img src="'+imgdir+'nav-kids-off.gif" width="193" height="30" alt="Kids Page" border="0" name="kids"></a><br>';
content[index++] = '<!-- BEGIN NEW NAV ITEM PLACEHOLDER -->';
content[index++] = '<img src="'+imgdir+'nav-blank.gif" width="193" height="30" alt="" border="0" name=""><br>';
content[index++] = '<!-- END NEW NAV ITEM PLACEHOLDER -->';
content[index++] = '<!-- END MAIN NAVIGATION -->';
content[index++] = '<!-- END MAIN NAVIGATION -->';
content[index++] = '<!-- END MAIN NAVIGATION -->';
content[index++] = '<br>';
content[index++] = '<br>';
content[index++] = '<br>';
content[index++] = '<br>';
content[index++] = '<br>';
content[index++] = '</td>';
content[index++] = '					<!-- END MAIN NAV CELL -->';
content[index++] = '					<!-- BEGIN SPACER CELL -->';
content[index++] = '					<td width="28" background="'+imgdir+'spacer-left-bg.gif"><img src="'+imgdir+'clearpix.gif" width="28" height="1" alt="" border="0"></td>';
content[index++] = '					<!-- END SPACER CELL -->';
content[index++] = '					<!-- BEGIN MAIN CONTENT CELL -->';
content[index++] = '					<!-- BEGIN MAIN CONTENT CELL -->';
content[index++] = '					<!-- BEGIN MAIN CONTENT CELL -->';
content[index++] = '					<td width="492"><!-- BEGIN PAGE HEADER -->' + inc.headergraphic + '<!-- END PAGE HEADER --><br>';
content[index++] = '<!-- begin main content table -->';
content[index++] = '<!-- begin main content table -->';
content[index++] = '<!-- begin main content table -->';
content[index++] = '<table width="492" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '	<tr>';
content[index++] = '		<td width="" valign="top" class="ficontent">' + inc.contentgraphic;

return (content.join(""));

}





function setHeaderGraphic(graphic , alt_tag)
{
if (!alt_tag)
var alt_tag = "";

if (graphic == null)
	{
	this.headergraphic = "";
	}
else
	{
	this.headergraphic = '<img src="' + imgdir + 'hed-' + graphic + '.gif" width="492" height="45" alt="' + alt_tag + '" border="0">';;
	}	
}

function setContentGraphic(graphic , alt_tag)
{
if (!alt_tag)
var alt_tag = "";

if (graphic == "empty")
	{
	this.contentgraphic = "";
	}
else
	{
	this.contentgraphic = '<img src="' + imgdir + 'img-' + graphic + '.jpg" width="186" height="255" alt="' + alt_tag + '" border="0" align="right">';
	}	
}


function makeFooter(){
var content = new Array();
var index = 0;
content[index++] = '</td>';
content[index++] = '	</tr>';
content[index++] = '</table>';
content[index++] = '<!-- end main content table -->';
content[index++] = '<!-- end main content table -->';
content[index++] = '<!-- end main content table -->';
content[index++] = '					</td>';
content[index++] = '					<!-- END MAIN CONTENT CELL -->';
content[index++] = '					<!-- BEGIN RIGHT SPACER CELL -->';
content[index++] = '					<td width="7" background="'+imgdir+'spacer-right-bg.gif"><img src="'+imgdir+'spacer-right-bg.gif" width="7" height="5" alt="" border="0"></td>';
content[index++] = '					<!-- END RIGHT SPACER CELL -->';
content[index++] = '				</tr>';
content[index++] = '			</table>';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '		</td>';
content[index++] = '	</tr>';
content[index++] = '</table>';
content[index++] = '<!-- end 100% width main table -->';
content[index++] = '<!-- end 100% width main table -->';
content[index++] = '<!-- end 100% width main table -->';
content[index++] = '<!-- start 100% width footer table -->';
content[index++] = '<!-- start 100% width footer table -->';
content[index++] = '<!-- start 100% width footer table -->';
content[index++] = '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '	<tr>';
content[index++] = '		<td width="100%" valign="top">';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<!-- begin nested 760 width table -->';
content[index++] = '			<table width="760" border="0" cellspacing="0" cellpadding="0">';
content[index++] = '				<tr valign="bottom">';
content[index++] = '  					<td width="233" valign="top"><img src="'+imgdir+'footer-address1.gif" width="60" height="97" alt="First Peoples Community Credit Union 153 Baltimore Street Cumberland MD 21502-2301 Voice-301-784-3000 Fax-301-759-2873 ABA Routing Number-252177121" border="0"><img src="'+imgdir+'footer-address2.gif" width="70" height="97" alt="First Peoples Community Credit Union 153 Baltimore Street Cumberland MD 21502-2301 Voice-301-784-3000 Fax-301-759-2873 ABA Routing Number-252177121" border="0"><img src="'+imgdir+'footer-address3.gif" width="103" height="97" alt="First Peoples Community Credit Union 153 Baltimore Street Cumberland MD 21502-2301 Voice-301-784-3000 Fax-301-759-2873 ABA Routing Number-252177121" border="0"></td><td width="482" align="center">';
content[index++] = '<img src="'+imgdir+'clearpix.gif" width="18" height="1" alt="" border="0"><a href="javascript:third_party(\'popup.html?location=http://www.ncua.gov/\')"><img src="'+imgdir+'footer-ncua.gif" width="104" height="53" alt="NCUA" border="0"></a><img src="'+imgdir+'clearpix.gif" width="18" height="1" alt="" border="0"><a href="privacy_policy.html"><img src="'+imgdir+'footer-privacy.gif" width="50" height="53" alt="Privacy Policy" border="0"></a><img src="'+imgdir+'clearpix.gif" width="20" height="1" alt="" border="0"><a href="javascript:third_party(\'popup.html?location=http://www.hud.gov/\')"><img src="'+imgdir+'footer-ehl.gif" width="50" height="53" alt="Equal Housing Lender" border="0"></a><img src="'+imgdir+'clearpix.gif" width="20" height="1" alt="" border="0"><a href="javascript:third_party(\'popup.html?location=https://usa.visa.com/personal/secure_with_visa/verified_by_visa.html?ep=v_sym_verifed\')"><img src="'+imgdir+'footer-visa.gif"  alt="Verified By VISA" border="0"></a><img src="'+imgdir+'clearpix.gif" width="20" height="1" alt="" border="0"><a href="javascript:third_party(\'popup.html?location=http://www.digitalinsight.com/\')"><!--[if lt IE 7]><script type="text/javascript" src="https://www.firstpeopleshb.com/mstinc/web/js/png.js"></script><![endif]--> <!-- <img src="https://www.firstpeopleshb.com/mstinc/web/images/di_91x22_1c_k.png" align="middle" width="91" height="22" border="0" alt="Digital Insight, an Intuit company" /></a> --> <img src="'+imgdir+'clearpix.gif" width="1" height="1" alt="" border="0"></td><td width="45"><img src="'+imgdir+'footer-right.gif" width="45" height="97" alt="" border="0"></td>				';
content[index++] = '				</tr>';
content[index++] = '			</table>';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '			<!-- end nested 760 width table -->';
content[index++] = '		</td>';
content[index++] = '	</tr>';
content[index++] = '</table>';
content[index++] = '<!-- end 100% width footer table -->';
content[index++] = '<!-- end 100% width footer table -->';
content[index++] = '<!-- end 100% width footer table -->';
content[index++] = '<!-- begin bottom spacer table -->';
content[index++] = '<!-- begin bottom spacer table -->';
content[index++] = '<!-- begin bottom spacer table -->';
content[index++] = '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#25499A">';
content[index++] = '	<tr>';
content[index++] = '		<td width="100%" valign="top"><img src="'+imgdir+'clearpix.gif" width="760" height="1" alt="" border="0"><br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '<!-- DO NOT DELETE THIS TABLE. IT KEEPS THE BLUE SHOWING AT THE BOTTOM --><br>';
content[index++] = '<br>';
content[index++] = '</td>';
content[index++] = '	</tr>';
content[index++] = '</table>';
content[index++] = '<!-- end bottom spacer table  -->';
content[index++] = '<!-- end bottom spacer table  -->';
content[index++] = '<!-- end bottom spacer table  -->';

return (content.join(""));
}


//Function created by Seth on 1/15/04.  Function will change steeple image to "night time" at 7:00 EST
function getSteepleImage()
{

	var theDate = new Date();
	var hours = theDate.getHours();
	var sunsetTime = 19;
	var sunriseTime = 6;

	
	if ((hours >= sunsetTime) || (hours <= sunriseTime))
	{
		this.steeplegraphic = '<td width="385" background="' + imgdir + 'header-steeplesnight-bg.jpg">'
	}
	else
	{
		this.steeplegraphic = '<td width="385" background="' + imgdir + 'header-steeplesday-bg.jpg">'
	}


}

