// ***** Btn Rollover *****
function roll(imgName,imgState) {
	document.images[imgName].src = imgState
}
// ***********************************************************************

// ***** Preload Rollover Images ***************************************
if (document.images) {
	image1 = new Image(); image1.src = "/images/nav/about_interface_ON.gif";
	image2 = new Image(); image2.src = "/images/nav/contact_us_ON.gif";
	image3 = new Image(); image3.src = "/images/nav/market_segments_ON.gif";
	image4 = new Image(); image4.src = "/images/nav/products_ON.gif";
	image5 = new Image(); image5.src = "/images/nav/sample_basket_ON.gif";

	image100 = new Image(); image100.src = "/images/spacer.gif";
}
// *********************************************************************

// *********************************************************************
// Function to create pop-up windows at a custom size.
// w = width
// h = height
// d = directories
// l = location
// m = menubar
// r = resizeable
// sc = scrollbars
// st = status
// t = toolbar
// EXAMPLE CALL: <a href="javascript:popUp('[URL]','[WINDOW NAME]',400,300,1,1,0,0,0,0,0);">LINK</a>
// *********************************************************************
function popUp(URL,name,w,h,d,l,m,r,sc,st,t) {
	var featureStr = "";
	featureStr = "width=" + w + ",height=" + h + ",directories=" + d + ",location=" + l + ",menubar=" + m + ",resizable=" + r + ",scrollbars=" + sc + ",status=" + st + ",toolbar=" + t;
	window.open(URL,name,featureStr);
}

// ***** Show/Hide for email, save, print page icons ***************************************
var state = "none"; 
function showHideUtility(layer) { 
	if (state == "block") { 
		state = "none"; 
	} else { 
		state = "block"; 
	} 
	if (document.getElementById) {
		eval( "document.getElementById('" + layer + "').style.display = state"); 
	}
}
// *********************************************************************

// *********************************************************************
function returnimgcode(theimg) {
	var imghtml = ""
	
	if (theimg[1] != "") imghtml = '<a href="' + theimg[1] + '" target="' + optlinktarget + '">'
	
	imghtml += '<img src="' + theimg[0] + '" border="' + imgborderwidth + '">'
	if (theimg[1] != "") imghtml += '</a>'
	if (theimg[2] != "") imghtml += '<br><br><p>' + theimg[2] + '</p>'
	return imghtml
}
function modifyimage(loadarea, imgindex) {
	if (document.getElementById) {
	var imgobj = document.getElementById(loadarea)
	if (imgobj.filters && window.createPopup) {
	imgobj.style.filter = filterstring
	imgobj.filters[0].Apply()
	}
	imgobj.innerHTML = returnimgcode(dynimages[imgindex])
	if (imgobj.filters && window.createPopup)
	imgobj.filters[0].Play()
	return false
	}
}

function modifyimageAndCaption(loadarea, captionarea, imgindex) {
	if (document.getElementById) {
	var imgobj = document.getElementById(loadarea)
	var captionobj = document.getElementById(captionarea)
	if (imgobj.filters && window.createPopup) {
	imgobj.style.filter = filterstring
	imgobj.filters[0].Apply()
	}
	imgobj.innerHTML = returnimgcode(dynimages[imgindex])
	captionobj.innerHTML = dyncaptions[imgindex]
	
	if (imgobj.filters && window.createPopup)
	imgobj.filters[0].Play()
	return false
	}
}


// *********************************************************************

// ***** Show/Hide Div blocks that need to replace each other  ***************************************
function hideAll() {
	if (document.getElementById) {
		var index = 0;
		while (document.getElementById("block" + index)) {
			document.getElementById("block" + index).style.display="none";
			index++;
		}
	}
}
function showBlock(index) {
	var currentId = "block" + index;
	hideAll();
	document.getElementById(currentId).style.display = "block";
}
// *********************************************************************


// ***** Show/Hide Dynamic DIV Popup Window (ex: ProductInformation - View Larger)  ***************************************


var req= null ;
function showPopUp( url, w, h, event ) {
	
	var posX = 0;
	var posY = 0;
	var screenWidth = 0;
	var screenHeight = 0;
	var totalWindowX = 0;
	var totalWindowY = 0;
	var divOffsetX = 0;
	var divOffsetY = 0;
	
	
	
   	var divToProcess = document.getElementById( "popUp" );
   	alert(url);
  
   	divToProcess.style.display = 'block';
   
}

function processStateChange() {
   	if( req.readyState == 4 ) {
      	var divToProcess = document.getElementById( "popUp" );
      	divToProcess.innerHTML = req.responseText;
      	divToProcess.style.display = 'block';
   	}
}

function showPopUpLarge( url, ShortItemNumber,ColorNumber,ColorName ) {
	
	var posX = 0;
	var posY = 0;
	var screenWidth = 0;
	var screenHeight = 0;
	var totalWindowX = 0;
	var totalWindowY = 0;
	var divOffsetX = 0;
	var divOffsetY = 0;
	
	
   	var divToProcess = document.getElementById( "popUp" );
	
     document.getElementById("IPopUp").src=url;
     divToProcess.style.display = 'block';
     document.getElementById("InpStyle").innerText =ShortItemNumber;
     document.getElementById("InpColName").innerText=ColorName;
     document.getElementById("InpColNum").innerText=ColorNumber;
       	
   	
}



function closeParent() {
   	
   	document.getElementById( "popUp" ).style.display = 'none';
}

// *********************************************************************


// ***** Show/Hide Dynamic Tool Tips for "What is this?" links  ***************************************
var tipwidth='300px' //default tooltip width
var tipbgcolor='#E3E3E3'  //tooltip bgcolor
var disappeardelay=100  //tooltip disappear speed onMouseout (in miliseconds)
var vertical_offset="0px" //horizontal offset of tooltip from anchor link
var horizontal_offset="-3px" //horizontal offset of tooltip from anchor link

//No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="toolTipDiv" style="visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')

function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
return totaloffset;
}


function showhide(obj, e, visible, hidden, tipwidth){
	if (ie4||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top=-500
	if (tipwidth!=""){
		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=tipwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
	obj.visibility=visible
else if (e.type=="click")
	obj.visibility=hidden
}

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
	if (whichedge=="rightedge"){
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
	if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
	var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
	dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
	if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function toolTip(menucontents, obj, e, tipwidth){
	if (window.event) event.cancelBubble=true
	else if (e.stopPropagation) e.stopPropagation()
		clearhidetip()
		dropmenuobj=document.getElementById? document.getElementById("toolTipDiv") : toolTipDiv
		dropmenuobj.innerHTML=menucontents

	if (ie4||ns6){
		showhide(dropmenuobj.style, e, "visible", "hidden", tipwidth)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
	}
}

function hidetip(e){
	if (typeof dropmenuobj!="undefined"){
		if (ie4||ns6)
			dropmenuobj.style.visibility="hidden"
	}
}

function delayhidetip(){
	if (ie4||ns6)
		delayhide=setTimeout("hidetip()",disappeardelay)
}

function clearhidetip(){
	if (typeof delayhide!="undefined")
		clearTimeout(delayhide)
}
function deselectShowAll(showAllControlID)
{
	var showAllControl = "";
	showAllControl = document.all[showAllControlID];
	
	showAllControl.checked = false;
}
// *********************************************************************

function forwardPage(pageURL) {
    alert('forwarding');
    window.location.href = pageURL;
}