outerTableWidth=760
topNavLength = 760

topNavColor = "#9B2816"
seltopNavColor = "#F4E2A4" 
sideNavSelectedBkgColor = "#9B2816"

navValuesIndex = 0
navTextIndex = 1
navLinksIndex = 2
navWindowsIndex = 3
navIndentIndex = 4

SIDE_IMAGE_NONE = 0
SIDE_IMAGE_DEFAULT = 1
SIDE_IMAGE_ELEMENTS = 2
SIDE_IMAGE_JOY = 3
SIDE_IMAGE_SAVIOR = 4
SIDE_IMAGE_CHRISTMAS_CONCERT = 5
SIDE_IMAGE_ALL_FOR_LOVE = 6

sideImages = new Array( "/images/spacer.gif",
                        "/images/allforlove_130.jpg",
                        "/images/elements_130.jpg",
                        "/images/joy_130.jpg",
                        "/images/savior_130.jpg",
                        "/images/christmas2008_130.jpg",
                        "/images/allforlove_130.jpg" )

WINDOW_NONE = 0
WINDOW_GUARANTEE = 1
WINDOW_CONTACT = 2
WINDOW_CALENDAR = 3

newWindowTypes = new Array( "openWindow", "openWindow", 
                            "openScrollableWindow", "openWindow" )

newWindowWidths = new Array( 0, 350, 350, 600 )
newWindowHeights = new Array( 0, 310, 475, 540 )

TOP_NAV_LONG = 0
TOP_NAV_SHORT = 1

longTopNavValues = new Array( 1, 2, 3, 4, 5, 6 )
longTopNavText = new Array( "&nbsp;Home&nbsp;", 
                            "&nbsp;About Sara's Company&nbsp;", 
                            "&nbsp;FAQ&nbsp;", "&nbsp;Guarantee&nbsp;", 
                            "&nbsp;Contact&nbsp;",
                            "&nbsp;Order the CD&nbsp;" )
longTopNavLinks = new Array( "/index.htm", "/about/company.htm",
                             "/about/faq.htm", 
                             "/about/guarantee.htm", 
                             "/contact.htm", "/purchase.htm" )
longTopNavWindows = new Array ( WINDOW_NONE, WINDOW_NONE, WINDOW_NONE,
                                WINDOW_GUARANTEE, WINDOW_CONTACT, WINDOW_NONE )
longTopNavData = new Array( longTopNavValues, longTopNavText, longTopNavLinks, 
                            longTopNavWindows, 300 )

shortTopNavValues = new Array( 1, 2, 6 )
shortTopNavText = new Array( "&nbsp;Home&nbsp;", "&nbsp;Sound Samples&nbsp;", 
                             "&nbsp;Order the CD&nbsp;" )
shortTopNavLinks = new Array( "/index.htm", "/music/music_allforlove.htm", 
                              "/purchase.htm" )
shortTopNavWindows = new Array ( WINDOW_NONE, WINDOW_NONE, WINDOW_NONE )
shortTopNavData = new Array( shortTopNavValues, shortTopNavText, 
                             shortTopNavLinks, shortTopNavWindows, 500 )

sideNavValues = new Array( 1, 2, 3, 4, 5, 6, 8 )
sideNavText = new Array( "About Sara", "Sound Samples", 
                         "The Story", "Reviews", 
                         "Press Room","Live Dates",
                         "The Elements" )
sideNavLinks = new Array( "/about/sara.htm", "/music/music_allforlove.htm",
                          "/music/aboutelements.htm", "/reviews.htm", 
                          "/about/press.htm", "/calendar_sonic.htm", 
                          "/about/elements.htm" )
sideNavWindows = new Array( WINDOW_NONE, WINDOW_NONE, WINDOW_NONE,
                            WINDOW_NONE, WINDOW_NONE, WINDOW_CALENDAR,
                            WINDOW_NONE )
sideNavData = new Array( sideNavValues, sideNavText, sideNavLinks, sideNavWindows )


testimonialNames = new Array( 
  "Sarah Opsahl", 
  "Jessie Madril",
  "Mike and Robin Sancho",
  "Tracey Lobaldo", 
  "Becki Logue",
  "Heidi Wilcox",
  "Adella Rule",
  "Donna Santini",
  "Tammy",
  "Rick Holmes" )


testimonialAddresses = new Array( 
  "Owatonna, Minnesota", "Visalia, California",
  "Milwaukee, Wisconsin", "Ashland, Kentucky", 
  "Vicksburg, Mississippi", "Minneapolis, Minnesota",
  "Lake Havasu City, Arizona", "Batesville, Arkansas",
  "Fresno, California", "Yuba City, California" )

testimonialTexts = new Array( 
  "Sara, even though you do not spell your name like I do, you are an inspiration to me!  I could listen to you day in and day out.  Even when you talk you have such great wisdom!  I was at your Christmas concert last night and cried and cried.  Your voice, the band, and the meaning of Christmas really touched my heart.  I hope you have the chance to touch many other people.  My next step in life is to bring others to Christ.  I now have a way to help them hear something good.  I will be a regular at Club 3 I think!  I have never been there, but I can't wait to feel God's presence again.  You truly are an inspiration to me and many others.  God bless you and hope to see you soon!",

  "I don't always buy CD's just because it's an artist I prefer to hear, but I buy the CD because it has an inspiring message with a great sound. Sara, your CD is just that special type of music that speaks to the soul and to those of us who can't but into words about my God and Lord the very things we desire to say if our hearts could speak.  You have a beauitful voice and it gives God the glory when you sing with His passion and for His pleasure. I loved the CD, you need only hear it once to know it will take you further in the Spirit that you wanted to go...",

  "We have really enjoyed Elements of the Journey. It is both spiritually uplifting as well as having a funky, contemporary feel to it. it has been a regular in our CD player. Can't wait for more.",

  "I first heard Sara's music on AFR (American Family Radio). Right away I stopped what I was doing to hear the entire song. Ever Present. Sara's style of music is absolutely beautiful. I sing myself and I immediately started  trying to find  the background music in my local Music store...  I contacted Sara by her website....and she was very gracious to send it to me.  I later purchased the CD-- Elements of the Journey and haven't been able to stop listening.  I want to be her backup singer now to go on this journey with her to see the awesome plan God has for her life....It will be wonderful I'm sure.  God has given her a gift to shine on your Journey... You have to experience this CD. God Bless.",

  "Great CD. Great production of the music. Great inspiring songs. I LOVE THE ENTIRE CD, but esp. the song EVER PRESENT. I really appreciate the service that CD Baby gave in getting the CD mailed to me. Very efficient and quick!",
 
  "I recently ordered the Elements of the Journey CD from your website Sara. As I listen to this spiritually blessed production; the lyrics speak to and comfort me. \"Thank you\", to all involved in your ministry. The whole CD is spectacular as was the Joy CD. My favorite songs are \"Elements of Life\", \"Safe With You\", and \"Rain Down\".",

  "I really love the song \"Ever Present\".  I really feel God's anointing and presence upon that song.",

  "I love your \"Elements of the Journey\" CD.  I have listened to it so much my daughter asked if that was the only CD I owned.  It's one of those things you never get tired of.  You have an incredible voice and a God given talent to touch people with your music.  I find myself humming your songs in the store or dancing around the house praising God for his goodness because your music blesses me and reminds me of whats important, God.  I look forward to your next CD!",

  "I love your cd.  My favorite song is Fallen.",

   "I love  Sara's   CD, \"Elements of the Journey\"... the variation of style from song to song, yet with the consistency of  Sara's  beautiful voice and the important message  she  brings.  The songs almost always fit my mood or lift me up when I need it.  Thank you." )


function doNothing() {}

function openWindow(url,width,height) {
  window.open(url,"popup","resizable=no,toolbar=no,directories=no,status=no,scrollbars=no,menubar=no,left=100,top=100,width="+width+",height="+height);
}

function openScrollableWindow(url,width,height) {
  window.open(url,"popup","resizable=no,toolbar=no,directories=no,status=no,scrollbars=yes,menubar=no,left=100,top=100,width="+width+",height="+height);
}

function checkenewsform() {
  if (document.enews.name.value=="" || 
      document.enews.emailAddress.value=="") {
	alert("Please enter values for both the name and e-mail fields.");
	return false;
  }

  return true;
}

function DrawMainTableTop( baseDir, topNavData, drawSideNav, 
                           selectedTopNav, selectedSideNav ) {
  DrawMainTableTopSide( baseDir, topNavData, drawSideNav,
                        selectedTopNav, selectedSideNav, 
                        SIDE_IMAGE_DEFAULT )
}

function DrawMainTableTopSide( baseDir, topNavData, drawSideNav, 
                               selectedTopNav, selectedSideNav, 
                               sideImage ) {
  sideNavWidth = 150

  document.writeln( '<CENTER>' )
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=1 BORDERCOLOR=#9B2816 WIDTH=760>' )
  document.writeln( '<TR VALIGN="top" ALIGN="left">' )
 
  document.writeln( '  <TD>' )
  document.writeln( '    <TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=760>' )
  document.writeln( '<TR VALIGN="top" ALIGN="left">' )
  document.writeln( '  <TD WIDTH=760 colspan=2 VALIGN=bottom ALIGN=right>' )
//  document.writeln( '    <IMG SRC="' + baseDir + '/images/sara06banner2.jpg" WIDTH="760"' )
  document.writeln( '    <IMG SRC="' + baseDir + '/images/SaraWebBanner.jpg" WIDTH="760"' )
  document.writeln( '         BORDER="0" class="imageBorder"></TD>' )
  document.writeln( '</TR>' )

  document.writeln( '<TR BGCOLOR=#9B2816>' )
  document.writeln( '  <TD WIDTH=' + topNavLength + ' HEIGHT=26 colspan=2 VALIGN="bottom">' ) 
  DrawTopNavItems( baseDir, selectedTopNav, topNavData )
  document.writeln( '  </TD>' )
  document.writeln( '</TR>' )

  document.writeln( '<TR>' )
  document.writeln( '  <TD HEIGHT=20 colspan=2 VALIGN="bottom">' ) 
  document.writeln( '    <IMG SRC="' + baseDir + '/images/spacer.gif" HEIGHT=20' )
  document.writeln( '  </TD>' )
  document.writeln( '</TR>' )
  document.writeln( '<TR VALIGN="top">' )
  document.writeln( '  <TD ALIGN="LEFT" VALIGN="top" WIDTH=' + sideNavWidth + '>' )
  if ( drawSideNav ) {
    DrawSideNavItems( baseDir, sideNavWidth, selectedSideNav, sideNavData )
  } else {
    document.writeln( '<BR><BR><CENTER><IMG SRC="' + baseDir + sideImages[sideImage] + '"></CENTER>' )
  }
  document.writeln( '  </TD>' )
  document.writeln( '  <TD WIDTH=610>' )
}



function DrawMainTableBottom( baseDir ) {
  document.writeln( '  </TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=760>' )
  document.writeln( '<TR HEIGHT=20 BGCOLOR=#9B2816>' )
  document.writeln( '  <TD WIDTH=380 ALIGN="left">' )
  document.writeln( '    <SPAN class="copyrightText">&nbsp;&nbsp;&copy 2001-9 Lone Soul Productions. &#160; All rights reserved.</SPAN></TD>' )

  document.writeln( '  <TD WIDTH=380 ALIGN="right">' )
  document.writeln( '    <SPAN class="webdesignText">' )
  document.writeln( 'Web design by <A HREF="mailto:mvork@integraonline.com" class="designLink">Momentum Software</A>&nbsp;&nbsp;' )
  document.writeln( '    </SPAN></TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
  document.writeln( '</TABLE>' )
  document.writeln( '</CENTER>' )
}


// 1 - Home
// 2 - About Sara's Company
// 3 - FAQ
// 4 - Guarantee
// 5 - Contact
// 6 - Order the CD
//
function DrawTopNavItems( baseDir, selectedNav, navData ) {
  navValues = navData[navValuesIndex]
  navText = navData[navTextIndex]
  navLinks = navData[navLinksIndex]
  navWindows = navData[navWindowsIndex]
  navIndentWidth = navData[navIndentIndex]
  
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=' + topNavLength + '>' )
  document.writeln( '<TR HEIGHT=24 BGCOLOR=#9B2816>' )
  document.writeln( '  <TD WIDTH=' + navIndentWidth + ' BGCOLOR=' + topNavColor + '>' )
  document.writeln( '    <IMG SRC="' + baseDir + '/images/spacer.gif" height="24"></TD>' )

  for ( i = 0; i < navValues.length; i++ ) {
    DrawTopNavItem( (selectedNav==navValues[i]), navWindows[i],  
                    baseDir + navLinks[i], navText[i] )
  }

  document.writeln( '  <TD WIDTH=15 BGCOLOR=' + topNavColor + '>' )
  document.writeln( '    <IMG SRC="' + baseDir + '/images/spacer.gif"></TD>' )

  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
}


function DrawTopNavItem( selectedFlag, newWindow, linkText, displayText ) {

  navClass = (selectedFlag) ? "seltopnav" : "topnav";
  bkgColor = (selectedFlag) ? seltopNavColor : topNavColor;

  document.writeln( '<TD ALIGN="CENTER" BGCOLOR=' + bkgColor + '>' )

  if ( newWindow != WINDOW_NONE ) {
    document.writeln( '    <SPAN class="topNav"><A HREF="javascript:doNothing()" onClick="' + newWindowTypes[newWindow] + '(\'' + linkText + '\',' + newWindowWidths[newWindow] + ',' + newWindowHeights[newWindow] + ')" class="' + navClass + '">' + displayText + '</A></SPAN></TD>' )
  } else if ( selectedFlag ) {
    document.writeln( '    <SPAN class="topNav"><b>' + displayText + '</b></SPAN></TD>')
  } else {
    document.writeln( '    <SPAN class="topNav"><A HREF="' + linkText + '" class="' + navClass + '">' + displayText + '</A></SPAN></TD>' )
  }

}


function DrawSideNavItems( baseDir, sideNavWidth, selectedNav, navData ) { 
  tableWidth = sideNavWidth - 20
  navValues = navData[navValuesIndex]
  navText = navData[navTextIndex]
  navLinks = navData[navLinksIndex]
  navWindows = navData[navWindowsIndex]

  document.writeln( '<CENTER>' )
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 BORDERCOLOR=#72661B WIDTH=' + tableWidth + ' BGCOLOR="#F0D059">' )
  document.writeln( '<TR>' )
  document.writeln( '  <TD WIDTH=' + tableWidth + ' ALIGN="left">' )

  DrawSideNavSeparator( baseDir )
  for ( i = 0; i < navValues.length; i++ ) {
    DrawSideNavItem( (selectedNav==navValues[i]), navWindows[i], tableWidth, 
                      baseDir + navLinks[i], navText[i] )
    DrawSideNavSeparator( baseDir )
  }

  document.writeln( '</TABLE>' )
  document.writeln( '</CENTER>' )

  document.writeln( '<br>' )
  DrawEnewsSignup( tableWidth )
  document.writeln( '<br><br><br>' )
  document.writeln( '<center><a href="http://www.thenoblebook.com" target="_blank">' )
  document.writeln( '<IMG SRC="' + baseDir + '/images/noblebookside.jpg" BORDER=0></center></A>' )
  document.writeln( '<SPAN class="imageCaption">' )
  document.writeln( '&nbsp;&nbsp;&nbsp;&nbsp;Click <A HREF="javascript:doNothing()" onClick="' + newWindowTypes[WINDOW_CONTACT] + '(\'' + baseDir + '/contact.htm\',' + newWindowWidths[WINDOW_CONTACT] + ',' + newWindowHeights[WINDOW_CONTACT] + ')" class="contentLink">here</A> for booking<BR>&nbsp;&nbsp;&nbsp;&nbsp;information.</SPAN><BR><BR>' )

}


function DrawSideNavItem( selectedFlag, newWindow, tableWidth, 
                          linkText, displayText ) {

  navClass = (selectedFlag) ? "selsidenav" : "sidenav";

  document.writeln( '<TR HEIGHT=24>' )

  if ( selectedFlag ) {
    document.writeln( '  <TD WIDTH=' + tableWidth + ' ALIGN="left" BGCOLOR="' + sideNavSelectedBkgColor + '">' )
    document.writeln( '    <SPAN class="sideNav">&nbsp;&nbsp;&nbsp;' + displayText + '</SPAN>' )
  } else {
    document.writeln( '  <TD WIDTH=' + tableWidth + ' ALIGN="left">' )

  if ( newWindow != WINDOW_NONE ) {
    document.writeln( '    <SPAN class="sideNav">&nbsp;&nbsp;&nbsp;<A HREF="javascript:doNothing()" onClick="' + newWindowTypes[newWindow] + '(\'' + linkText + '\',' + newWindowWidths[newWindow] + ',' + newWindowHeights[newWindow] + ')" class="' + navClass + '">' + displayText + '</A></SPAN></TD>' )
    } else {
      document.writeln( '    <SPAN class="sideNav">&nbsp;&nbsp;&nbsp;<A HREF="' + linkText + '" class="' + navClass + '">' + displayText + '</A></SPAN>' )
    }
  }

  document.writeln( '  </TD>' )
  document.writeln( '</TR>' )

}


function DrawSideNavSeparator( baseDir ) {
  document.writeln( '<TR HEIGHT=14>' )
  document.writeln( '<TD><IMG SRC="' + baseDir + '/images/spacer.gif" height=14 border=0></TD>' )
  document.writeln( '</TR>' )
}

function DrawCDBabyInfo( baseDir, buttonCentered ) {
  document.writeln( '<span class="descText"><b>' )
  document.writeln( '<i>Elements of the Journey</i> and <i>Savior of All</i> are now available thru <a href="http://www.cdbaby.com/cd/srenner" class="contentLink">CD Baby</a>.<br><br>' )
  document.writeln( '</b></span>' )
  DrawCDBabyLink( buttonCentered )
}


function DrawCDBabyLink( buttonCentered ) {
  if ( buttonCentered ) {
    document.writeln( '<center>' )
  }
  document.writeln( '<a href="http://www.cdbaby.com/cd/srenner"><img src="http://www.cdbaby.com/gif/cdbaby_buythecd_50_black.gif" width="50" height="50" border="0" alt="Buy the CD"></a>' )
  if ( buttonCentered ) {
    document.writeln( '</center>' )
  }

}

function DrawPurchaseInfo( baseDir, cdName, textClass ) {
  document.writeln( '<SPAN class="' + textClass + '"><a href="' + baseDir + '/purchase.htm" class="contentLink">Purchase</a> <i>' + cdName + ' </i>online via <a href="' + baseDir + '/purchase.htm" class="contentLink">PayPal</a>.</span>' )
}


function DrawCDBabyPurchaseInfo( baseDir ) {
  document.writeln( '<SPAN class="discText">Available thru <a href="http://www.cdbaby.com/cd/srenner" class="contentLink">CD Baby</a> or <a href="' + baseDir + '/purchase.htm" class="contentLink">purchase</a> online via <a href="' + baseDir + '/purchase.htm" class="contentLink">PayPal</a>.</span>' )
}


function DrawCDCovers( baseDir, tableWidth ) {
  document.writeln( '<BR>' )
  DrawCDCoverRight( tableWidth, "All for Love", 
                    "5/2009", baseDir + "/images/allforlove_main.jpg",
                    baseDir + "/music/music_allforlove.htm" ) 
  DrawCDCoverLeft( tableWidth, "Elements of<BR>the Journey", 
                    "10/2004", baseDir + "/images/elements_main.jpg",
                    baseDir + "/music/musicelements.htm" ) 
  DrawCDCoverRight( tableWidth, "Joy", 
                   "11/2001", baseDir + "/images/joy_main.jpg",
                   baseDir + "/music/musicjoy.htm#joy" ) 
  DrawCDCoverLeft( tableWidth, "Savior of All", 
                    "12/2002", baseDir + "/images/savior_main.jpg",
                    baseDir + "/music/musicsavior.htm#savior" ) 
  DrawCDCoverRight( tableWidth, "The Best So Far (DVD)", 
                    "11/2006", baseDir + "/images/bestsofar_main.jpg",
                    baseDir + "/music/music_allforlove.htm#bestsofar" )    
}

function DrawCDCoverLeft( tableWidth, discTitle, releaseDate,
                          coverImage, discLink ) {
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR valign="middle">' )
  document.writeln( '<TD width=68>' )
  document.writeln( '<a href="' + discLink + '" class="contentLink"><IMG SRC="' + coverImage + '" border=0 align="left"></a></TD>' )
  document.writeln( '<TD WIDTH=6>' )
  document.writeln( '<IMG SRC="images/spacer.gif" width=6 border=0></TD>' )
  document.writeln( '<TD valign="middle">' )
  document.writeln( '<SPAN class="discTitleText">' + discTitle + '</SPAN><BR>' )
  document.writeln( '<SPAN class="discText">Released: ' + releaseDate + '</SPAN><BR>' )
  document.writeln( '</TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
}


function DrawCDCoverRight( tableWidth, discTitle, releaseDate,
                           coverImage, discLink ) {
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR valign="middle">' )
  document.writeln( '<TD align="right" valign="middle">' )
  document.writeln( '<SPAN class="discTitleText">' + discTitle + '</SPAN><BR>' )
  document.writeln( '<SPAN class="discText">Released: ' + releaseDate + '</SPAN><BR>' )
  document.writeln( '</TD>' )
  document.writeln( '<TD WIDTH=6>' )
  document.writeln( '<IMG SRC="images/spacer.gif" width=6 border=0></TD>' )
  document.writeln( '<TD width=68 valign="middle">' )
  document.writeln( '<a href="' + discLink + '" class="contentLink"><IMG SRC="' + coverImage + '" border=0 align="left"></a></TD>' )
  document.writeln( '</TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
}


function DrawTestimonial( name, address, comments ) {
  document.writeln( '<SPAN class="testimonialName">' + name + '</SPAN><BR>' )
  if ( address != "" ) {
    document.writeln( '<SPAN class="testimonialAddress">' + address + '</SPAN><BR>' )  }
  document.writeln( '<SPAN class="testimonialComments">' + comments + '</SPAN><p>' )
}

function DrawTestimonialBox( baseDir, tableWidth ) {
  document.writeln( '<br><br><br><CENTER>' )
  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=1 BORDERCOLOR=#72661B WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR BGCOLOR=#F0D059>' )
  document.writeln( '<TD WIDTH=' + tableWidth + ' ALIGN="left">' )

  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR>' )
  document.writeln( '<TD WIDTH=3 ALIGN="left">' )
  document.writeln( '  <IMG SRC="' + baseDir + '/images/spacer.gif" width=3 border=0></TD>' )
  document.writeln( '<TD WIDTH=' + (tableWidth-6) + ' ALIGN="left">' )
  document.writeln( '    <SPAN class="mainHeader">Testimonials</SPAN>' )
  document.writeln( '    <BR><BR>' )
  DrawTestimonials( baseDir )
//  document.writeln( '<br>' )
  document.writeln( '<SPAN class="testimonialLinkText">' )
  document.writeln( '&nbsp;&nbsp;&nbsp;<a href="' + baseDir + '/testimonials.htm" class="testimonialLink"> >> More testimonials</a></SPAN><br><br>' )
  document.writeln( '</TD>' )
  document.writeln( '<TD WIDTH=3 ALIGN="left">' )
  document.writeln( '  <IMG SRC="' + baseDir + 'images/spacer.gif" width=3 border=0></TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )


  document.writeln( '</TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
  document.writeln( '</CENTER><br><br>' )
}

function DrawAllTestimonials( baseDir ) {
  numTestimonials = testimonialTexts.length
  for ( i = 0; i < numTestimonials; i++ ) {
    DrawTestimonial( testimonialNames[i], 
                     testimonialAddresses[i],
                     testimonialTexts[i] )
  }
}

// draws up to three random testimonials
function DrawTestimonials( baseDir ) {
  numTestimonials = testimonialTexts.length
  randomIndex1 = Math.floor( Math.random() * numTestimonials )
  randomIndex2 = Math.floor( Math.random() * numTestimonials )
  randomIndex3 = Math.floor( Math.random() * numTestimonials )

  DrawTestimonial( testimonialNames[randomIndex1], 
                   testimonialAddresses[randomIndex1],
                   testimonialTexts[randomIndex1] )
  if ( randomIndex2 != randomIndex1 ) {
    DrawTestimonial( testimonialNames[randomIndex2], 
                     testimonialAddresses[randomIndex2],
                     testimonialTexts[randomIndex2] )
  }

  if ( randomIndex3 != randomIndex1 && randomIndex3 != randomIndex2 ) {
    DrawTestimonial( testimonialNames[randomIndex3], 
                     testimonialAddresses[randomIndex3],
                     testimonialTexts[randomIndex3] )
  }

}


function DrawEnewsSignup( tableWidth ) {
  document.writeln( '<br>' )
  document.writeln( '<span class="enewsHeader">&nbsp;&nbsp;E-news Signup</span>' )
  document.writeln( '<CENTER><TABLE CELLSPACING=0 CELLPADDING=0 BORDER=1 BORDERCOLOR=#72661B WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR>' )
  document.writeln( '<TD WIDTH=' + tableWidth + ' ALIGN="left">' )

  document.writeln( '<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=' + tableWidth + '>' )
  document.writeln( '<TR>' )
  document.writeln( '<TD WIDTH=3 ALIGN="left">' )
  document.writeln( '  <IMG SRC="images/spacer.gif" width=3 border=0></TD>' )
  document.writeln( '<TD WIDTH=' + (tableWidth-6) + ' ALIGN="left">' )
  document.writeln( '    <BR>' )

  document.writeln( '<form name="enews" action="mailto:sara@sararenner.com" enctype="text/plain" method="post" onSubmit="return checkenewsform()">' )

  document.writeln( '<span class="enewsLabelText">Name: <br></span>' )
  document.writeln( '<input type="text" name="name" size="23" class="enewsText"/><br><br>' )
  document.writeln( '<span class="enewsLabelText">E-mail address: <br></span>' )
  document.writeln( '<input type="text" name="emailAddress" size="23" class="enewsText"/><br><br>' )
  document.writeln( '<center><input type="submit" name="Form_Submit" value="Submit" /></center>' )
  document.writeln( '</form>' )

//  document.writeln( '    <BR><BR>' )

  document.writeln( '</TD>' )
  document.writeln( '<TD WIDTH=3 ALIGN="left">' )
  document.writeln( '  <IMG SRC="images/spacer.gif" width=3 border=0></TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )


  document.writeln( '</TD>' )
  document.writeln( '</TR>' )
  document.writeln( '</TABLE>' )
  document.writeln( '</CENTER>' )
}

function DrawCDOrderButton( baseDir ) {
  document.writeln( '<BR><center>' )
  document.writeln( '<span class="orderButtonHeader">' )
  document.writeln( '<a href="' + baseDir + '/purchase.htm" class="contentLink">ORDER CD\'S!</a></span>' )
  document.writeln( '</center>' )
}


function DrawContactUsLink( baseDir, linkText, postLinkText ) {
  document.writeln( '<a href="javascript:doNothing()" onClick="javascript:' + newWindowTypes[WINDOW_CONTACT] + '(\'' + baseDir + '/contact.htm\',' + newWindowWidths[WINDOW_CONTACT] + ',' + newWindowHeights[WINDOW_CONTACT] + ')" class="contentLink">' + linkText + '</a>' + postLinkText )
}


function DrawCalendarLink( baseDir, linkText, postLinkText ) {
  document.writeln( '<a href="javascript:doNothing()" onClick="javascript:' + newWindowTypes[WINDOW_CALENDAR] + '(\'' + baseDir + '/calendar.htm\',' + newWindowWidths[WINDOW_CALENDAR] + ',' + newWindowHeights[WINDOW_CALENDAR] + ')" class="contentLink">' + linkText + '</a>' + postLinkText )
}


function DrawBackLinkWithUrl( baseDir, backUrl ) {
  document.writeln( '<BR>' )
  document.writeln( '<SPAN class="backLinkText">' )
  document.writeln( '<a href="' + baseDir + backUrl + '" class="backLink"><< Back</a>' )
  document.writeln( '</SPAN>' )
  document.writeln( '<br><br>' )
}

function DrawBackLink( baseDir ) {
  DrawBackLinkWithUrl( baseDir, "/index.htm" ) 
}

