var timeout	= 500;
var closetimer	= 0;
var opentimer = 0;
var ddmenuitem	= 0;

//create image objects
//var btnProductsImg = new Image();
//var btnProductsOnImg = new Image();
//var btnMarketsImg = new Image();
//var btnMarketsOnImg = new Image();
//var btnTradingImg = new Image();
//var btnTradingOnImg = new Image();
//var btnClearingImg = new Image();
//var btnClearingOnImg = new Image();
//var btnMarketDataImg = new Image();
//var btnMarketDataOnImg = new Image();
//var btnServicesImg = new Image();
//var btnServicesOnImg = new Image();
//var btnAboutImg = new Image();
//var btnAboutOnImg = new Image();
//
//btnProductsImg.src = "images/btnProducts.jpg";
//btnProductsOnImg.src = "images/btnProductsOn.jpg";
//btnMarketsImg.src = "images/btnMarkets.jpg";
//btnMarketsOnImg.src = "images/btnMarketsOn.jpg";
//btnTradingImg.src = "images/btnTradingTech.jpg";
//btnTradingOnImg.src = "images/btnTradingTechOn.jpg";
//btnClearingImg.src = "images/btnClearing.jpg";
//btnClearingOnImg.src = "images/btnClearingOn.jpg";
//btnMarketDataImg.src = "images/btnMarketData.jpg";
//btnMarketDataOnImg.src = "images/btnMarketDataOn.jpg";
//btnServicesImg.src = "images/btnServices.jpg";
//btnServicesOnImg.src = "images/btnServicesOn.jpg";
//btnAboutImg.src = "images/btnAbout.jpg";
//btnAboutOnImg.src = "images/btnAboutOn.jpg";


var imgusfuturesImg = new Image();
var imgeurfuturesImg = new Image();
var imgcanfuturesImg = new Image();
var imgotcfuturesImg = new Image();
var imgusfuturesOnImg = new Image();
var imgeurfuturesOnImg = new Image();
var imgcanfuturesOnImg = new Image();
var imgotcfuturesOnImg = new Image();

imgusfuturesImg.src = "images/navbarHdr_FuturesUS.gif"
imgeurfuturesImg.src = "images/navbarHdr_FuturesEur.gif"
imgcanfuturesImg.src = "images/navbarHdr_FuturesCan.gif"
imgotcfuturesImg.src = "images/navbarHdr_iceOTC_large.gif"
imgusfuturesOnImg.src = "images/navbarHdr_FuturesUS_on.gif"
imgeurfuturesOnImg.src = "images/navbarHdr_FuturesEur_on.gif"
imgcanfuturesOnImg.src = "images/navbarHdr_FuturesCan_on.gif"
imgotcfuturesOnImg.src = "images/navbarHdr_iceOTC_on_large.gif"

var mktimgusfuturesImg = new Image();
var mktimgeurfuturesImg = new Image();
var mktimgcanfuturesImg = new Image();
var mktimgotcfuturesImg = new Image();
var mktimgusfuturesOnImg = new Image();
var mktimgeurfuturesOnImg = new Image();
var mktimgcanfuturesOnImg = new Image();
var mktimgotcfuturesOnImg = new Image();

mktimgusfuturesImg.src = "images/navbarHdr_FuturesUS_mute_ne.gif"
mktimgeurfuturesImg.src = "images/navbarHdr_FuturesEur.gif"
mktimgcanfuturesImg.src = "images/navbarHdr_FuturesCan.gif"
mktimgotcfuturesImg.src = "images/navbarHdr_iceOTC.gif"
mktimgusfuturesOnImg.src = "images/navbarHdr_FuturesUS_on_new.gif"
mktimgeurfuturesOnImg.src = "images/navbarHdr_FuturesEur_on.gif"
mktimgcanfuturesOnImg.src = "images/navbarHdr_FuturesCan_on.gif"
mktimgotcfuturesOnImg.src = "images/navbarHdr_iceOTC_on.gif"


function mmopen(layerId, btnId, imgSrc) {

   // close old layer
   if(ddmenuitem)
   {
      ddmenuitem.style.visibility = 'hidden';
   }

   // get new layer and show it
   ddmenuitem = document.getElementById(layerId);


   //use iFrame trick to hid select bar  (really only needed for IE6)
   //needs to be in place before menu DIV is visible
   if ("Explorer" == BrowserDetect.browser && BrowserDetect.version < 7)
   {
      var hidDiv = document.getElementById("menuBack");
      hidDiv.style.left = getStyle(ddmenuitem, "left");
      hidDiv.style.top = getStyle(ddmenuitem, "top");
      hidDiv.style.height = ddmenuitem.offsetHeight + "px";
      hidDiv.style.width = ddmenuitem.offsetWidth + "px";
   }

   ddmenuitem.style.visibility = 'visible';

   //change to use preloaded objects.
//   document.getElementById(btnId).src = (eval(imgSrc)).src;

}

// open hidden layer
function mopen(layerId, btnId, imgSrc)
{
   // cancel close timer
   mcancelclosetime();

   // swap the images immediately to show the hightlighted image
   // for the button the user is over
//   document.getElementById(btnId).src = (eval(imgSrc)).src;

   var delay = function() { mmopen(layerId, btnId, imgSrc); };

   // delay the real open call for a short time
   opentimer = setTimeout(delay, 250);
}

// close showed layer
function mclose()
{
   if(ddmenuitem)
   {
      ddmenuitem.style.visibility = 'hidden';

      if ("Explorer" == BrowserDetect.browser && BrowserDetect.version < 7)
      {
         //hide the iframe that overlays the select obj (really only needed for IE6)
         var hidDiv = document.getElementById("menuBack");
         hidDiv.style.left = "-2000px";
      }
   }
}

//function swipeImageOnClose()
//{
//	document.getElementById("btnProducts").src= btnProductsImg.src;
//	document.getElementById("btnClearing").src= btnClearingImg.src;
//	document.getElementById("btnServices").src= btnServicesImg.src;
//	document.getElementById("btnMarketData").src= btnMarketDataImg.src;
//	document.getElementById("btnMarkets").src= btnMarketsImg.src;
//	document.getElementById("btnTradingTech").src= btnTradingImg.src;
//	document.getElementById("btnAbout").src= btnAboutImg.src;
//
//
//}


//code for getting style elements that are set dynamically
function getStyle(oElm, strCssRule){
	var strValue = "";
	if(document.defaultView && document.defaultView.getComputedStyle){
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle){
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
			return p1.toUpperCase();
		});
		strValue = oElm.currentStyle[strCssRule];
	}
	return strValue;
}


// go close timer
function mclosetime()
{
	//---------------------------------------------------------------------------------------------------
	// Time delay if User has clicked into the Search box and moves his focus out of the Product Layer
/*
	if(document.getElementById("searchBox1").hasFocus())
		timeout = 5000;
	else
		timeout = 500;
*/
	//---------------------------------------------------------------------------------------------------

    // Restore all of the button's state so none are highlighted
//    swipeImageOnClose();

	closetimer = window.setTimeout(mclose, timeout);

    // kill the open timer since we want to close resources and do
    // not want an open event to fire after we close.
    if(opentimer)
	{
		window.clearTimeout(opentimer);
		opentimer = null;
	}

}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

//onHover of Future Layers
function futuresOver(strLayer,strMainDivId, strHdrImgId, strImgUrl)
{
	setCSSMute(strLayer);
	objMainDiv = document.getElementById(strMainDivId);
	objHdrImg = document.getElementById(strHdrImgId);

	objMainDiv.className= "futuresHover";
	objHdrImg.src = (eval(strImgUrl)).src;
}

function futuresOut(strLayer, strHdrImgId, strImgUrl)
{

	setCSS(strLayer, "");
	setCSSWhite(strLayer);
	objHdrImg = document.getElementById(strHdrImgId);
	objHdrImg.src = (eval(strImgUrl)).src;
}

function setCSS(strLayer, strClass)
{
	document.getElementById(strLayer + "usfutures").className = strClass;
	document.getElementById(strLayer + "eurfutures").className = strClass;

	document.getElementById(strLayer + "canfutures").className = strClass;
	document.getElementById(strLayer + "otcfutures").className = strClass;
}

function setCSSMute(strLayer)
{
	document.getElementById(strLayer + "usfutures").style.backgroundColor = '#d9d9d9';
	document.getElementById(strLayer + "eurfutures").style.backgroundColor = '#d9d9d9';

	document.getElementById(strLayer + "canfutures").style.backgroundColor = '#d9d9d9';
	document.getElementById(strLayer + "otcfutures").style.backgroundColor = '#d9d9d9';
}

function setCSSWhite(strLayer)
{
	document.getElementById(strLayer + "usfutures").style.backgroundColor = '#FFF';
	document.getElementById(strLayer + "eurfutures").style.backgroundColor = '#FFF';

	document.getElementById(strLayer + "canfutures").style.backgroundColor = '#FFF';
	document.getElementById(strLayer + "otcfutures").style.backgroundColor = '#FFF';
}

//generic cross-platform script for cancelling the bubble of an event
function cancelBubbleEvent(e)
{
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}

//--------------------------------------------------------------------------------------------
// hasFocus property Created for all the form elements
/*
window.onload = function() {

	for (i=0; i<document.indexForm.elements.length-1; i++)
	{
	   elem = document.indexForm.elements[i];
   	   //elem = document.getElementById("searchBox");
	   elem.focused = false;
	   elem.hasFocus = function() {
		  return this.focused;
	   };
	   elem.onfocus=function() {
		  this.focused=true;
	   };
	   elem.onblur=function() {
		  this.focused=false;
	   };
	}
}
*/
//--------------------------------------------------------------------------------------------