var left_corner_x = 0; // x-coordinate of top left corner of dropdown menu
var left_corner_y = 83; // y-coordinate of top left corner of dropdown menu

// var left_corner_y = 0; // set to zero, using relative positioning

var back_color = '#808080'; // the background color of dropdown menu 
var border_color = '#666666'; // the color of dropdown menu border
var border_size  = '1px'; // the width of dropdown menu border
var menu_width   = '750'; // the width of dropdown menu 
//// Don't change these parameters
var delay  = 5000; /////<<<========================== changed to 0 from 500, need to swap out so graphics don't overlap
var active_layer_id = -1;  /////
var on_layer_id  = -1;  /////
var buff_id  = -1;  /////
/// ----------------------------
//Script developed by Alexey
//for support visit http://www.geocities.com/menulite
//submitted to A1 JavaScripts - www.a1javascripts.com
// menu content; the dropdown menus themselfs between '' and items of every dropdown menu are diveded by |; 
// 

var subnav_break = '<img src="images/1x1spacer.gif" width="10" height="1">&#187;<img src="images/1x1spacer.gif" width="10" height="1">';

// variables for building the contents of the subnav tables
menu_content = new Array	('',
							'<img src="images/1x1spacer.gif" width="53" height="1"><a href="admin_history.htm" class=subMenu>History</a>' + subnav_break + '<a href="admin_currentprojects.htm" class=subMenu>Current Projects</a>' + subnav_break + '<a href="admin_contactus.htm" class=subMenu>Contact Us</a>' + subnav_break + '<a href="admin_employment.htm" class=subMenu>Employment Opportunities</a><img src="images/1x1spacer.gif" width="388" height="1">',
							'<img src="images/1x1spacer.gif" width="167" height="1"><a href="airportguide_services.html" class=subMenu>Services</a>' + subnav_break + '<a href="airportguide_tips.html" class=subMenu>Traveler Tips</a>' + subnav_break + '<a href="airportguide_terminalmaps.html" class=subMenu>Terminal Maps</a><img src="images/1x1spacer.gif" width="320" height="1">',
							'<img src="images/1x1spacer.gif" width="274" height="1"><a href="flightinfo_airlines.html" class=subMenu>Airlines</a>' + subnav_break + '<a href="flightinfo_schedules.html" class=subMenu>Schedules</a>' + subnav_break + '<a href="flightinfo_weather.htm" class=subMenu>Weather</a><img src="images/1x1spacer.gif" width="272" height="1">',
							'<img src="images/1x1spacer.gif" width="357" height="1"><a href="groundtransportation_parking.htm" class=subMenu>Parking</a>' + subnav_break + '<a href="groundtransportation_rentalcars.html" class=subMenu>Rental Cars</a>' + subnav_break + '<a href="groundtransportation_shuttlestaxis.html" class=subMenu>Shuttles & Taxis</a>' + subnav_break + '<a href="groundtransportation_drivingdirections.html" class=subMenu>Driving Directions</a><img src="images/1x1spacer.gif" width="6" height="1">',
							'<img src="images/1x1spacer.gif" width="463" height="1"><a href="generalaviation_fbo.html" class=subMenu>Fixed Base Operations</a>' + subnav_break + '<a href="generalaviation_operatingprocedures.html" class=subMenu>Operating Procedures</a><img src="images/1x1spacer.gif" width="6" height="1">',
							'<img src="images/1x1spacer.gif" width="537" height="1"><a href="jacksonhole_community.htm" class=subMenu>Community Links</a>' + subnav_break + '<a href="jacksonhole_tourism.html" class=subMenu>Tourism Links</a><img src="images/1x1spacer.gif" width="6" height="1">');

//Script developed by Alexey
//for support visit http://www.geocities.com/menulite
//submitted to A1 JavaScripts - www.a1javascripts.com
// check browser version

NS4 = (document.layers) ? 1 : 0;

function layer_enter (id)

{

	on_layer_id = id;

}

function layer_exit (id)

{

	on_layer_id = - 1;

	setTimeout ('hide('+ id +')', delay/5);

}

function menu_enter (id)

{

	if (buff_id >= 0)

		hide (buff_id);



	show (id);

	active_layer_id = id;

}

function menu_exit (id)

{

	setTimeout ('hide('+ id +')', delay);

	buff_id = active_layer_id;

	active_layer_id = -1;

}

function show (id)

{
	
	 // ------ IE 4
	if (document.all)
	{
		document.all['Menu' + id].style.visibility = "visible";
		document.all['Menu' + id].style.display = "block";
		//document.all['Menu' + id].style.zIndex = 100;
	}
	
	 // ------ gecko(NN6) + IE 5+
	else if(document.getElementById)
	{
		//id = "Menu" + id;
		var obj = document.getElementById('Menu' + id);
        obj.style.visibility = "visible";
        obj.style.display = "block";
        //obj.style.zIndex = 100;
    }
        
	 // ------ Early Netshame
	else
	{
		document.layers[id].visibility = "visible";
	}
	
	// sketchy code to swap images
	var navImageName = "nav" + id;
	var navImageSrc = "images/nav" + id + "_over.gif";
	
	//alert("changeImages(" + navImageName +", " + navImageSrc + ")");
	
	changeImages(navImageName, navImageSrc); return true;

}

function hide (id)

{

	if (active_layer_id != id && on_layer_id != id)

	{

	 	// ------ IE 4
		if (document.all)
		{
			document.all['Menu' + id].style.visibility = "hidden";
			document.all['Menu' + id].style.display = "none";
			//document.all['Menu' + id].style.zIndex = -1;
		}
	
	 	// ------ gecko(NN6) + IE 5+
		else if(document.getElementById)
		{
			//id = "Menu" + id;
			var obj = document.getElementById('Menu' + id);
        	obj.style.visibility = "hidden";
        	obj.style.display = "none";
        	//obj.style.zIndex = -1;
    	}
        
	 	// ------ Early Netshame
		else
		{
			document.layers[id].visibility = "hide";
		}
		
		// sketchy code to swap images
		var navImageName = "nav" + id;
		var navImageSrc = "images/nav" + id + ".gif";

		//alert("changeImages(" + navImageName +", " + navImageSrc + ")");
	
		changeImages(navImageName, navImageSrc); return true;

	}

}

function generate_layers ()

{

	for (i = 0; i < menu_content.length; i++)

	{
		var x_coordinate;
		
		// get x-coordinate for menu location
	//	if (i==0)
	//		x_coordinate = 45;
	//	else if (i==1)
	//		x_coordinate = 144;
	//	else if (i==2)
	//		x_coordinate = 244;
	//	else if (i==3)
	//		x_coordinate = 343;				===== these are standardized by having them all underneath the header
	//	else if (i==4)
	//		x_coordinate = 442;
	//	else if (i==5)
	//		x_coordinate = 545;
	//	else if (i==6)
	//		x_coordinate = 645;
		

		if (!NS4)
		{
			layer_header = '<div id=Menu' + i +
					   	   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
				           ' style="visibility: hidden; z-index: 3; display: none; position: absolute; left: ' + (left_corner_x) +
				           '; top: ' + left_corner_y + ';">';
		}
				           

		else
		{

			layer_header = '<layer id=' + i +
						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
						   ' visibility=hide left=' + (left_corner_x) +
						   ' top = ' + left_corner_y + '>';
		}


		layer_header += '<table width=' + menu_width + ' cellpadding=0 cellspacing=0 border=0>' +
					    '<td bgcolor=' + border_color + '><table width=' + menu_width + ' cellpadding=0 ' +
					    'cellspacing=' + border_size + ' border=0><td align="left"  valign="top" width=' + menu_width + ' bgcolor=' + back_color + '>';
		
		elements = menu_content[i].split (/\s*\|\s*/);

		layer_body = '';

		for (j = 0; j < elements.length; j++)

		{

			layer_body += elements[j];	

			if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))

				layer_body += '<hr width=' + (menu_width - 8) + ' size=1 color='+ border_color + '>';

		}

		layer_footer = '</td></table></td></table>';

		if (!NS4)

			layer_footer += '</div>';

		else

			layer_footer += '</layer>';

		document.writeln (layer_header + layer_body + layer_footer);
		
		// alert(layer_header + layer_body + layer_footer);	
	}

}