// Specify the width of the top navigation menu
var topNav = 960;

// Site URL
domain = 'greenmountains.com';

/*function setup() {

// Write out your submenus here, as if you were inserting them as regular HTML.
// Separate each line with a backslash (this makes the markup look neater).

	var menus = '\
	<ul class="hidden" id="submenu2">\
		<li><a href="/">Accommodations Overview</a></li>\
		<li><a href="/">Hotels &amp; Motels</a></li>\
		<li><a href="/">Bed &amp; Breakfasts</a></li>\
		<li><a href="/">Vacation Rentals</a></li>\
		<li><a href="/">Luxury Resorts &amp; Spas</a></li>\
	</ul>\
	<ul class="hidden" id="submenu3">\
		<li><a href="/">Dining Overview</a></li>\
		<li><a href="/">Fine Dining</a></li>\
		<li><a href="/">Casual &amp; Family Dining</a></li>\
		<li><a href="/">Cafes, Bistros &amp; Bakeries</a></li>\
		<li><a href="/">Local Specialties</a></li>\
		<li><a href="/">Take-Out &amp; Delivery</a></li>\
	</ul>\
	<ul class="hidden" id="submenu4">\
		<li><a href="/">Recreation Overview</a></li>\
		<li><a href="/">Golf Courses &amp; Communities</a></li>\
		<li><a href="/">Mountain Sports &amp; Trails</a></li>\
		<li><a href="/">Skiing &amp; Winter Sports</a></li>\
		<li><a href="/">Fishing &amp; Water Sports</a></li>\
		<li><a href="/">Outfitters &amp; Excursions</a></li>\
		<li><a href="/">Health &amp; Fitness</a></li>\
		<li><a href="/">Regional Tours &amp; Attractions</a></li>\
		<li><a href="/">Museums &amp; Galleries</a></li>\
		<li><a href="/">Theaters, Clubs &amp; Pubs</a></li>\
		<li><a href="/">Music &amp; Performance</a></li>\
	</ul>\
	<ul class="hidden" id="submenu5">\
		<li><a href="/">Shopping Overview</a></li>\
		<li><a href="/">Arts &amp; Crafts</a></li>\
		<li><a href="/">Antiques</a></li>\
		<li><a href="/">Gift Shops</a></li>\
		<li><a href="/">Clothing &amp; Accessories</a></li>\
		<li><a href="/">Outlet Shopping</a></li>\
		<li><a href="/">Sporting Goods &amp; Clothing</a></li>\
		<li><a href="/">Food &amp; Wine Specialty Stores</a></li>\
	</ul>\
	<ul class="hidden" id="submenu6">\
		<li><a href="/">Events Overview</a></li>\
		<li><a href="/">Festivals &amp; Celebrations</a></li>\
		<li><a href="/">Culture, Arts &amp; Crafts</a></li>\
		<li><a href="/">Special Occasions</a></li>\
		<li><a href="/">Retreats &amp; Conferences</a></li>\
	</ul>\
	<ul class="hidden" id="submenu7">\
		<li><a href="/">Relocation Overview</a></li>\
		<li><a href="/">Real Estate</a></li>\
		<li><a href="/">Residential Communities</a></li>\
		<li><a href="/">Estates</a></li>\
		<li><a href="/">Land &amp; Acreage</a></li>\
		<li><a href="/">Farms</a></li>\
		<li><a href="/">Relocation Services</a></li>\
	</ul>\
	';
 	document.getElementById('subInsert').innerHTML = menus;
}*/

function setRegion(region) {
	window.location = 'http://greenmountains.com/setRegion.php?region=' + region;
}

function showRegion(foo) {
	document.getElementById('regions').style.background = 'url(/static/images/maps/regions_'+foo+'.gif) top left no-repeat';
}

function menuSwitch(foo) {
	menuOff();
	var margin = 0;
	for (i=1 ; i<foo ; i++) {
		margin = parseFloat(margin) + document.getElementById('nav1_'+i).offsetWidth;
	}
	document.getElementById('submenu'+foo).style.display = 'block';
	if (document.getElementById('nav1_'+foo).offsetWidth > document.getElementById('submenu'+foo).offsetWidth) {
		var bigger = document.getElementById('nav1_'+foo).offsetWidth;
		var smaller = document.getElementById('submenu'+foo).offsetWidth;
		margin = parseFloat(margin) + parseFloat(((bigger-smaller)/2).toFixed(0));
	}
	var navsWidth = 0;
	var navItems;
	navItems = document.getElementsByTagName('li');
	for (i=0 ; i<navItems.length ; i++) {
		if (navItems[i].className === 'topnav') navsWidth = parseFloat(navsWidth) + parseFloat(navItems[i].offsetWidth);
	}
	margin = parseFloat(margin) + ((topNav-parseFloat(navsWidth))/2);
	document.getElementById('submenu'+foo).style.marginLeft = margin+'px';
}

function menuOff() {
	var submenus;
	submenus = document.getElementsByTagName('ul');
	for (i=0 ; i<submenus.length ; i++) {
		if (submenus[i].className === 'hidden') submenus[i].style.display = 'none';
	}
}

window.onload = setup;