//----------------------------------------------------------
// random image
//----------------------------------------------------------

function makeArray()
{
  this.length = makeArray.arguments.length 
  for (var i = 0; i < this.length; i++)
    this[i + 1] = makeArray.arguments[i]
}

var imageList = new makeArray(

// random images
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg",
"9.jpg",
"10.jpg",
"11.jpg",
"12.jpg",
"13.jpg",
"14.jpg",
"15.jpg",
"17.jpg"
);

function drawRandomImage()
{
  randomIndex = Math.floor(Math.random() * imageList.length) + 1;
  var image = imageList[randomIndex];
  var imageDir = "images/random";
  var imagePath = imageDir + "/" + image;
  // var beginImage = "<a href=" + imagePath + ">";
  var imageSrc = "<img src=" + imagePath + " width=350 border=1>";
  // var endImage = "</a>"
  // document.write(beginImage + imageSrc + endImage);
  document.write(imageSrc);
}

//----------------------------------------------------------
// write date
//----------------------------------------------------------

function WriteDate()
{
  var months = new Array
                    ("January","February","March","April","May",
                    "June","July","August","September","October",
                    "November","December");

  var days = new Array
                    ("Sunday","Monday","Tuesday","Wednesday",
                     "Thursday","Friday","Saturday","Sunday");

  today = new Date();
  
  document.write(days[today.getDay()] + ", " +
	               months[today.getMonth()] + " " +
                 today.getDate() + ", " + today.getFullYear());
}

//----------------------------------------------------------
// new windows
//----------------------------------------------------------

function newScrollingWindow(target)
{
  theWindow = window.open(target, '', 'width=720,height=560,scrollbars=yes')
}

function newWindow(target)
{
  theWindow = window.open(target, '', 'width=700,height=560')
}

//----------------------------------------------------------
// draw header (this is the area above the banner).
//----------------------------------------------------------

function drawHeader()
{
  document.write("<img src=images/spacer.gif height=10><br>");
}

//----------------------------------------------------------
// draw banner
//----------------------------------------------------------

function drawBanner()
{
  document.write("<TABLE cellSpacing=0 cellPadding=0 width=760 border=0 align=center>");
  document.write("<TR><TD>");
  document.write("<a href=index.html><img src=images/banner_2010e.bmp border=0></a>");
  document.write("</TD></TR>");
  document.write("</TABLE>");
}

//----------------------------------------------------------
// draw menu item
//----------------------------------------------------------

function drawMenuItem(page, title)
{
  var siteNav = "<p class=sitenav1>";
  var href1 = "<a href=";
  var href2 = ">";
  var href3 = "</a><p>"
  var hrefString = siteNav + href1 + page + href2 + title + href3;
  document.write(hrefString);
}

//----------------------------------------------------------
// draw menu
//----------------------------------------------------------

function drawMenu()
{
  // use a bg image for the menu
  // document.write("<TD vAlign=top width=190 background=images/menu_background_190.bmp>");

  document.write("<TD vAlign=top width=190 bgColor=#FFFFFF>");
  document.write("<link href=styles.css type=text/css rel=stylesheet>");
  document.write("<p>&nbsp;<p>");

  drawMenuItem("index.html", "Home"); 
  drawMenuItem("who_we_are.html", "Who We Are"); 
  // drawMenuItem("what_we_do.html", "What We Do"); 
  drawMenuItem("how_can_i_help.html", "How Can I Help?"); 
  drawMenuItem("meetings.html", "Meetings"); 
  drawMenuItem("media.html", "Pictures"); 
  drawMenuItem("sponsorship.html", "Funding & Sponsorship"); 
  // drawMenuItem("rachelschallenge.html", "Rachel's Challenge"); 
  drawMenuItem("resources.html", "For More Information"); 
  drawMenuItem("contact.html", "Contact Us"); 

  // draw any images below the menu here
  document.write("<p><img src=images/wcfy_logo.jpg width=160 border=0>");
  
  document.write("</TD>");

  // draw the vertical line that divies the menu from the main content  
  document.write("<TD class=stroke width=1 bgColor=#999999 rowspan=2>");
  document.write("<img height=1 src=images/shim.gif width=1 border=0>");
  document.write("</TD>");
}

//----------------------------------------------------------
// draw footer
//----------------------------------------------------------

function drawFooter()
{
  var d = new Date();

  document.write("<TABLE cellSpacing=0 cellPadding=0 width=760 height=70 border=0 align=center background=images/footer_background_solid_760.bmp>");
  document.write("<TR><TD width=20></TD><TD>");
  
  document.write("Copyright © ");
  document.write(d.getFullYear());
  document.write(" Waterford Coalition for Youth. All rights reserved.<br>");
  document.write("5150 Civic Center Drive, Waterford, MI 48329. ");
  document.write("Phone: (248) 618-7424<br>");
  document.write("Site designed and maintained by ");
  document.write("<img src=\"http://www.sleepingbearweb.com/images/bearpaw.bmp\" align=center> ");
  document.write("<a href=http://www.sleepingbearweb.com target=_blank>");
  document.write("Sleeping Bear Web Design.</a>");

  document.write("</td></tr>");
  document.write("</table><p>");
}

//----------------------------------------------------------
// draw footer (original)
//----------------------------------------------------------

function drawFooter_orig()
{
  var d = new Date();

  document.write("<TABLE cellSpacing=0 cellPadding=0 bgColor=#003333 width=760 border=0 align=center>");
  document.write("<TR><TD class=pagefooter vAlign=top>");
  document.write("Copyright © ");
  document.write(d.getFullYear());
  document.write(" Waterford Coalition for Youth. All rights reserved.<br>");
  document.write("5150 Civic Center Drive, Waterford, MI 48329. ");
  document.write("Phone: (248) 618-7424<br>");
  document.write("Site designed and maintained by ");
  document.write("<img src=\"http://www.sleepingbearweb.com/images/bearpaw.bmp\" align=center> ");
  document.write("<a href=http://www.sleepingbearweb.com target=_blank>");
  document.write("Sleeping Bear Web Design.</a>");
  document.write("</TD></TR></TABLE><P>");
}