//==========================================================
// web_utils.js
// Brad Halls, May 2008
//==========================================================

//----------------------------------------------------------
// banner
//----------------------------------------------------------

function drawRandomImage1()
{
  randomIndex = Math.floor(Math.random() * imageList1.length) + 1;
  var image = imageList1[randomIndex];
  var imageDir = "images";
  var imagePath = imageDir + "/banner/" + image;
  var imageSrc = "<img src=" + imagePath + " height=115>";
  document.write(imageSrc);
}

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

var imageList1 = new makeArray(

// banner images
// "black1_115.jpg",
"black2_115.jpg",
"black3_115.jpg",
"black4_115.jpg",
// "black5_115.jpg",
"black6_115.jpg",
"black7_115.jpg",
"black8_115.jpg",
"black9_115.jpg",
// "black10_115.jpg",
"black11_115.jpg"
// "black12_115.jpg"

);

function drawDate()
{
  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();

  var todaysdate = days[today.getDay()] + ",&nbsp;" +
	           months[today.getMonth()] + "&nbsp;" +
                   today.getDate() + ",&nbsp;2009";

  document.write("<div style='position:absolute; left:650; top:173'><b>" + todaysdate + "</b></div>");
}

function drawTabImage(tab)
{
  var tab_image = "images/tab_" + tab + ".bmp";
  var image_string = "<img src=" + tab_image + ">";
  document.write(image_string);
}

function drawTabText(tab)
{
  if (tab == "smb")
  {
    document.write("<div style='position:absolute; left:155; top:173'><b>SMB</b></div>");
    document.write("<div style='position:absolute; left:290; top:173'><a href='#'><b>Alumni&nbsp;Band</b></a></div>");
  }
  
  else
  {
    document.write("<div style='position:absolute; left:155; top:173'><a href='index.html'><b>SMB</b></a></div>");
    document.write("<div style='position:absolute; left:290; top:173'><b>Alumni&nbsp;Band</b></div>");
  }
}

function drawBanner_prototype()
{
  document.write("<tr bgcolor=black>");
  // document.write("<td width=15></td>");
  // document.write("<td valign=top align=left>");
  // drawLogoImage("images/sb_logo.bmp");
  // document.write("</td>");
  document.write("<td align=center valign=top>");
  drawLogoText();
  document.write("</td>");
  document.write("<td rowspan=2>");
  // drawBannerImage("images\\black5.jpg");
  drawRandomImage1();
  document.write("</td>");
  document.write("</tr>");
  document.write("<tr bgcolor=black>");
  document.write("<td><img src=\"images/banner_buttons2.bmp\">");
  document.write("</td>");
  document.write("</tr>");
}

function drawBanner()
{
  document.write("<tr height=140 bgcolor=black>");
  document.write("<td width=15></td>");
  document.write("<td width=90 valign=center>");
  drawLogoImage("images/sb_logo.bmp");
  document.write("</td>");
  document.write("<td align=center valign=center>");
  drawLogoText();
  document.write("</td>");
  document.write("<td>");
  // drawBannerImage("images\\black5.jpg");
  drawRandomImage1();
  document.write("</td>");
  document.write("</tr>");
}

function drawLogoImage(logoImage)
{
  document.write("<img src=" + logoImage + ">");
}

function drawBannerImage(bannerImage)
{
  document.write("<img src=" + bannerImage + " height=115 border=0>");
}

function drawLogoText()
{
  document.write("<font color=tan>");
  // document.write("<font size=6 face=mistral>");
  // document.write("Sleeping Bear Web Design</font><br>");
  // document.write("<img src=images/banner/sb_logo_text_61.jpg><br>");
  document.write("<img src=images/banner2b.jpg><br>");
  // document.write("<font size=1 face=verdana>");
  // document.write("Affordable Website Design and Consulting in the metro Detroit area.<p>");
  document.write("</font>");
}

//----------------------------------------------------------
// menu
//----------------------------------------------------------

function drawHorizontalMenu()
{
  document.write("<tr height=30>");
  document.write ("<td colspan=2 align=center class=horizontal_menu>");
  document.write("<center>");
 
  document.write ("<a href=\"index.html\"><b>Home</b></a> | ");
  // document.write ("<a href=\"welcome.html\"><b>Welcome</b></a> | ");
  document.write ("<a href=\"services.html\"><b>Services</b></a> | ");
  document.write ("<a href=\"portfolio.html\"><b>Portfolio</b></a> | ");
  // document.write ("<a href=\"pricing.html\"><b>Pricing</b></a> | ");
  document.write ("<a href=\"profile.html\"><b>Company Profile</b></a> | ");
  document.write ("<a href=\"contact.html\"><b>Contact Us</b></a>");
  
  document.write("</center>");
  document.write ("</td>");
  document.write("</tr>");
}

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

function drawMenu(tab)
{
  drawMenuItem("index.html", "Home");
  drawMenuItem("services.html", "Services");
  drawMenuItem("portfolio.html", "Portfolio");
  drawMenuItem("pricing.html", "Pricing");
  drawMenuItem("profile.html", "Company Profile");
  drawMenuItem("contact.html", "Contact Us");
}

function drawMenuImage(tab)
{
  document.write("<p>&nbsp;<p>");

  if (tab == "alumni")
  {
    document.write("<img src=images/bloomquist2.jpg align=center width=140 border=0 hspace=20>");
  }
  else
  {
    document.write("<img src=images/cg1.png align=center width=140 border=0 hspace=20>");
  }
}

//----------------------------------------------------------
// footer
//----------------------------------------------------------

function drawFooter()
{
  document.write("<TABLE cellSpacing=0 cellPadding=0 background=\"images/textures/Texture_rock_021.jpg\" width=750 border=0 align=center>");
  document.write("<TR><TD class=pagefooter vAlign=top>");
  document.write("Copyright © Sleeping Bear Web Design, Inc. All rights reserved.<br>");
  document.write("2851 Onagon Trail, Waterford, MI 48328. (248) 738-5670.<br>");
  document.write("</TD></TR></TABLE><p>");
}

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

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

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