var mastertabvar=new Object();

mastertabvar.baseopacity=0;
mastertabvar.browserdetect="";

var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;
var page_name = "";
var page_type ="";

function swapimg(arg1, arg2, tab, type)
{	
   	changeimage(arg1,arg2);
	if (type == 2)
    	highlighttab2(page_name);
	if (type == 1)
		highlighttab1(page_type);
}

function changeimage(arg1, arg2)
{
	if(document.images)
	{	
		document.images[arg1].src = eval(arg2 + '.src');
	}
}

function newImg(arg)
{
	if(document.images)
	{
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}


bwhoweare_on = newImg("../images/b.whoWeAre.r.gif");
bwhoweare_off = newImg("../images/b.whoWeAre.gif");

bwhatwedo_on = newImg("../images/b.whatWeDo.r.gif");
bwhatwedo_off = newImg("../images/b.whatWeDo.gif");


bhowtohelp_on = newImg("../images/b.howToHelp.r.gif");
bhowtohelp_off = newImg("../images/b.howToHelp.gif");

bnewsevents_on = newImg("../images/b.newsEvents.r.gif");
bnewsevents_off = newImg("../images/b.newsEvents.gif");

baboutus_on = newImg("../images/b.aboutUs.r.gif");
baboutus_off = newImg("../images/b.aboutUs.gif");

bcareers_on = newImg("..//images/b.careers.r.gif");
bcareers_off = newImg("..//images/b.careers.gif");


bcontactus_on = newImg("../images/b.contactUs.r.gif");
bcontactus_off = newImg("../images/b.contactUs.gif");


bdonate_on = newImg("../images/b.donate.r.gif");
bdonate_off = newImg("../images/b.donate.gif");


bevents_on = newImg("../images/b.events.r.gif");
bevents_off = newImg("../images/b.events.gif");


bfaqs_on = newImg("../images/b.faqs.r.gif");
bfaqs_off = newImg("../images/b.faqs.gif");


bfinancials_on = newImg("../images/b.financials.r.gif");
bfinancials_off = newImg("../images/b.financials.gif");


bmanagement_on = newImg("../images/b.management.r.gif");
bmanagement_off = newImg("../images/b.management.gif");


bmediakit_on = newImg("../images/b.mediaKit.r.gif");
bmediakit_off = newImg("../images/b.mediaKit.gif");


bnews_on = newImg("../images/b.news.r.gif");
bnews_off = newImg("../images/b.news.gif");

bnewsletter_on = newImg("../images/b.newsletter.r.gif");
bnewsletter_off = newImg("../images/b.newsletter.gif");


bourclients_on = newImg("../images/b.ourClients.r.gif");
bourclients_off = newImg("../images/b.ourClients.gif");


bourservices_on = newImg("../images/b.ourServices.r.gif");
bourservices_off = newImg("../images/b.ourServices.gif");


bprgmdir_on = newImg("../images/b.prgmDirectory.r.gif");
bprgmdir_off = newImg("../images/b.prgmDirectory.gif");


bresources_on = newImg("../images/b.resources.r.gif");
bresources_off = newImg("../images/b.resources.gif");


bvolunteer_on = newImg("../images/b.volunteer.r.gif");
bvolunteer_off = newImg("../images/b.volunteer.gif");


function showsubmenu(masterid, id)
{
	if (typeof highlighting!="undefined")
		clearInterval(highlighting);
		submenuobject=document.getElementById(id);
		mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
		hidesubmenus(mastertabvar[masterid]);
		submenuobject.style.display="block";
		instantset(mastertabvar.baseopacity);
		highlighting=setInterval("gradualfade(submenuobject)",50);
	
}

function hidesubmenus(submenuarray)
{
	for (var i=0; i<submenuarray.length; i++)
	{
		document.getElementById(submenuarray[i]).style.display="none";
	}
}

function instantset(degree)
{
	if (mastertabvar.browserdetect=="mozilla")
		submenuobject.style.MozOpacity=degree/100;
	else if (mastertabvar.browserdetect=="ie")
		submenuobject.filters.alpha.opacity=degree;
}


function gradualfade(cur2){
	if (mastertabvar.browserdetect=="mozilla" && cur2.style.MozOpacity<1)
		cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99);
	else if (mastertabvar.browserdetect=="ie" && cur2.filters.alpha.opacity<100)
		cur2.filters.alpha.opacity+=10;
	else if (typeof highlighting!="undefined") 
		clearInterval(highlighting);
}

//===============================Initialize Navigation Bar===================================

function initalizetab(tabid)
{
	mastertabvar[tabid]=new Array();
	var menuitems=document.getElementById(tabid).getElementsByTagName("li");
	for (var i=0; i<menuitems.length; i++)
	{
		if (menuitems[i].getAttribute("rel"))
		{
			menuitems[i].setAttribute("rev", tabid); //associate this submenu with main tab
			mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel"); //store ids of submenus of tab menu
			if (menuitems[i].className=="selected")
				showsubmenu(tabid, menuitems[i].getAttribute("rel"));							
		}
		if (page_name !="")
		{ highlighttab(page_name);	}
	
	}
}

function highlighttab(page_name)
{	
	switch (page_name)
	{
		case "whoweare":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		break;		
		case "about_us":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		changeimage('baboutus', 'baboutus_on');
		break;
		case "management":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		changeimage('bmanagement', 'bmanagement_on');
		break; 
		case "financials":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		changeimage('bfinancials', 'bfinancials_on');
		break; 
		case "contact_us":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		changeimage('bcontactus', 'bcontactus_on');
		break; 
		case "careers":
		showsubmenu('maintab','whoweare');
		changeimage('bwhoweare', 'bwhoweare_on');
		changeimage('bcareers', 'bcareers_on');
		break;		
		case "whatwedo":
		showsubmenu('maintab','whatwedo');
		changeimage('bwhatwedo', 'bwhatwedo_on');
		break; 	    
	    case "services":
		showsubmenu('maintab','whatwedo');
		changeimage('bwhatwedo', 'bwhatwedo_on');
		changeimage('bourservices', 'bourservices_on');
		break; 
	    case "clients":
		showsubmenu('maintab','whatwedo');
		changeimage('bwhatwedo', 'bwhatwedo_on');
		changeimage('bourclients', 'bourclients_on');
		break; 
		case "program_directory":
		showsubmenu('maintab','whatwedo');
		changeimage('bwhatwedo', 'bwhatwedo_on');
		changeimage('bprgmdir', 'bprgmdir_on');
		break;
		case "resources":
		showsubmenu('maintab','whatwedo');
		changeimage('bwhatwedo', 'bwhatwedo_on');
		changeimage('bresources', 'bresources_on');
		break;		
		case "donate":
		showsubmenu('maintab','howtohelp');
		changeimage('bhowtohelp', 'bhowtohelp_on');
		changeimage('bdonate', 'bdonate_on');
		break;
		case "volunteer":
		showsubmenu('maintab','howtohelp');
		changeimage('bhowtohelp', 'bhowtohelp_on');
		changeimage('bvolunteer', 'bvolunteer_on');
		break;
		case "faqs":
		showsubmenu('maintab','howtohelp');
		changeimage('bhowtohelp', 'bhowtohelp_on');
		changeimage('bfaqs', 'bfaqs_on');
		break;		
		case "howtohelp":
		showsubmenu('maintab','howtohelp');
		changeimage('bhowtohelp', 'bhowtohelp_on');
		break;
		case "news":
		showsubmenu('maintab','newsevents');
		changeimage('bnewsevents', 'bnewsevents_on');
		changeimage('bnews', 'bnews_on');
		break;
		case "events":
		showsubmenu('maintab','newsevents');
		changeimage('bnewsevents', 'bnewsevents_on');
		changeimage('bevents', 'bevents_on');
		break;
		case "media_kit":
		showsubmenu('maintab','newsevents');
		changeimage('bnewsevents', 'bnewsevents_on');
		changeimage('bmediakit', 'bmediakit_on');
		break;
		case "newsletter":
		showsubmenu('maintab','newsevents');
		changeimage('bnewsevents', 'bnewsevents_on');
		changeimage('bnewsletter', 'bnewsletter_on');		
        case "newsevents":
		showsubmenu('maintab','newsevents');
		changeimage('bnewsevents', 'bnewsevents_on');
		break;
        default: highlighttab1(page_type);
        
	}
}

function highlighttab1(page_type)
{
	switch(page_type)
	{
		case "whoweare": changeimage('bwhoweare', 'bwhoweare_on');break;
		case "whatwedo": changeimage('bwhatwedo', 'bwhatwedo_on');break;
		case "howtohelp": changeimage('bhowtohelp', 'bhowtohelp_on');break;
		case "newsevents": changeimage('bnewsevents', 'bnewsevents_on');break;
	}
}

function highlighttab2(page_name)
{	
	switch (page_name)
	{
		case "whoweare":
		changeimage('bwhoweare', 'bwhoweare_on');
		break;		
		case "about_us":
		changeimage('baboutus', 'baboutus_on');
		break;
		case "management":
		changeimage('bmanagement', 'bmanagement_on');
		break; 
		case "financials":
		changeimage('bfinancials', 'bfinancials_on');
		break; 
		case "contact_us":
		changeimage('bcontactus', 'bcontactus_on');
		break; 
		case "careers":
		changeimage('bcareers', 'bcareers_on');
		break;		
		case "whatwedo":
		changeimage('bwhatwedo', 'bwhatwedo_on');
		break;  	    
	    case "services":	
		changeimage('bourservices', 'bourservices_on');
		break; 
	    case "clients":
		changeimage('bourclients', 'bourclients_on');
		break; 
		case "program_directory":	
		changeimage('bprgmdir', 'bprgmdir_on');
		break;
		case "resources":
		changeimage('bresources', 'bresources_on');
		break;		
		case "donate":
		changeimage('bdonate', 'bdonate_on');
		break;
		case "volunteer":
		changeimage('bvolunteer', 'bvolunteer_on');
		break;
		case "faqs":
		changeimage('bfaqs', 'bfaqs_on');
		break;		
		case "howtohelp":
		changeimage('bhowtohelp', 'bhowtohelp_on');
		break;
		case "news":
		changeimage('bnews', 'bnews_on');
		break;
		case "events":
		changeimage('bevents', 'bevents_on');
		break;
		case "media_kit":
		changeimage('bmediakit', 'bmediakit_on');
		break;
		case "newsletter":
		changeimage('bnewsletter', 'bnewsletter_on');        
        case "newsevents":
		changeimage('bnewsevents', 'bnewsevents_on');
		break;     
                
	}
}
//===============================Display Shortcuts===================================
function DisplayShortCuts()
{

document.write("<table width ='200' border='0' cellpadding='0' cellspacing='0' bgcolor='#eef8f9'>");
document.write("<tr>");
document.write("<td width='20'>&nbsp;</td>");
document.write("<td align='left'>");
document.write("<br>");
document.write("<span class='shortcutheading'>Shortcuts</span>");
document.write("<br><a class='shortcutlink' href='../participate/donate.html'>Donate</a>");
document.write("<br><a class='shortcutlink' href='../participate/volunteer.html'>Volunteer</a>");
document.write("<br><a class='shortcutlink' href='../programs/program_directory.html'>Program Directory</a>");
document.write("<br><a class='shortcutlink' href='../about/contact_us.html'>Contact Us</a>");
document.write("<br><a class='shortcutlink' href='../en_espanol.html'>En Espa&ntilde;ol</a>");
document.write("<br><br>");
document.write("</td>");
document.write("<td width='10'>&nbsp;</td>");
document.write("</tr>");
document.write("</table>");

}

//===============================Display Spotlight===================================

function DisplaySpotlight()
{

document.write("<table width ='200' border='0' cellpadding='0' cellspacing='0' bgcolor='#fcf9d9'><tr><td width='20'>&nbsp;</td><td align='left'><span class='shortcutheading'><br>Spotlight</span><br><br>");

switch (page_type)
{
case "whoweare":
document.write("<div align='center'><img src ='../images/spot_whoweAre.jpg' border='0'><br><span class='spotlight'></div>");
document.write("It is our pleasure to introduce Alice Nuzzo, a member of the Board of Directors and the Development & Marketing Committee. A resident of Los Altos Hills and a successful Peninsula real estate agent, Alice has a tremendous amount of knowledge and dedication with which to support the agency's fundraising activities.  Why does a topflight real estate agent make time to support Family &amp; Children Services?...<a href='../about/about_spotlight.html'>more</a>");	
break;
case "whatwedo":
document.write("<img src ='../images/spot_whatweDO.jpg' width = '116' height='72' border='0'><br><span class='spotlight'>");
document.write("When Mario and Stacia became parents, they awoke to more than their daughter's cries: They realized that the way they were getting by financially was not going to work anymore. The two of them needed more reliable transportation to get to work and to medical appointments, and they needed to set up a savings plan. While they'd decided upon these goals, they did not know what steps to take to reach them until one of Mario's colleagues told him about the Ways to Work Family Loan Program...<a href='../programs/programs_spotlight.html'>more</a>");
break;
case "howtohelp":
document.write("<img src ='../images/spot_howtoHelp.jpg' width = '116' height='72' border='0'><br><span class='spotlight'>");      
document.write("&quot;Is this really all for us? I must have been good this year!&quot; said Ryan, a 9-year-old client, when he saw the gifts being given to his family by employees at BEA Systems this December. While the employees had not consulted Santa's list to check on Ryan, they were sure they were helping a family that could use a hand. In this and other ways, BEA Systems has made sure that giving kids greater access to joy and a bright future is a value shared by the employees and company alike...<a href='../participate/participate_spotlight.html'>more</a>");	
break;
case "newsevents":
document.write("<img src ='../images/spot_newsEvents.jpg' width = '116' height='72' border='0'><br><span class='spotlight'>");
document.write("You are invited to a breakfast featuring keynote speaker Dr. Mike Riera. Dr. Riera, the author of several books on parenting as well as a popular speaker, will discuss <i>The Hidden Logic of Children and Teenagers</i>. Mark your calendar and plan to join us!...<a href='../news/SavetheDate.html'>more");	
break;
};

document.write("</span><br><br><br><br></td><td width='10'>&nbsp;</td></tr></table>");

}


//===============================Display DonateLink===================================
function DisplayDonateLink()
{

document.write("<table width ='200' height='500' border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr>");
document.write("<td width='20;>&nbsp;</td>");
document.write("<td align='center' valign='bottom'>")
document.write("<a href='http://www.uwsv.org/' target='_blank'><img src ='images/UWlogo.gif' border='0'></a>");
document.write("</td>");
document.write("<td width='10'>&nbsp;</td>");
document.write("</tr></table>");

}


//===============================Display Header ( banner & logo)===================================
function DisplayHeader()
{
   document.write("<table width ='800' cellpadding='0' cellspacing='0' border='0'>");
   document.write("<tr><tr><td width='600' height='140' align='bottom'>");
   switch (page_type)
   {
       case "whoweare":
       document.write("<img src ='../images/topBanner_WhoWeAre.jpg' width = '600'  height='140' border='0' ></td>");
	break;
      case "whatwedo":
       document.write("<img src ='../images/topBanner_WhatWeDo.jpg' width = '600'  height='140' border='0' ></td>");
	break;
        case "howtohelp":
       document.write("<img src ='../images/topBanner_HowtoHelp.jpg' width = '600'  height='140' border='0' ></td>");
	break;
       case "newsevents":
       document.write("<img src ='../images/topBanner_News.jpg' width = '600'  height='140' border='0' ></td>");
	break;
       case "main":
            document.write("<img src ='../images/topBanner_Home.jpg' width = '600'  height='140' border='0' ></td>");

   };

   document.write("<td width='200' height='140' align='bottom'><a href='../index.html'><img src ='../images/FCSlogo.gif' width = '200'  height='140' border='0'/a>");
   document.write("</td></tr></table>");

}
//===============================Display Navigation Menu===================================
function DisplayNavMenu()
{

document.write("<table width ='800' border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr height='60'>");
document.write("<td width='800' valign='top' align='center'>");
document.write("<div>");
document.write("<ul id='maintab' class='basictab'>");
document.write("<li class='references' rel='whoweare'><a href='../about/'><img name='bwhoweare' onMouseOver=swapimg('bwhoweare','bwhoweare_on','whoweare',1); onMouseOut=swapimg('bwhoweare','bwhoweare_off','whoweare',1); src ='../images/b.whoWeAre.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='whatwedo'><a href='../programs/'><img  name='bwhatwedo' onMouseOver=swapimg('bwhatwedo','bwhatwedo_on','whatwedo',1); onMouseOut=swapimg('bwhatwedo','bwhatwedo_off','whatwedo',1); src ='../images/b.whatWeDo.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='howtohelp'><a href='../participate/'><img  name='bhowtohelp' onMouseOver=swapimg('bhowtohelp','bhowtohelp_on','howtohelp',1); onMouseOut=swapimg('bhowtohelp','bhowtohelp_off','howtohelp',1); src ='../images/b.howToHelp.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='newsevents'><a  href='../news/'><img  name='bnewsevents' onMouseOver=swapimg('bnewsevents','bnewsevents_on','newsevents',1); onMouseOut=swapimg('bnewsevents','bnewsevents_off','newsevents',1); src ='../images/b.newsEvents.gif' border='0' width='200' height='30'></a></li>");
document.write("</ul>");
document.write("</div>");

document.write("<div id='whoweare' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../../about/about_us.html'><img name='baboutus' src ='../images/b.aboutUs.gif' onMouseOver=swapimg('baboutus','baboutus_on','whoweare',1); onMouseOut=swapimg('baboutus','baboutus_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../../about/management.html'><img name='bmanagement' src ='../images/b.management.gif' onMouseOver=swapimg('bmanagement','bmanagement_on','whoweare',1); onMouseOut=swapimg('bmanagement','bmanagement_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/financials.html'><img name='bfinancials' src ='../images/b.financials.gif' onMouseOver=swapimg('bfinancials','bfinancials_on','whoweare',1); onMouseOut=swapimg('bfinancials','bfinancials_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/contact_us.html'><img name='bcontactus' src ='../images/b.contactUs.gif' onMouseOver=swapimg('bcontactus','bcontactus_on','whoweare',1); onMouseOut=swapimg('bcontactus','bcontactus_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/careers.html'><img name='bcareers' src ='../images/b.careers.gif' onMouseOver=swapimg('bcareers','bcareers_on','whoweare',1); onMouseOut=swapimg('bcareers','bcareers_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("</div>");


document.write("<div id='whatwedo' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../programs/services.html'><img name='bourservices' src ='../images/b.ourServices.gif' onMouseOver=swapimg('bourservices','bourservices_on','whatwedo',1); onMouseOut=swapimg('bourservices','bourservices_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/clients.html'><img name='bourclients' src ='../images/b.ourClients.gif' onMouseOver=swapimg('bourclients','bourclients_on','whatwedo',1); onMouseOut=swapimg('bourclients','bourclients_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/program_directory.html'><img name='bprgmdir' src ='../images/b.prgmDirectory.gif' onMouseOver=swapimg('bprgmdir','bprgmdir_on','whatwedo',1); onMouseOut=swapimg('bprgmdir','bprgmdir_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/resources.html'><img name='bresources' src ='../images/b.resources.gif' onMouseOver=swapimg('bresources','bresources_on','whatwedo',1); onMouseOut=swapimg('bresources','bresources_off','whatwedo',2); border='0' width='200' height='30'></a>")
document.write("</div>");

document.write("<div id='howtohelp' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../participate/donate.html'><img name='bdonate' src ='../images/b.donate.gif' onMouseOver=swapimg('bdonate','bdonate_on','howtohelp',1); onMouseOut=swapimg('bdonate','bdonate_off','howtohelp',2); border='0' width='267' height='30'></a>");
document.write("<a href='../participate/volunteer.html'><img name='bvolunteer' src ='../images/b.volunteer.gif' onMouseOver=swapimg('bvolunteer','bvolunteer_on','howtohelp',1); onMouseOut=swapimg('bvolunteer','bvolunteer_off','howtohelp',2); border='0' width='266' height='30'></a>");
document.write("<a  href='../participate/faqs.html'><img name='bfaqs' src ='../images/b.faqs.gif' onMouseOver=swapimg('bfaqs','bfaqs_on','howtohelp',1); onMouseOut=swapimg('bfaqs','bfaqs_off','howtohelp',2); border='0' width='267' height='30'></a>");
document.write("</div>  ");   

document.write("<div id='newsevents' class='submenustyle'  valign='top' align='center' >");   
document.write("<a href='../news/news.html'><img name='bnews' src ='../images/b.news.gif' onMouseOver=swapimg('bnews','bnews_on','newsevents',1); onMouseOut=swapimg('bnews','bnews_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("<a href='../news/events.html'><img name='bevents' src ='../images/b.events.gif' onMouseOver=swapimg('bevents','bevents_on','newsevents',1); onMouseOut=swapimg('bevents','bevents_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("<a href='../news/newsletter.html'><img name='bnewsletter' src ='../images/b.newsletter.gif' onMouseOver=swapimg('bnewsletter','bnewsletter_on','newsevents',1); onMouseOut=swapimg('bnewsletter','bnewsletter_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("<a href='../news/media_kit.html'><img name='bmediakit' src ='../images/b.mediaKit.gif' onMouseOver=swapimg('bmediakit','bmediakit_on','newsevents',1); onMouseOut=swapimg('bmediakit','bmediakit_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("</div>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");

}
//===============================Display Navigation Menu in Main page===================================

function DisplayNavMenuMain()
{

document.write("<table width ='800' border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr height='60'>");
document.write("<td width='800' valign='top' align='center'>");
document.write("<div>");
document.write("<ul id='maintab' class='basictab'>");
document.write("<li class='references' rel='whoweare'><a href='/about/'><img name='bwhoweare' onMouseOver=swapimg('bwhoweare','bwhoweare_on','whoweare',1); onMouseOut=swapimg('bwhoweare','bwhoweare_off','whoweare',1); src ='../images/b.whoWeAre.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='whatwedo'><a href='/programs/'><img  name='bwhatwedo' onMouseOver=swapimg('bwhatwedo','bwhatwedo_on','whatwedo',1); onMouseOut=swapimg('bwhatwedo','bwhatwedo_off','whatwedo',1); src ='../images/b.whatWeDo.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='howtohelp'><a href='/participate/'><img  name='bhowtohelp' onMouseOver=swapimg('bhowtohelp','bhowtohelp_on','howtohelp',1); onMouseOut=swapimg('bhowtohelp','bhowtohelp_off','howtohelp',1); src ='../images/b.howToHelp.gif' border='0' width='200' height='30'></a></li>");
document.write("<li class='references' rel='newsevents'><a href='/news/'><img  name='bnewsevents' onMouseOver=swapimg('bnewsevents','bnewsevents_on','newsevents',1); onMouseOut=swapimg('bnewsevents','bnewsevents_off','newsevents', 1); src ='../images/b.newsEvents.gif' border='0' width='200' height='30'></a></li>");
document.write("</ul>");
document.write("</div>");

document.write("<div id='whoweare' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../about/about_us.html'><img name='baboutus' src ='images/b.aboutUs.gif' onMouseOver=swapimg('baboutus','baboutus_on','whoweare',1); onMouseOut=swapimg('baboutus','baboutus_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/management.html'><img name='bmanagement' src ='images/b.management.gif' onMouseOver=swapimg('bmanagement','bmanagement_on','whoweare',1); onMouseOut=swapimg('bmanagement','bmanagement_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/financials.html'><img name='bfinancials' src ='images/b.financials.gif' onMouseOver=swapimg('bfinancials','bfinancials_on','whoweare',1); onMouseOut=swapimg('bfinancials','bfinancials_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/contact_us.html'><img name='bcontactus' src ='images/b.contactUs.gif' onMouseOver=swapimg('bcontactus','bcontactus_on','whoweare',1); onMouseOut=swapimg('bcontactus','bcontactus_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("<a href='../about/careers.html'><img name='bcareers' src ='images/b.careers.gif' onMouseOver=swapimg('bcareers','bcareers_on','whoweare',1); onMouseOut=swapimg('bcareers','bcareers_off','whoweare',2); border='0' width='160' height='30'></a>");
document.write("</div>");


document.write("<div id='whatwedo' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../programs/services.html'><img name='bourservices' src ='images/b.ourServices.gif' onMouseOver=swapimg('bourservices','bourservices_on','whatwedo',1); onMouseOut=swapimg('bourservices','bourservices_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/clients.html'><img name='bourclients' src ='images/b.ourClients.gif' onMouseOver=swapimg('bourclients','bourclients_on','whatwedo',1); onMouseOut=swapimg('bourclients','bourclients_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/program_directory.html'><img name='bprgmdir' src ='images/b.prgmDirectory.gif' onMouseOver=swapimg('bprgmdir','bprgmdir_on','whatwedo',1); onMouseOut=swapimg('bprgmdir','bprgmdir_off','whatwedo',2); border='0' width='200' height='30'></a>");
document.write("<a href='../programs/resources.html'><img name='bresources' src ='images/b.resources.gif' onMouseOver=swapimg('bresources','bresources_on','whatwedo',1); onMouseOut=swapimg('bresources','bresources_off','whatwedo',2); border='0' width='200' height='30'></a>")
document.write("</div>");

document.write("<div id='howtohelp' class='submenustyle' valign='top' align='center' >");
document.write("<a href='../participate/donate.html'><img name='bdonate' src ='images/b.donate.gif' onMouseOver=swapimg('bdonate','bdonate_on','howtohelp',1); onMouseOut=swapimg('bdonate','bdonate_off','howtohelp',2); border='0' width='267' height='30'></a>");
document.write("<a href='../participate/volunteer.html'><img name='bvolunteer' src ='images/b.volunteer.gif' onMouseOver=swapimg('bvolunteer','bvolunteer_on','howtohelp',1); onMouseOut=swapimg('bvolunteer','bvolunteer_off','howtohelp',2); border='0' width='266' height='30'></a>");
document.write("<a  href='../participate/faqs.html'><img name='bfaqs' src ='images/b.faqs.gif' onMouseOver=swapimg('bfaqs','bfaqs_on','howtohelp',1); onMouseOut=swapimg('bfaqs','bfaqs_off2,'howtohelp',2); border='0' width='267' height='30'></a>");
document.write("</div>  ");   

document.write("<div id='newsevents' class='submenustyle'  valign='top' align='center' >");   
document.write("<a href='../news/news.html'><img name='bnews' src ='images/b.news.gif' onMouseOver=swapimg('bnews','bnews_on','newsevents',1); onMouseOut=swapimg('bnews','bnews_off'); border='0' width='200' height='30'></a>");
document.write("<a href='../news/events.html'><img name='bevents' src ='images/b.events.gif' onMouseOver=swapimg('bevents','bevents_on','newsevents',1); onMouseOut=swapimg('bevents','bevents_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("<a href='../news/newsletter.html'><img name='bnewsletter' src ='images/b.newsletter.gif' onMouseOver=swapimg('bnewsletter','bnewsletter_on','newsevents',1); onMouseOut=swapimg('bnewsletter','bnewsletter_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("<a href='../news/media_kit.html'><img name='bmediakit' src ='images/b.mediaKit.gif' onMouseOver=swapimg('bmediakit','bmediakit_on','newsevents',1); onMouseOut=swapimg('bmediakit','bmediakit_off','newsevents',2); border='0' width='200' height='30'></a>");
document.write("</div>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");

}

//===============================Display Footer===================================
function DisplayFooter()
{

document.write("<table width ='800' height='30' border='0' cellpadding='0' cellspacing='0'>	");
document.write("<tr>");
document.write("<td width='800' colspan='2'><img src ='../images/ruleline.gif' width = '800' height='1' border='0'></td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td width='600' valign='top' align='left'>");
document.write("<span class='footer'>&#169; 2007 Family & Children Services. All rights reserved.</span>");
document.write("</td>");
document.write("<td width='200' valign='top' align='right'>");
document.write("<a class='footerlink' href='../'>Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class='footerlink' href='../about/careers.html'>Careers</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class='footerlink' href='../about/legal.html'>Legal</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class='footerlink' href='../about/sitemap.html'>Site Map</a>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");

}