// ----------------------------------------------------------------------------------------------------
/*
   Program: a1villa_menus.js

   Author:  James Whitfield
   Date:    14 June 2011

   Description:
   General functions and stuff

   Amendments:


*/
// ----------------------------------------------------------------------------------------------------


// ====================================================================================================

function MenuBarHover(barOption) {
  if (barOption.className == "menubar") { barOption.className= "menubar_hover" }
   else { barOption.className= "menubar" };

}

// ====================================================================================================

function PopulateMenuOptions() {

        
  document.write('<table border="0" cellspacing="0" cellpadding="0"><tr><td><ul id="menubar">');

// home
  document.write('<li><a href="home.htm" onmouseover="MenuList(\'m0\')" onmouseout="MenuHide()">Home &raquo;</a>');
//  document.write('<table cellpadding=0 cellspacing=0><tr><td width=24><img src="images/graphics10/menubar_home.gif"></td>');
//  document.write('<td style="color:#990033"><b>Home &raquo;</b></td></tr></table></a>');
  document.write('<div id="m0" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="site-map.htm">Site Map</a>');
  document.write('<a href="bookings-faqs.htm">New to Renting?</a>');
  document.write('<a href="florida-travelling.htm#esta">Register with ESTA</a>');
  document.write('<a href="javascript:history.back();">&laquo; Previous Page</a>');
  document.write('<a href="javascript:history.forward();">Forward Page &raquo;</a></div></li>');


// elegant
  document.write('<li><a href="elegant-living.htm" onmouseover="MenuList(\'m1\')" onmouseout="MenuHide()">villa: Elegant &raquo;</a>');
  document.write('<div id="m1" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="elegant-living.htm">Living Area</a>');
  document.write('<a href="elegant-living.htm#dining">Kitchen &amp; Dining</a>');
  document.write('<a href="elegant-living.htm#bedrooms">Bedrooms</a>');
  document.write('<a href="elegant-relaxing.htm#">Pool &amp; Deck</a>');
  document.write('<a href="elegant-relaxing.htm#plan">Floor Plan</a>');
  document.write('<a href="elegant-relaxing.htm#safe">Safe &amp; Secure</a></div></li>');

// lakeside
  document.write('<li><a href="lakeside-living.htm" onmouseover="MenuList(\'m2\')" onmouseout="MenuHide()">villa: Lakeside &raquo;</a>');
  document.write('<div id="m2" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="lakeside-living.htm">Living Area</a>');
  document.write('<a href="lakeside-living.htm#dining">Kitchen &amp; Dining</a>');
  document.write('<a href="lakeside-living.htm#bedrooms">Bedrooms</a>');
  document.write('<a href="lakeside-relaxing.htm#">Pool &amp; Deck</a>');
  document.write('<a href="lakeside-relaxing.htm#plan">Floor Plan</a>');
  document.write('<a href="lakeside-relaxing.htm#safe">Safe &amp; Secure</a></div></li>');

// indian wells 
  document.write('<li><a href="indian-wells-lake-buena-vista.htm" onmouseover="MenuList(\'m3\')" onmouseout="MenuHide()">Indian Wells &raquo;</a>');
  document.write('<div id="m3" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="indian-wells-lake-buena-vista.htm#community">Community Facilities</a>');
  document.write('<a href="indian-wells-lake-buena-vista.htm#map">Lake Buena Vista Map</a>');
  document.write('<a href="indian-wells-lake-buena-vista.htm#travelling">Travelling Around</a>');
  document.write('<a href="indian-wells-lake-buena-vista.htm#taxi">Rental Car or Taxi?</a>');
  document.write('<a href="indian-wells-lake-buena-vista.htm#fishing">Fishing</a>');
  document.write('<a href="indian-wells-shopping.htm">Shopping &amp; Outlets</a>');
  document.write('<a href="indian-wells-shopping.htm#medical">Medical Facilities</a>');
  document.write('<a href="indian-wells-eating-out.htm">Restaurants &amp; Bars</a>');
  document.write('<a href="indian-wells-eating-out.htm#shows">Dinner Shows</a>');
  document.write('<a href="indian-wells-eating-out.htm#tipping">Tipping</a>');
  document.write('<a href="indian-wells-golf.htm">Golf Courses</a></div></li>');

// florida
  document.write('<li><a href="florida-theme-parks.htm" onmouseover="MenuList(\'m4\')" onmouseout="MenuHide()">Visiting Florida &raquo;</a>');
  document.write('<div id="m4" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="florida-theme-parks.htm#disney">Walt Disney World</a>');
  document.write('<a href="florida-theme-parks.htm#universal">Universal Studios</a>');
  document.write('<a href="florida-theme-parks.htm#seaworld">Seaworld</a>');
  document.write('<a href="florida-theme-parks.htm#tickets">Buying Park Tickets</a>');
  document.write('<a href="florida-attractions.htm">Orlando Attractions</a>');
  document.write('<a href="florida-travelling.htm">Travelling Around</a>');
  document.write('<a href="florida-travelling.htm#cities">Florida Cities</a>');
  document.write('<a href="florida-travelling.htm#weather">Monthly Temperatures</a>');
  document.write('<a href="florida-travelling.htm#info">Useful Information</a>');
  document.write('<a href="florida-travelling.htm#esta">ESTA</a>');
  document.write('<a href="florida-car-hire.htm">Rental Car Hire</a></div></li>');


// bookings
  document.write('<li><a href="villa-rental-rates.htm" onmouseover="MenuList(\'m5\')" onmouseout="MenuHide()">Bookings &raquo;</a>');
  document.write('<div id="m5" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
  document.write('<a href="villa-rental-rates.htm#rates">Rental Rates</a>');
  document.write('<a href="villa-rental-rates.htm#availability">Check Availability</a>');
  document.write('<a href="villa-rental-rates.htm#request">Booking Request</a>');
  document.write('<a href="bookings-guest-comments.htm">Guest Comments</a>');
  document.write('<a href="bookings-terms.htm">Terms &amp; Conditions</a>');
  document.write('<a href="bookings-faqs.htm">FAQs</a>');
  document.write('<a href="contact-the-owners.htm">Contact the Owners</a>');
  document.write('<a href="bookings-details.htm">Check My Booking</a>');
  document.write('</div></li>');

// owners
//  document.write('<li><a href="#" onmouseover="MenuList(\'m5\')" onmouseout="MenuHide()">The Owners</a>');
//  document.write('<div id="m6" onmouseover="MenuCancelHide()" onmouseout="MenuHide()">');
//  document.write('<a href="#"></a>');
//  document.write('<a href="#"></a></div></li>');
  document.write('</ul></td></tr></table>');

//<div style="clear:both"></div>

}


// ====================================================================================================

// Copyright 2006-2007 javascript-array.com

var timeout	= 300;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function MenuList(id)
{	
	// cancel close timer
	MenuCancelHide();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function MenuHidden()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function MenuHide()
{
	closetimer = window.setTimeout(MenuHidden, timeout);
}

// cancel close timer
function MenuCancelHide()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = MenuHidden; 

// ====================================================================================================