//----------------------------------------------------------
// 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()
{
  document.write("<TD vAlign=top width=190 bgColor=#dedabe>");
  // document.write("<link href=styles.css type=text/css rel=stylesheet>");
  document.write("<p>");

  drawMenuItem("index.html", "Home"); 
  // drawMenuItem("housing.html", "Housing"); 
  drawMenuItem("schedule.html", "Schedule"); 
  drawMenuItem("camp.html", "Camp"); 
  drawMenuItem("drummajors.html", "Drum Major Clinic"); 
  drawMenuItem("colorguard.html", "Color Guard Clinic"); 
  drawMenuItem("percussion.html", "Percussion Clinic"); 
  drawMenuItem("staff.html", "Staff"); 
  drawMenuItem("photos.html", "Photos"); 
  drawMenuItem("apply.html", "Apply"); 
  drawMenuItem("contact.html", "Contact"); 

  document.write("</TD>");

}

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

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

  document.write("<TABLE align=center cellSpacing=0 cellPadding=0 bgColor=#003333 width=760 border=0>");
  document.write("<TR><TD class=pagefooter vAlign=top>");
  
  document.write("Copyright © ");
  document.write(d.getFullYear());
  document.write(" MSU Performing Arts Camp. All rights reserved.<br>");
  document.write("MSU Performing Arts Camp, 116 Music Building, MSU, East Lansing, MI 48824-1043");
  document.write(" Phone: (517) 355-7654<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("<font color=tan>Sleeping Bear Web Design.</font></a>");

  document.write("</TD></TR>");
  document.write("</TABLE><P>");
}