// 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", "http://www.dupont.com/suppliers/images/tab_supplier_tools_on.gif", "http://www.dupont.com/suppliers/images/tab_supplier_tools.gif");

rollArray[1] = new imgsToSwap("dropdown2", "http://www.dupont.com/suppliers/images/tab_supplier_div_on.gif", "http://www.dupont.com/suppliers/images/tab_supplier_div.gif");

rollArray[2] = new imgsToSwap("dropdown3", "http://www.dupont.com/suppliers/images/tab_doc_library_on.gif", "http://www.dupont.com/suppliers/images/tab_doc_library.gif");

rollArray[3] = new imgsToSwap("dropdown4", "http://www.dupont.com/suppliers/images/tab_about_gsl_on.gif", "http://www.dupont.com/suppliers/images/tab_about_gsl.gif");

rollArray[4] = new imgsToSwap("dropdown5", "http://www.dupont.com/suppliers/images/tab_contact_us_on.gif", "http://www.dupont.com/suppliers/images/tab_contact_us.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 = "#FFcc66";

var bgcolor = "#FFcc66";

var border_color = "#FF9933";

var menu_border = "#ffffff";

var hovercolor = "#FFcc66";

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;

if (document.layers && No3) {

	document.write('<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>');

}

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





/*	Create Your layers below by typing:

	 Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, cell background color, cell hover color, cell divider color, List of Links Seperated by Commas)

*/



Layer = new Array();



Layer[1] = new LayerSpecs(6,116,120,'#FFcc66','#ffe4ac','#FF9933',
	'<a href="http://www.dupont.com/suppliers/ariba_eSourcing.html" class="navdown" target="_blank">&nbsp;&nbsp;eSourcing Exchange</a>',
	'<a href="http://www.transoval.com/" class="navdown" target="_blank">&nbsp;&nbsp;Transoval</a>',
	'<a href="http://www.dupont.com/suppliers/railmanual/" class="navdown" target="_blank">&nbsp;&nbsp;Railcar Maintenance<br>&nbsp;&nbsp;Manual</a>');



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



// 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('<table onMouseOver="clearTimeout(timer);showOver(\''+imgHilite+'\');" onMouseOut="Hide('+i+');showOff(\''+imgHilite+'\');" ID="L'+i+'" style="visibility:hide;position:absolute;background-color:#FFFFFF;top:'+Layer[i].top+';left:'+Layer[i].left+';">'+Layer[i].info+'</table>'); 

	}

}



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) {

		this.left = parseInt(Left);
		this.top = parseInt(Top);
		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>'; 
			}

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



// END TOPNAV SCRIPT