function initvars() {
	objNavMenu = null;
	prevObjNavMenu = null;
	prevObjDropMenu = null;
	numDropMenu = 6;
	////// link styles
	bgLinkColor = '#99ffcc';
	bgLinkHover = '#99ffcc'
	bgLinkActive = '#99ffcc'
	linkColor = '#000000'
	linkHover = '#ff3300'
	linkActive = '#000000'
	isIE = null;
	if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) isIE=1;
}


function writemenubar() {
	document.write("<div id='menuBar'>")
	document.write("<div id='navMenu7' class='menuHeader'><a href='/intro/intro.htm'>&nbsp;Intro</a></div>")
	document.write("<div id='navMenu1' class='menuHeader'>&nbsp;Maps</div>")
	document.write("<div id='navMenu2' class='menuHeader'>Photos</div>")
	document.write("<div id='navMenu3' class='menuHeader'>Year</div>")
	document.write("<div id='navMenu8' class='menuHeader'><a href='/top/tree.htm' onFocus='if(this.blur)this.blur();'>Site Directory</a></div>")
	document.write("<div id='navMenu5' class='menuHeader'>Locate Two Jays</div>")
	document.write("<div id='navMenu4' class='menuHeader'>What\'s New</div>")
	document.write("<div id='navMenu9' class='menuHeader'><a href='/search/alpha.htm'>&nbsp;Boat Names</a></div>")
	document.write("<div id='navMenu10' class='menuHeader'><a href='/search/page.htm'>Search</a></div>")
	document.write("<div id='navMenu6' class='menuHeader'>Contact Us</div></div>")
	document.write("<div id='dropMenu1' class='menuDrop'>") 
	document.write("<a class='menuLink' href='/cruising/maps/gb.htm' onfocus='if(this.blur)this.blur();'>Drill Down</a>")
	document.write("<a class='menuLink' href='/cruising/map_list.htm' onfocus='if(this.blur)this.blur();'>Selection</a>")
	document.write("<a class='menuLink' href='/cruising/guide.htm' onfocus='if(this.blur)this.blur();'>Help</a></div>")
	document.write("<div id='dropMenu2' class='menuDrop'>") 
	document.write("<a class='menuLink' href='/cruising/photos/waterways.htm' onfocus='if(this.blur)this.blur();'>Waterways</a>")
	document.write("<a class='menuLink' href='/cruising/photos/visitors.htm' onfocus='if(this.blur)this.blur();'>Visitors</a>")
	document.write("<a class='menuLink' href='/cruising/photos/wonders.htm' onfocus='if(this.blur)this.blur();'>Wonders</a>")
	document.write("<a class='menuLink' href='/cruising/photos/canal.htm' onfocus='if(this.blur)this.blur();'>Along the Cut</a>")
	document.write("<a class='menuLink' href='/cruising/photos/twojays.htm' onfocus='if(this.blur)this.blur();'>Two Jays</a>")
	document.write("<a class='menuLink' href='/cruising/photos/anti.htm' onfocus='if(this.blur)this.blur();'>Anti Social Behaviour</a>")
	document.write("<a class='menuLink' href='/archive.htm' onfocus='if(this.blur)this.blur();'>Archive</a></div>")
	document.write("<div id='dropMenu3' class='menuDrop'>")
	document.write("<a class='menuLink' href='/cruising/2011.htm' onfocus='if(this.blur)this.blur();'>2011</a>")
	document.write("<a class='menuLink' href='/cruising/2010.htm' onfocus='if(this.blur)this.blur();'>2010</a>")
	document.write("<a class='menuLink' href='/cruising/2009.htm' onfocus='if(this.blur)this.blur();'>2009</a>")
	document.write("<a class='menuLink' href='/cruising/2008.htm' onfocus='if(this.blur)this.blur();'>2008</a>")
	document.write("<a class='menuLink' href='/cruising/2007.htm' onfocus='if(this.blur)this.blur();'>2007</a>")
	document.write("<a class='menuLink' href='/cruising/2006.htm' onfocus='if(this.blur)this.blur();'>2006</a>")
	document.write("<a class='menuLink' href='/cruising/2005.htm' onfocus='if(this.blur)this.blur();'>2005</a>")
	document.write("<a class='menuLink' href='/cruising/2004.htm' onfocus='if(this.blur)this.blur();'>2004</a>")
	document.write("<a class='menuLink' href='/cruising/2003.htm' onfocus='if(this.blur)this.blur();'>2003</a>")
	document.write("<a class='menuLink' href='/cruising/2002.htm' onfocus='if(this.blur)this.blur();'>2002</a></div>")
	document.write("<div id='dropMenu4' class='menuDrop'>")
	document.write("<a class='menuLink' href='/new/s_2011.htm' onfocus='if(this.blur)this.blur();'>Site Changes</a>")
	document.write("<a class='menuLink' href='/new/c_2011.htm' onfocus='if(this.blur)this.blur();'>Content Changes</a></div>")
	document.write("<div id='dropMenu5' class='menuDrop'>")
	document.write("<a class='menuLink' href='/cruising/maps/2011/oxford.htm' onfocus='if(this.blur)this.blur();'>Fri 15th: Claydon</a>")
	document.write("<a class='menuLink' href='/cruising/photos/twojays/moor11.htm' onfocus='if(this.blur)this.blur();'>Friday night moorings</a>")

	document.write("<!-- ")

	document.write("<a class='menuLink' href='/cruising/photos/twojays/mercia/main.htm' onfocus='if(this.blur)this.blur();'>How to get to Mercia Marina</a>")
	document.write("-->")

	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Sat 16th: Cropredy")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Sun 17th: Banbury")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Mon 18th: Aynho")
	document.write("<!-- ")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Tue 12th: Willoughby")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Wed 13th: Flecknoe")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'>Thu 14th: Priors Hardwick")
	document.write("-->")


	document.write("</div>")
	document.write("<div id='dropMenu6' class='menuDrop'>")
	var addr1 = "mailto:"
	var addr2 = "mail08"
	var addr3 = "@"
	var addr4 = "twojays.co.uk"
	document.write('<a class="menuLink" href="' + addr1 + addr2 + addr3 + addr4 + '" onfocus="if(this.blur)this.blur();">')
	document.write('Email</a>')

	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'> <img src='/images/phone.gif' height='22' width='16' alt='mobile phone' title='mobile phone' />07796 690137</a>")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'> <img src='/images/phone.gif' height='22' width='16' alt='mobile phone' title='mobile phone' />07816 435356</a>")
	document.write("<!--")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'> <img src='/images/phone.gif' height='22' width='16' alt='mobile phone' title='mobile phone' />00 351 968547916</a>")
	document.write("//-->")
	document.write("<a class='menuLink' onfocus='if(this.blur)this.blur();'> <img src='/images/skype.gif' height='18' width='19' alt='skype' title='skype' /> james.steckerl</a>")
	document.write("<a class='menuLink' href='http://www.steckerl.co.uk/' onfocus='if(this.blur)this.blur();'>Steckerl UK Website</a></div>")



}

function initDropMenu () {
	document.onclick = hideDropMenu;
	for (i=1; i<=numDropMenu; i++) {
		menuName = 'dropMenu' + i;
		navName = 'navMenu' + i;
		objDropMenu = document.getElementById(menuName);
		objNavMenu = document.getElementById(navName);
		objDropMenu.style.visibility = 'hidden';
		objNavMenu.onmouseover =  menuHover;
		objNavMenu.onmouseout = menuOut;
		objNavMenu.onclick = showDropMenu;
	}
	objNavMenu = null;
	return;
}

function  menuHover(e) {
	document.onclick = null;
	hoverObjNavMenu = document.getElementById(this.id);
	if (hoverObjNavMenu != objNavMenu) {
		hoverObjNavMenu.style.color = linkHover;
		hoverObjNavMenu.style.backgroundColor = bgLinkHover;
	}		
}

function menuOut (e) {
	document.onclick = hideDropMenu;
	outObjNavMenu = document.getElementById(this.id);
	if (outObjNavMenu != objNavMenu) {
		outObjNavMenu.style.color = linkColor;
		outObjNavMenu.style.backgroundColor = bgLinkColor;
	}
}

function showDropMenu(e) {
	menuName = 'drop' + this.id.substring(3,this.id.length);
	objDropMenu = document.getElementById(menuName);
	if (prevObjDropMenu == objDropMenu) {
hideDropMenu();
		return;
	}
	if (prevObjDropMenu != null) hideDropMenu();
	objNavMenu = document.getElementById(this.id);
	if ((prevObjNavMenu != objNavMenu ) || (prevObjDropMenu == null)) {
		objNavMenu.style.color = linkActive;
		objNavMenu.style.backgroundColor = bgLinkActive;
	}
	
	if (objDropMenu) {
		xPos = objNavMenu.offsetParent.offsetLeft + objNavMenu.offsetLeft;
		yPos = objNavMenu.offsetParent.offsetTop + objNavMenu.offsetParent.offsetHeight + 4;
		if (isIE) {
yPos -= 1;
xPos -= 6;
		}
		objDropMenu.style.left = xPos + 'px';
		objDropMenu.style.top = yPos + 'px';
		objDropMenu.style.visibility = 'visible';
		prevObjDropMenu = objDropMenu;
		prevObjNavMenu = objNavMenu;
	}

}

function hideDropMenu() {
	document.onclick = null;
	if (prevObjDropMenu) {
		prevObjDropMenu.style.visibility = 'hidden';
		prevObjDropMenu = null;
		prevObjNavMenu.style.color = linkColor;
		prevObjNavMenu.style.backgroundColor = bgLinkColor;
	}
	objNavMenu = null;
}