// Platform detector =====================================
var version = navigator.appVersion;
var agent = navigator.userAgent;

if (version.substring(0,1) >= "4")// this checks for v4+ browsers, and protects v3 browsers from the RegExp() method
	{
	var mac = new RegExp("Mac");
	var mac = mac.exec(agent);
	var pc = new RegExp("Windows 98|Windows 95|Win98|Win95");
	var pc = pc.exec(agent);
	var nt = new RegExp("Windows NT|WinNT");
	var nt = nt.exec(agent);
	}

// /Platform detector =====================================

// DHTML browser feature detection =============
var ns = false;
var ie = false;
var DOM = false;

if (mac && (navigator.appName == "Netscape") && (parseInt(version) == 4))
	{
	ns = true;
	var ID="document.";
	var lp="";
	var style="";
	var rp="";
	}
else if (!mac && document.layers)
	{
	ns = true;
	var ID="document.";
	var lp="";
	var style="";
	var rp="";
	}
else if (document.all)
	{
	ie = true;
	var ID = "document.all.";
	var lp="";
	var style = ".style";
	var rp="";
	}
else if (document.getElementById)//NS 6, IE 5
	{
	DOM = true;
	var ID = "document.getElementById"
	var lp="('";
	var style = ".style";
	var rp="')";
	}
else 
	{
	//location.href = "redirect.htm";
	//location.href = "http://www.hotpepper.com/redirect.htm";
	}
// here is how it all fits together:
//var myDiv = eval(ID+lp+"myDiv"+rp+style);
// myDiv.top = 500;
// myDiv.left = 500;
// etc.

// /DHTML browser feature detection ========================


// Preloads and mouseover functions =================================
function pixPath(depth)
	{
	/*
	preload('hh',depth+'pix/hh.gif');
	preload('hh_roll',depth+'pix/hh_roll.gif');
	*/
	preload('bn_close',depth+'pix/bn_close.gif');
	preload('bn_close_roll',depth+'pix/bn_close_roll.gif');

	preload('bn_before1',depth+'pix/bn_before1.gif');
	preload('bn_before1_roll',depth+'pix/bn_before1_roll.gif');

	preload('bn_emoney2',depth+'pix/bn_emoney2.gif');
	preload('bn_emoney2_roll',depth+'pix/bn_emoney2_roll.gif');

	preload('bn_fun3',depth+'pix/bn_fun3.gif');
	preload('bn_fun3_roll',depth+'pix/bn_fun3_roll.gif');

	preload('bn_teach4',depth+'pix/bn_teach4.gif');
	preload('bn_teach4_roll',depth+'pix/bn_teach4_roll.gif');

	preload('bn_about5',depth+'pix/bn_about5.gif');
	preload('bn_about5_roll',depth+'pix/bn_about5_roll.gif');

	preload('tn_what_1what',depth+'pix/tn_what_1what.gif');
	preload('tn_what_1what_roll',depth+'pix/tn_what_1what_roll.gif');

	preload('tn_what_2how',depth+'pix/tn_what_2how.gif');
	preload('tn_what_2how_roll',depth+'pix/tn_what_2how_roll.gif');

	preload('arrow_left',depth+'pix/arrow_left.gif');
	preload('arrow_left_roll',depth+'pix/arrow_left_roll.gif');

	preload('tn_one',depth+'pix/tn_one.gif');
	preload('tn_one_roll',depth+'pix/tn_one_roll.gif');

	preload('tn_two',depth+'pix/tn_two.gif');
	preload('tn_two_roll',depth+'pix/tn_two_roll.gif');

	preload('tn_three',depth+'pix/tn_three.gif');
	preload('tn_three_roll',depth+'pix/tn_three_roll.gif');

	preload('tn_four',depth+'pix/tn_four.gif');
	preload('tn_four_roll',depth+'pix/tn_four_roll.gif');

	preload('tn_five',depth+'pix/tn_five.gif');
	preload('tn_five_roll',depth+'pix/tn_five_roll.gif');

	preload('tn_six',depth+'pix/tn_six.gif');
	preload('tn_six_roll',depth+'pix/tn_six_roll.gif');

	preload('arrow_right',depth+'pix/arrow_right.gif');
	preload('arrow_right_roll',depth+'pix/arrow_right_roll.gif');

	preload('bn_back',depth+'pix/bn_back.gif');
	preload('bn_back_roll',depth+'pix/bn_back_roll.gif');

	preload('bn_send',depth+'pix/bn_send.gif');
	preload('bn_send_roll',depth+'pix/bn_send_roll.gif');

	preload('bn_cancel',depth+'pix/bn_cancel.gif');
	preload('bn_cancel_roll',depth+'pix/bn_cancel_roll.gif');

	preload('bn_send_white',depth+'pix/bn_send_white.gif');
	preload('bn_send_white_roll',depth+'pix/bn_send_white_roll.gif');

	preload('bn_cancel_white',depth+'pix/bn_cancel_white.gif');
	preload('bn_cancel_white_roll',depth+'pix/bn_cancel_white_roll.gif');
	}

function preload(imgObj,imgSrc)
	{
	eval(imgObj+' = new Image()')
	eval(imgObj+'.src = "'+imgSrc+'"')
	}

function changeImage(divName,imgName,imgObj)
	{
	if (divName != "" && document.layers) {var div = "document."+divName+".";}
	else {var div = "";}
	eval(div+"document").images[imgName].src = eval(imgObj+".src");
	}
// /Preloads and mouseover functions =================================

// Popups =======================================================
function popFlex(URL, winName,W,H,scroll)
	{
	if (scroll == "no")
		{scroll = "scrollbars=no"}
	else if (scroll == "yes")
		{scroll = "scrollbars"}
	if (mac && ie && scroll == "yes")
		{
		W = W - 17;
		}
	else if (mac && DOM && scroll == "yes")
		{
		W = W - 2;
		}
	window.open(URL, winName,"top=10,left=30,width="+W+",height="+H+",resizable=yes,"+scroll+"")
	}	

function popMain(URL, winName)
	{
	newWindow = window.open(URL, winName,"top=0,left=0,width=754,height=420,resizable=no,scrollbars");
	}	
// /Popups =======================================================


// Includes =======================================================
function header(depth, loc)
	{
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="8" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0" width="745" class="tblbg1">');
document.writeln('	<TR>');
document.writeln('		<TD colspan="7"><IMG SRC="'+depth+'pix/home_top.gif" WIDTH="720" HEIGHT="31" BORDER="0" ALT="" USEMAP="#home_top"><MAP NAME="home_top"><AREA ALT="Electric Money: Home" COORDS="3,0,447,41" HREF="'+depth+'index.html"></MAP></TD>');
document.writeln('		<TD class="tblbg4"><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="1" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('	<TR>');

if (loc == "before_computers") {document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_before1_roll.gif" WIDTH="150" HEIGHT="66" BORDER="0" USEMAP="#bn_before1"><MAP NAME="bn_before1"><AREA ALT="Before Computers" SHAPE="poly" COORDS="3,43,23,23,51,34,149,25,149,42,50,53,34,67,9,59"></MAP></TD>');}
else {document.writeln('		<TD><IMG NAME="bn_before1" SRC="'+depth+'pix/bn_before1.gif" WIDTH="150" HEIGHT="66" BORDER="0" USEMAP="#bn_before1"><MAP NAME="bn_before1"><AREA ALT="Before Computers" SHAPE="poly" COORDS="3,43,23,23,51,34,149,25,149,42,50,53,34,67,9,59" HREF="'+depth+'before_computers/what/page1.htm" onMouseOver="changeImage(\'\',\'bn_before1\',\'bn_before1_roll\')" onMouseOut="changeImage(\'\',\'bn_before1\',\'bn_before1\')"></MAP></TD>');}

if (loc == "revolution") {document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_emoney2_roll.gif" WIDTH="154" HEIGHT="66" BORDER="0" USEMAP="#bn_emoney2"><MAP NAME="bn_emoney2"><AREA ALT="E-Money Revolution" SHAPE="poly" COORDS="2,25,14,7,32,8,45,22,152,18,153,36,42,41,25,51,12,46"></MAP></TD>');}
else {document.writeln('		<TD><IMG NAME="bn_emoney2" SRC="'+depth+'pix/bn_emoney2.gif" WIDTH="154" HEIGHT="66" BORDER="0" USEMAP="#bn_emoney2"><MAP NAME="bn_emoney2"><AREA ALT="E-Money Revolution" SHAPE="poly" COORDS="2,25,14,7,32,8,45,22,152,18,153,36,42,41,25,51,12,46" HREF="'+depth+'revolution/credit_cards/page1.htm" onMouseOver="changeImage(\'\',\'bn_emoney2\',\'bn_emoney2_roll\')" onMouseOut="changeImage(\'\',\'bn_emoney2\',\'bn_emoney2\')"></MAP></TD>');}

if (loc == "fun") {document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_fun3_roll.gif" WIDTH="104" HEIGHT="66" BORDER="0" USEMAP="#bn_fun3"><MAP NAME="bn_fun3"><AREA ALT="Fun Stuff" SHAPE="poly" COORDS="1,10,25,1,43,7,47,19,100,21,100,36,42,36,24,44,9,36"></MAP></TD>');}
else {document.writeln('		<TD><IMG NAME="bn_fun3" SRC="'+depth+'pix/bn_fun3.gif" WIDTH="104" HEIGHT="66" BORDER="0" USEMAP="#bn_fun3"><MAP NAME="bn_fun3"><AREA ALT="Fun Stuff" SHAPE="poly" COORDS="1,10,25,1,43,7,47,19,100,21,100,36,42,36,24,44,9,36" HREF="'+depth+'fun/fun.htm" onMouseOver="changeImage(\'\',\'bn_fun3\',\'bn_fun3_roll\')" onMouseOut="changeImage(\'\',\'bn_fun3\',\'bn_fun3\')"></MAP></TD>');}

if (loc == "teaching_guide") {document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_teach4_roll.gif" WIDTH="125" HEIGHT="66" BORDER="0" USEMAP="#bn_teach4"><MAP NAME="bn_teach4"><AREA ALT="Teaching Guide" SHAPE="poly" COORDS="0,8,28,3,44,21,125,25,124,43,40,38,22,44,1,36"></MAP></TD>');}
else {document.writeln('		<TD><IMG NAME="bn_teach4" SRC="'+depth+'pix/bn_teach4.gif" WIDTH="125" HEIGHT="66" BORDER="0" USEMAP="#bn_teach4"><MAP NAME="bn_teach4"><AREA ALT="Teaching Guide" SHAPE="poly" COORDS="0,8,28,3,44,21,125,25,124,43,40,38,22,44,1,36" HREF="'+depth+'teaching_guide/teaching_guide.htm"  onMouseOver="changeImage(\'\',\'bn_teach4\',\'bn_teach4_roll\')" onMouseOut="changeImage(\'\',\'bn_teach4\',\'bn_teach4\')"></MAP></TD>');}

if (loc == "about") {document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_about5_roll.gif" WIDTH="122" HEIGHT="66" BORDER="0" USEMAP="#bn_about5"><MAP NAME="bn_about5"><AREA ALT="About the Site" SHAPE="poly" COORDS="2,26,17,10,38,16,43,29,121,38,117,56,39,46,20,55,2,43"></MAP></TD>');}
else {document.writeln('		<TD><IMG NAME="bn_about5" SRC="'+depth+'pix/bn_about5.gif" WIDTH="122" HEIGHT="66" BORDER="0" USEMAP="#bn_about5"><MAP NAME="bn_about5"><AREA ALT="About the Site" SHAPE="poly" COORDS="2,26,17,10,38,16,43,29,121,38,117,56,39,46,20,55,2,43" HREF="'+depth+'about/about.htm" onMouseOver="changeImage(\'\',\'bn_about5\',\'bn_about5_roll\')" onMouseOut="changeImage(\'\',\'bn_about5\',\'bn_about5\')"></MAP></TD>');}

document.writeln('		<TD><IMG SRC="'+depth+'pix/bn_end6.gif" WIDTH="65" HEIGHT="66" BORDER="0" ALT=""></TD>');
document.writeln('		<TD width="700"><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="1" BORDER="0" ALT=""></TD>');
document.writeln('		<TD class="tblbg4"><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="1" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
	}

function middleTopNav(depth,subHead,page,pageTotal,alt)
	{
	var goBack = page - 1;
	var goNext = page + 1;
	
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/'+subHead+'" WIDTH="322" HEIGHT="26" BORDER="0" ALT="'+alt+'"></TD>');

if (page == 1) {document.writeln('		<TD><IMG SRC="'+depth+'pix/arrow_left_grey.gif" WIDTH="24" HEIGHT="26" BORDER="0" ALT="Back"></TD>');}
else {document.writeln('		<TD><A HREF="page'+goBack+'.htm" onMouseOver="changeImage(\'\',\'arrow_left\',\'arrow_left_roll\')" onMouseOut="changeImage(\'\',\'arrow_left\',\'arrow_left\')"><IMG name="arrow_left" SRC="'+depth+'pix/arrow_left.gif" WIDTH="24" HEIGHT="26" BORDER="0" ALT="Back"></A></TD>');}

if (page == 1 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_one_roll.gif" WIDTH="9" HEIGHT="26" BORDER="0" ALT="Page 1"></TD>');}
else if (1 <= pageTotal) {document.writeln('		<TD><A HREF="page1.htm" onMouseOver="changeImage(\'\',\'tn_one\',\'tn_one_roll\')" onMouseOut="changeImage(\'\',\'tn_one\',\'tn_one\')"><IMG name="tn_one" SRC="'+depth+'pix/tn_one.gif" WIDTH="9" HEIGHT="26" BORDER="0" ALT="Page 1"></A></TD>');}

if (page == 2 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_two_roll.gif" WIDTH="13" HEIGHT="26" BORDER="0" ALT="Page 2"></TD>');}
else if (2 <= pageTotal) {document.writeln('		<TD><A HREF="page2.htm" onMouseOver="changeImage(\'\',\'tn_two\',\'tn_two_roll\')" onMouseOut="changeImage(\'\',\'tn_two\',\'tn_two\')"><IMG name="tn_two" SRC="'+depth+'pix/tn_two.gif" WIDTH="13" HEIGHT="26" BORDER="0" ALT="Page 2"></A></TD>');}

if (page == 3 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_three_roll.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 3"></TD>');}
else if (3 <= pageTotal) {document.writeln('		<TD><A HREF="page3.htm" onMouseOver="changeImage(\'\',\'tn_three\',\'tn_three_roll\')" onMouseOut="changeImage(\'\',\'tn_three\',\'tn_three\')"><IMG name="tn_three" SRC="'+depth+'pix/tn_three.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 3"></A></TD>');}

if (page == 4 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_four_roll.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 4"></TD>');}
else if (4 <= pageTotal) {document.writeln('		<TD><A HREF="page4.htm" onMouseOver="changeImage(\'\',\'tn_four\',\'tn_four_roll\')" onMouseOut="changeImage(\'\',\'tn_four\',\'tn_four\')"><IMG name="tn_four" SRC="'+depth+'pix/tn_four.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 4"></A></TD>');}

if (page == 5 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_five_roll.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 5"></TD>');}
else if (5 <= pageTotal) {document.writeln('		<TD><A HREF="page5.htm" onMouseOver="changeImage(\'\',\'tn_five\',\'tn_five_roll\')" onMouseOut="changeImage(\'\',\'tn_five\',\'tn_five\')"><IMG name="tn_five" SRC="'+depth+'pix/tn_five.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 5"></A></TD>');}

if (page == 6 && page <= pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/tn_six_roll.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 6"></TD>');}
else if (6 <= pageTotal) {document.writeln('		<TD><A HREF="page6.htm" onMouseOver="changeImage(\'\',\'tn_six\',\'tn_six_roll\')" onMouseOut="changeImage(\'\',\'tn_six\',\'tn_six\')"><IMG name="tn_six" SRC="'+depth+'pix/tn_six.gif" WIDTH="12" HEIGHT="26" BORDER="0" ALT="Page 6"></A></TD>');}

if (page == pageTotal) {document.writeln('		<TD><IMG SRC="'+depth+'pix/arrow_right_grey.gif" WIDTH="23" HEIGHT="26" BORDER="0" ALT="Next"></TD>');}
else {document.writeln('		<TD><A HREF="page'+goNext+'.htm" onMouseOver="changeImage(\'\',\'arrow_right\',\'arrow_right_roll\')" onMouseOut="changeImage(\'\',\'arrow_right\',\'arrow_right\')"><IMG name="arrow_right" SRC="'+depth+'pix/arrow_right.gif" WIDTH="23" HEIGHT="26" BORDER="0" ALT="Next"></A></TD>');}

document.writeln('	</TR>');
document.writeln('</TABLE>');
	}	

function footer(depth)
	{
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="10" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="10" HEIGHT="1" BORDER="0" ALT=""></TD>');
document.writeln('		<TD class="footertxt"><A HREF="'+depth+'before_computers/what/page1.htm"><SPAN class="footertxt">Before Computers</SPAN></A></TD>');
document.writeln('		<TD class="footertxt">&nbsp;|&nbsp;</TD>');
document.writeln('		<TD class="footertxt"><A HREF="'+depth+'revolution/credit_cards/page1.htm"><SPAN class="footertxt">E-Money Revolution</SPAN></A></TD>');
document.writeln('		<TD class="footertxt">&nbsp;|&nbsp;</TD>');
document.writeln('		<TD class="footertxt"><A HREF="'+depth+'fun/fun.htm"><SPAN class="footertxt">Fun Stuff</SPAN></A></TD>');
document.writeln('		<TD class="footertxt">&nbsp;|&nbsp;</TD>');
document.writeln('		<TD class="footertxt"><A HREF="'+depth+'teaching_guide/teaching_guide.htm"><SPAN class="footertxt">Teaching Guides</SPAN></A></TD>');
document.writeln('		<TD class="footertxt">&nbsp;|&nbsp;</TD>');
document.writeln('		<TD class="footertxt"><A HREF="'+depth+'about/about.htm"><SPAN class="footertxt">About the Site</SPAN></A></TD>');
document.writeln('		<TD class="footertxt">&nbsp;|&nbsp;</TD>');
document.writeln('		<TD class="footertxt"><A HREF="javascript:popFlex(\''+depth+'popups/pop-sponsors.htm\',\'winSponsors\',\'312\',\'409\',\'no\')"><SPAN class="footertxt">Sponsors</SPAN></A></TD>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="10" HEIGHT="1" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="10" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD class="footertxt">&copy; 2001 PBS</TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
document.writeln('<TABLE border="0" cellspacing="0" cellpadding="0">');
document.writeln('	<TR>');
document.writeln('		<TD><IMG SRC="'+depth+'pix/shim.gif" WIDTH="1" HEIGHT="10" BORDER="0" ALT=""></TD>');
document.writeln('	</TR>');
document.writeln('</TABLE>');
	}
// Includes =======================================================
