<!-- Begin VERTICAL CSS DROP MENU VER 1.55b 2009

// NOTE: If you use a ' add a slash before it like this \'

// USE lowercase FOR ALL OPTIONS ONLY


var showimage1		= "no"			// SHOW FIRST SIDEBAR IMAGE
var showimage2		= "no"			// SHOW SECOND SIDEBAR IMAGE
var linkimage1		= "gallery.htm"	// LINK FOR IMAGE 1
var linkimage2		= "gallery.htm"	// LINK FOR IMAGE 2



document.write('<div id="menulocation" style="z-index: 10;" class="printhide">');
document.write('<img src="picts/menu-top.gif" width="175" height="102" class="menutrans"></a><br>');

document.write('<table cellpadding="0" cellspacing="0" border="0" width="175"><tr><td align="left">');

// MENU IMAGE 1
   if (showimage1 == "yes") {
document.write('<a href="'+linkimage1+'"><img src="picts/menu-picture-1.jpg" border="0" class="sideborder"></a><br>');
}

document.write('<ul id="top-nav">');




// START MENU LINKS - EDIT BELOW THIS AREA




document.write('  <li class="menuT"><a href="index.html">Home</a></li>');


document.write('  <li class="menuT"><a href="vacation_rental.htm">Vacation Rental</a>');
document.write('    <ul id="sub-nav">');

document.write('      <li class="menuTSSM"><a href="vacation_rental.htm" class="parentSSM">Vacation Rental</a>');

document.write('      <li><a href="policy_vacation_rental.htm">Rates & Policy</a></li>');

document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menuT"><a href="gallery.htm">Gallery</a>');
document.write('    <ul id="sub-nav">');

document.write('      <li class="menuTSSM"><a href="gallery.htm" class="parentSSM">Overview</a>');

document.write('      <li><a href="gallery1.htm">Casa Serene</a></li>');
document.write('      <li><a href="gallery2.htm">Master Bedroom</a></li>');
document.write('      <li><a href="gallery3.htm">Suite-Style Bedroom</a></li>');
document.write('      <li><a href="gallery4.htm">Peachland</a></li>');

document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menuT"><a href="guestbook.htm">Guestbook</a></li>');

document.write('  <li class="menuT"><a href="about.htm">Host</a></li>');
document.write('  <li class="menuT"><a href="pets_and_kids.htm">Pets and Kids</a></li>');

document.write('  <li class="menuT"><a href="location.htm">Location and Directions</a></li>');

document.write('  <li class="menuT"><a href="contact.htm">Contact</a></li>');

document.write('  <li class="menuT"><a href="activities.htm">Activities</a>');
document.write('    <ul id="sub-nav">');

document.write('      <li class="menuTSSM"><a href="activities.htm" class="parentSSM">Activities</a>');

document.write('      <li><a href="special_events.htm">Special Events</a></li>');
document.write('      <li><a href="scooter.htm">Scooter Rental</a></li>');

document.write('    </ul>');
document.write('  </li>');




document.write('  <li class="menuT"><a href="region.htm">Region</a>');
document.write('    <ul id="sub-nav">');

document.write('      <li class="menuTSSM"><a href="region.htm" class="parentSSM">Region</a>');

document.write('      <li><a href="fast_facts.htm">Fast Facts </a></li>');
document.write('      <li><a href="history.htm">History</a></li>');
document.write('      <li><a href="climate.htm">Climate</a></li>');
document.write('      <li><a href="nature.htm">Nature</a></li>');
document.write('      <li><a href="geography.htm">Geography</a></li>');

document.write('    </ul>');
document.write('  </li>');


document.write('  <li class="menuT"><a href="sightseeing.htm">Sightseeing</a>');
document.write('    <ul id="sub-nav">');

document.write('      <li class="menuTSSM"><a href="sightseeing.htm" class="parentSSM">Sightseeing</a>');

document.write('      <li><a href="peachland.htm">Peachland</a></li>');
document.write('      <li><a href="summerland.htm">Summerland</a></li>');
document.write('      <li><a href="penticton.htm">Penticton</a></li>');
document.write('      <li><a href="kelowna.htm">Kelowna</a></li>');
document.write('      <li><a href="vernon.htm">Vernon</a></li>');

document.write('    </ul>');
document.write('  </li>');



document.write('  <li class="menuT"><a href="links.htm">Links</a></li>');



document.write('  <li class="menuT"><a href="site_map.htm">Sitemap</a></li>');



document.write('    </ul>');
document.write('  </li>');


// FLASH CHANGER OPTIONS

var showsflash		= "yes"		// SHOW FLASH IMAGE CHANGER
var flashcolor		= "EDDD4A"	// FLASH BACKGROUND COLOR
var flashspace		= "30"		// MOVE FLASH UP OR DOWN
var flashwC		= "175"		// WIDTH OF THE FLASH CHANGER
var flashhC		= "116"		// HEIGHT OF THE FLASH CHANGER
var bordercolor		= "000000"	// FLASH CHANGER BORDER COLOR






document.write('</td></tr><tr><td height="1" class="menu-bottom-line">');
document.write('<img src="picts/spacer.gif" width="175" height="1"></a><br>');
document.write('</td></tr><tr><td align="center">');


document.write('<img src="picts/spacer.gif" width="175" height="'+flashspace+'"></a><br>');










// FLASH CHANGER
   if (showsflash == "yes") {
document.write('<div class="printhide">');
document.write('<TABLE cellpadding="0" cellspacing="0" border="0" style="border-top: #'+bordercolor+' 1px solid; border-bottom: #'+bordercolor+' 1px solid;"><tr><td valign="top">');
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="'+flashwC+'" HEIGHT="'+flashhC+'" id="imagechanger" ALIGN="">');
document.write('<PARAM NAME=movie VALUE="imagechanger.swf">');
document.write('<PARAM NAME=quality VALUE=high>');
document.write('<PARAM NAME=bgcolor VALUE=#'+flashcolor+'>');
document.write('<EMBED src="imagechanger.swf" quality=high bgcolor=#'+flashcolor+'  WIDTH="'+flashwC+'" HEIGHT="'+flashhC+'" NAME="imagechanger" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">');
document.write('</EMBED>');
document.write('</OBJECT><br>');
document.write('</td></tr></table>');
document.write('<br><br>');
document.write('</div>');
}




// END LINKS //



document.write('</ul>');
document.write('</td></tr><tr><td align="center">');


// START MENU IMAGES


   if (showimage1 == "yes") {
document.write('<br><br><a href="index.html"><img src="picts/menu-picture-1.jpg" border="0" class="borders"></a><br><br><br>');
}
   if (showimage2 == "yes") {
document.write('<a href="index.html"><img src="picts/menu-picture-2.jpg" border="0" class="borders"></a><br><br>');
}





document.write('</td></tr></table></DIV>');








// COPYRIGHT 2007 © AllsizeWeb Design & Publishing
// Unauthorized use or sale of this script is strictly prohibited by law

// YOU DO NOT NEED TO EDIT BELOW THIS LINE



function IEHoverPseudo() {

	var navItems = document.getElementById("top-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuT") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuT"; }
		}
	}

}
window.onload = IEHoverPseudo;







function IEHoverPseudoSUB() {

	var navItems = document.getElementById("top-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuTSSM") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuTSSM"; }
		}
	}

}




window.onload = function() { 
IEHoverPseudoSUB();
IEHoverPseudo();
}




//  End -->
