// August 2008

var imageDir = "images/";
var imageOffset = 0;
var totalGraphics=0;
var graphic = new Array();
var selected=0;
var lastnum=0;
var imageSubdirectory = "menu/";
var imagePrefix       = "mojo_";
var onSuffix          = "_on.jpg";
var offSuffix         = "_off.jpg";
var overSuffix        = "_sel.jpg";
var frameTarget       = "_top";
var num=0;
var Ltop = 0;
var currtop = Ltop;
var today = new Date();
var secval = 1;
var page;
var flash=0;

/*
var timeOn = null;
var numMenus = 70;
var currentMenuNo = 0;
var MB;    
var menuActive = new Array(numMenus);
var tier = new Array(numMenus);
var borderMod = new Array(numMenus);
var offClass = new Array(numMenus);
var onClass = new Array(numMenus);
var offColours = new Array(numMenus);
var onColours = new Array(numMenus);
var labelBulletName = new Array(numMenus);
var menuType = new Array(numMenus);
var menus = new Array(numMenus);
var labelMenu = new Array(numMenus);
var menuBG = "#000000";
*/

var mainh = 425;
var bannerh = 142;
var banner = "images/banner.jpg";

////////////////////////  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(34, 71, "home", "s1", "Maui Condo", "index.html");
createMenu(34, 71, "lodging", "s2", "Condo Rentals", "condo1.html");
createMenu(34, 71, "info", "s3", "Information", "kihei.html");
//createMenu(33, 100, "community", "null", "Community", "community.html");

///////////  Define submenus  /////////////////

 
makeSubMenu("s1",1,"WELCOME","index.html");
makeSubMenu("s1",0,"Contact Us","http://knxu.com/~mojo/php/mojo_contact.php?p=m");
makeSubMenu("s1",0,"About Us","about.html");
makeSubMenu("s2",1,"LODGING","index.html");
makeSubMenu("s2",0,"Condo #1 Kihei Bay Surf","condo1.html");
makeSubMenu("s2",0,"Condo #2 Kihei Akahi","condo2.html");
makeSubMenu("s2",0,"Rules and Regulations","rules.html");
makeSubMenu("s3",1,"INFORMATION","kihei.html");
makeSubMenu("s3",0,"About Kihei Maui","kihei.html");
makeSubMenu("s3",0,"Tourism Links & Maps","tourism.html");
makeSubMenu("s3",0,"Xango Supplements","xango.html");
makeSubMenu("s3",0,"Rainbow Vacuum Cleaners","rainbow.html");
 

///////////   End submenus    /////////////////



function initpagef(p)
{
  flash = 1;
  initpage(p);
}

function initpage(p)
{
  page=p;
  subDD();
  page_setup();

  with(this.document)
  {

    write('<div class="BG">');

    if(flash)
    {
      write('<div class="hdr" style="background-image:url(images/banner2.jpg);">');
      write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="900" height="142" src="banner" align="middle">');
      write('<param name="allowScriptAccess" value="sameDomain" />');
      write('<param name="allowFullScreen" value="false" />');
      write('<param name="movie" value="banner.swf" />');
      write('<param name="loop" value="false" />');
      write('<param name="menu" value="false" />');
      write('<param name="quality" value="high" />');
      write('<param name="scale" value="noborder" />');
      write('<param name="wmode" value="transparent" />');
      write('<param name="bgcolor" value="#ffffff" />');
      write('<embed src="banner.swf" loop="false" menu="false" quality="high" scale="noborder" wmode="transparent" bgcolor="#ffffff" width="900" height="142" name="banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
      write('</object>');
      write('</div>');
    }
    else
    {
      write('<div class="hdr" style="background-image:url('+banner+');">');
      write('</div>'); 
    }
//    write('<div class="hdr_bar"></div>');
    doDate();
    writemenu();
  }
}

function page_setup()
{
  with(this.document)
  {
    if(page==0 && !flash)
    {
      banner="images/banner3.jpg";
    }
    else if(page==1)
    {
      banner="images/banner1.jpg";
    }
    else if(page==2)
    {
      banner="images/banner2.jpg";
    }
    else if(page==3)
    {
      banner="images/banner4.jpg";
    }
    else if(page==4)
    {
      banner="images/banner5.jpg";
    }
    else
    {
//      banner="images/banner2.jpg";
    }
    
  }
}

function mainheight(h)
{
  mainh = h;
//  document.getElementById('main').height.value=mainh;
}

function main_setup()
{
  with(this.document)
  {
    write('<div id="main" class="main_bg" style="top:'+bannerh+'px;height:'+(mainh)+'px;">');
    write('<div class="main_R" style="height:'+(mainh)+'px;"></div>');
  }
}

///////////   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()
{

  var tgs = totalGraphics + 1;

  with(this.document)
  {
    write('<div class="menu">');
    write('<table cellpadding="0" cellspacing="0" style="width:200px;" border="0">');

    for(i = 0; i < totalGraphics; i++)
    {
      write('<tr><td style="height:43px;">');

      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>');

      write('</td></tr>');

    }
//    write('<tr><td colspan="3" height="10" background="images/K2_m3.gif"></td></tr>');
    write('</table>');
    write('<br/><br/><br/><br/><br/>');
    write('</div>');

    writesubs();
    doClick(page);
    
  }
}


///////////   Submenu Functions    /////////////////


function subDD()
{
  var dd_BG_color = 'transparent';
  var dd_border_color = '#42576e';
  var dd_borderR_color = '#42576e';
  var hd_BG_color = '#42576e';
  var hd_color = '#000000';

  with(this.document)
  {
    write('<style>');
    write('#s1 {visibility:hidden;background-color:'+dd_BG_color+';border-bottom:solid 1px '+dd_border_color+';border-right:solid 1px '+dd_borderR_color+';font-weight:bold;font-size:10pt;font-family:arial, helvetica, sans serif}');
    write('#s2 {visibility:hidden;background-color:'+dd_BG_color+';border-bottom:solid 1px '+dd_border_color+';border-right:solid 1px '+dd_borderR_color+';font-weight:bold;font-size:10pt;font-family:arial, helvetica, sans serif}');
    write('#s3 {visibility:hidden;background-color:'+dd_BG_color+';border-bottom:solid 1px '+dd_border_color+';border-right:solid 1px '+dd_borderR_color+';font-weight:bold;font-size:10pt;font-family:arial, helvetica, sans serif}');
    write('#s4 {visibility:hidden;background-color:'+dd_BG_color+';border-bottom:solid 1px '+dd_border_color+';border-right:solid 1px '+dd_borderR_color+';font-weight:bold;font-size:10pt;font-family:arial, helvetica, sans serif}');
    write('#s5 {visibility:hidden;background-color:'+dd_BG_color+';border-bottom:solid 1px '+dd_border_color+';border-right:solid 1px '+dd_borderR_color+';font-weight:bold;font-size:10pt;font-family:arial, helvetica, sans serif}');

    write('.hdlink {width:280;text-decoration:none;color:'+hd_color+';background-color:'+hd_BG_color+';line-height:1.5;}');
    write('.hdlink:hover {text-decoration:none;color:#000000;background-color:'+hd_BG_color+';line-height:1.5}');

    write('.slink {text-decoration:none;color:#ffffff;background-color:'+dd_BG_color+';line-height:1.5;}');
    write('.slink:hover {text-decoration:none;color:#8d9fe6;background-color:'+dd_BG_color+';line-height:1.5}');

    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+'" class="subMenu">');
        write('<div style="background-color:#42576e;color:#111;">');
        write('<a href="'+subMenus[i].link+'" onmouseover="menuTOClear(\''+subMenus[i].group+'\')" onmouseout="menuTO(\''+subMenus[i].group+'\')" class="hdlink">&nbsp;&nbsp;'+subMenus[i].name+'</a>');
        write('</div>');
      }
      else
      {
        write('<a href="'+subMenus[i].link+'" onmouseover="menuTOClear(\''+subMenus[i].group+'\')" onmouseout="menuTO(\''+subMenus[i].group+'\')" class="slink">&nbsp;&nbsp;'+subMenus[i].name+'</a><br/>');
      }
    }
    write('</div>');
  }
}


function endpage()
{
  with(this.document)
  {
    write('</div>'); 
    write('</div>');
    write('<div class="main_R" style="height:22px;top:'+(bannerh+mainh)+'px;"></div>'); 
    write('<div class="copyright" style="top:'+(bannerh+mainh)+'px;">');
    write('<div style="text-align:center;margin-top:2px;">&copy; Copyright 2008 - Mueller Condo Rentals</div>');
    write('</div><br/>');
  }
}




// Date handling routines

function doDate()
{
  with(this.document)
  {
    write('<div style="width:200px;position:absolute;top:115px;left:704px;font-family:arial,helvetica,sans-serif;font-size:9pt;color:#2a4c9d;font-weight:bold;z-index:10;">');
    write(getDayStr(today.getDay()).toString() + ' ');
    write(getLongMonth(today.getMonth()) + " " + today.getDate().toString() + ", ");
    write(today.getFullYear().toString());
    write('</div>');
  }
}
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];
}

// menu handling code

function bulletPoint(offURL, onURL) {    
    this.offImage = new Image();
    this.offImage.src = offURL;
    this.onImage = new Image();
    this.onImage.src = onURL;
    this.URL = String(offURL);
}



function getStyleObject(objectId, doc) {
    if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
        return getObjNN4(document,objectId);
    } else {
    return false;
    }
} 

function changeObjectVisibility(objectId, newVisibility) {
    var styleObject = getStyleObject(objectId, document);
    if(styleObject) {
    styleObject.visibility = newVisibility;
    return true;
    } else {
    return false;
    }
}