// mouseover/mouseoff array constructor
function imgsToSwap(name,overimg,offimg){
	this.over = new Image();
	this.off = new Image();
	this.name = name;
	this.over.src = overimg;
	this.off.src = offimg;
}

rollArray = new Array();
rollArray[0] = new imgsToSwap("dropdown1", "buttons2/home_button_on.gif", "buttons2/home_button.gif");
rollArray[1] = new imgsToSwap("dropdown2", "buttons2/ap_button_on.gif", "buttons2/ap_button.gif");
rollArray[2] = new imgsToSwap("dropdown3", "buttons2/ne_button_on.gif", "buttons2/ne_button.gif");
rollArray[3] = new imgsToSwap("dropdown4", "buttons2/firm_button_on.gif", "buttons2/firm_button.gif");
rollArray[4] = new imgsToSwap("dropdown5", "buttons2/pc_button_on.gif", "buttons2/pc_button.gif");
rollArray[5] = new imgsToSwap("dropdown6", "buttons2/contact_button_on.gif", "buttons2/contact_button.gif");
rollArray[6] = new imgsToSwap("dropdown7", "buttons2/ge2_button_on.gif", "buttons2/ge2_button.gif");
rollArray[7] = new imgsToSwap("dropdown10", "buttons2/abs_button_on.gif", "buttons2/abs_button.gif");
rollArray[8] = new imgsToSwap("dropdown11", "buttons2/pvc_button_on.gif", "buttons2/pvc_button.gif");
rollArray[9] = new imgsToSwap("dropdown12", "buttons2/poly_button_on.gif", "buttons2/poly_button.gif");
rollArray[10] = new imgsToSwap("dropdown13", "buttons2/joint_button_on.gif", "buttons2/joint_button.gif");
rollArray[11] = new imgsToSwap("dropdown14", "buttons2/odor_button_on.gif", "buttons2/odor_button.gif");
rollArray[12] = new imgsToSwap("dropdown15", "buttons2/prop_button_on.gif", "buttons2/prop_button.gif");
rollArray[13] = new imgsToSwap("dropdown16", "buttons2/elec_button_on.gif", "buttons2/elec_button.gif");
rollArray[14] = new imgsToSwap("dropdown17", "buttons2/tf_button_on.gif", "buttons2/tf_button.gif");
rollArray[15] = new imgsToSwap("dropdown18", "buttons2/pi_button_on.gif", "buttons2/pi_button.gif");
rollArray[16] = new imgsToSwap("dropdown19", "buttons2/pm_button_on.gif", "buttons2/pm_button.gif");
rollArray[17] = new imgsToSwap("dropdown20", "buttons2/cl_button_on.gif", "buttons2/cl_button.gif");
rollArray[18] = new imgsToSwap("dropdown21", "buttons2/ge_button_on.gif", "buttons2/ge_button.gif");

// swap image on mouseover
function showOver(imagename){
	for(var i=0; i < rollArray.length; i++){
	if(imagename == rollArray[i].name){
		document.images[imagename].src = rollArray[i].over.src;
	}
	}
}

// swap image on mouseoff
function showOff(imagename){
	for(var i=0; i < rollArray.length; i++){
		if(imagename == rollArray[i].name){
			document.images[imagename].src = rollArray[i].off.src;
		}
	}
}


// END ROLLOVER SCRIPT


// BEGIN TOPNAV SCRIPT

// ********  creating dropdown nav  *****************

// Global Vars for nav

// initialize and give default values for dropdown menu color variables
var background = "#CC9966";
var bgcolor = "#CC9966";
var border_color = "#FF9933";
var menu_border = "#ffffff";
var hovercolor = "#993300";
var dividercolor = "#FF9933";

// Simple Browser Check
var ie = "Microsoft Internet Explorer";
var netscape = "Netscape";
var mac = "MacPPC"
var browser = navigator.appName;
var os = navigator.platform;

var No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;

if (navigator.userAgent == 'Mozilla/4.0 (compatible; MSIE 4.5; Mac_PowerPC)') { 
	No3 = 0; 
}
var layer = (document.getElementById && No3) ? "document.getElementById('L'+menu).style" : (document.all) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]": 0;
var hideMe = (document.all || document.getElementById) ? "hidden" : "hide";
var showMe = (document.all || document.getElementById) ? "visible" : "show";
var timer;


//////////////////////////////////////////////

Layer = new Array();
Layer[1] = new LayerSpecs(161,253,200,'#FFFFCC','#993300','#000000'
, '<a href="abs.html" class="navdown">&nbsp;&nbsp;<font size="2">ABS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></a>'
, '<a href="pvc.html" class="navdown">&nbsp;&nbsp;<style>.navdown {color: #000000; font-size:11px; font-family:Arial,sans-serif; font-weight:normal; text-decoration:none; padding-bottom : 3;	padding-top : 3;}</style>PVC</a>'
, '<a href="poly.html" class="navdown">&nbsp;&nbsp;Polyethylene&nbsp;&nbsp;</a>'
, '<a href="joint.html" class="navdown">&nbsp;&nbsp;Joint Utilities Trench Explosions&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="odor.html" class="navdown">&nbsp;&nbsp;Odor/Odorless Gas&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="prop.html" class="navdown">&nbsp;&nbsp;Propane v. Natural Gas&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
);
Layer[2] = new LayerSpecs(343,204,103,'#FFFFCC','#ffe4ac','#000000'
, '<a href="http://www.reservetravel.com/v4/redir.aspx?type=search&siteid=7533," class="navdown">&nbsp;&nbsp;Book a Room&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="reserve-trans.html" class="navdown">&nbsp;&nbsp;<style>.navdown {color: #000000; font-size:11px; font-family:Arial,sans-serif; font-weight:normal; text-decoration:none; padding-bottom : 3;	padding-top : 3;}</style>Book Transportation</a>'
, '<a href="reserve-tee.html" class="navdown">&nbsp;&nbsp;Book Tee Times&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="reserve-diver.html" class="navdown">&nbsp;&nbsp;Book a Diversion&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
);
Layer[3] = new LayerSpecs(446,204,103,'#FFFFCC','#ffe4ac','#000000'

);
Layer[4] = new LayerSpecs(542,204,103,'#FFFFCC','#ffe4ac','#000000'

);
Layer[5] = new LayerSpecs(632,204,103,'#FFFFCC','#ffe4ac','#000000'
, '<a href="bulletin.html" class="navdown">&nbsp;&nbsp;Bulletin Board&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="chat.html" class="navdown">&nbsp;&nbsp;Chat Room&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
, '<a href="lettereditor.html" class="navdown">&nbsp;&nbsp;Letter to the Editor&nbsp;&nbsp;</a>'
, '<a href="storyidea.html" class="navdown">&nbsp;&nbsp;Submit a Story Idea</a>'
);
Layer[6] = new LayerSpecs(735,204,103,'#FFFFCC','#ffe4ac','#000000'

);



/////////////////////////////////////////////////////////

// Loop to create master nav table(ie/nn6) or layer(nn4.x)
for(i=1; i<Layer.length; i++) {
	// imgHilite returns the image name to the mouseover/mouseoff function in rollover.js 
	var imgHilite = rollArray[(i-1)].name;

	if (document.getElementById && No3) { 
		document.write('<div onMouseOver="showOver(\''+imgHilite+'\');clearTimeout(timer)" onMouseOut="showOff(\''+imgHilite+'\');Hide('+i+')" ID="L'+i+'" STYLE="position:absolute; visibility:hidden; background:'+background+'; top:'+Layer[i].top+'; left:'+Layer[i].left+';"><table border="0" cellpadding="0" cellspacing="0">'+Layer[i].info+'</TABLE></div>'); 
	} else if (document.all && No3) {
		document.write('<SPAN onMouseOver="clearTimeout(timer);" onMouseOut="Hide('+i+')" ID="L'+i+'" STYLE="position:absolute; visibility:hidden; background:'+background+'; top:'+Layer[i].top+'; left:'+Layer[i].left+';"><table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" onmouseover="showOver(\''+imgHilite+'\');" onmouseout="showOff(\''+imgHilite+'\');">'+Layer[i].info+'</TABLE></SPAN>'); 
	} else if (document.layers && No3) {
		document.write('<LAYER onMouseOver="clearTimeout(timer);showOver(\''+imgHilite+'\');" onMouseOut="Hide('+i+');showOff(\''+imgHilite+'\');" ID="L'+i+'" VISIBILITY="hide" position="absolute" BGCOLOR="#ffffff" TOP="'+Layer[i].top+'" LEFT="'+Layer[i].left+'">'+Layer[i].info+'</LAYER>'); 
	}
}

function Show(menuNumber) {
	if(timer) { 
		clearTimeout(timer); 
	}
	for(menu=0; menu < Layer.length; menu++) {
		if(Layer[menu]) {
			eval(layer).visibility = hideMe; 
		} 
	}
	if (menuNumber > 0){
		var menu = menuNumber;
		eval(layer).visibility = showMe;
	}
}

function Hide(menuNumber) { timer = setTimeout("Show(0)", 200); }


function LayerSpecs(Left,Top,Width,bgcolor,hovercolor,dividercolor) { 
	if(No3) {
		if (document.getElementById && document.all) {
			if (homePage=="yes") {
				this.left = Left;
				this.top = parseInt(Top) - 0;;
			} else {
				this.left = parseInt(Left) + 10;
				this.top = parseInt(Top) - 7;
			}
		} else if (document.getElementById && navigator.userAgent.indexOf('Gecko')) {
			if (homePage=="yes") {
				this.left = Left;
				this.top = parseInt(Top) - 0;
			} else {
				this.left = parseInt(Left) + 10;
				this.top = parseInt(Top) - 7;
			}
		} else if (document.all) {
			if (homePage=="yes") {
				this.left = Left;
				this.top = parseInt(Top) - 0;
			} else {
				this.left = parseInt(Left) + 10;
				this.top = parseInt(Top) - 7;
			}
		} else if (document.layers) { 
			// Width = Width + 10;
			if (homePage=="yes") {
				this.left = Left;
				this.top = parseInt(Top) - 0;
			} else {
				this.left = parseInt(Left) + 10;
				this.top = parseInt(Top) - 7;
			}
		}

		this.info  = "";

// initialize layer position for NN4.x
		var T = 0;

// Loop to populate master nav table/layer with content
		for(i=6; i<arguments.length; i++) {

			// check for 2 lines of content within layer and offset accordingly
			if( arguments[i].indexOf('<br>&nbsp;') != -1 ){
				var addOffset = 13;
			} else {
				var addOffset = 0;
			}

// calculates table cell height for NN6 & IE
			var cellheight = 17 + addOffset;

			if (document.all){ 
				this.info += '<tr bgcolor="'+bgcolor+'" onMouseOver="this.bgColor=\''+hovercolor+'\';return true;" onMouseOut="this.bgColor=\''+bgcolor+'\';return true;"><TD WIDTH="'+Width+'" height="'+cellheight+'"><span style="line-height:103%;">'+arguments[i]+'</span></TD></TR><tr><td bgcolor="'+dividercolor+'"><img src="/dupontglobal/corp/images/global/spacer.gif" width="'+Width+'" height="1" border="0" alt=""></td></tr>'; 
			} else if (document.getElementById){ 
				this.info += '<tr bgcolor="'+bgcolor+'" onMouseOver="this.bgColor=\''+hovercolor+'\';return true;" onMouseOut="this.bgColor=\''+bgcolor+'\';return true;"><TD WIDTH="'+Width+'" height="'+cellheight+'">'+arguments[i]+'</TD></TR><tr><td bgcolor="'+dividercolor+'"><img src="/dupontglobal/corp/images/global/spacer.gif" width="'+Width+'" height="1" border="0" alt=""></td></tr>'; 
			} else if (document.layers){ 
				this.info += '<LAYER position="absolute" bgcolor="'+bgcolor+'" onMouseOver="this.bgColor=\''+hovercolor+'\';return true;" onMouseOut="this.bgColor=\''+bgcolor+'\';return true;" WIDTH="'+Width+'" TOP="'+T+'"><img src="/dupontglobal/corp/images/global/spacer.gif" width="'+Width+'" height="1" border="0" alt=""><br>'+arguments[i]+'</LAYER><br>'; 
			}

// increment layer position for NN4.x
			T += 17 + addOffset;
		}
	} 
}

// END TOPNAV SCRIPT