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


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

   // 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';


   document.getElementById(btnId).src = imgSrc;
}

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

      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='images/btnProducts.jpg';
	document.getElementById("btnClearing").src='images/btnClearing.jpg';
	document.getElementById("btnServices").src='images/btnServices.jpg';
	document.getElementById("btnMarketData").src='images/btnMarketData.jpg';
	document.getElementById("btnMarkets").src='images/btnMarkets.jpg';
   document.getElementById("btnTradingTech").src='images/btnTradingTech.jpg';
   document.getElementById("btnAbout").src='images/btnAbout.jpg';
}


//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;
*/
	//---------------------------------------------------------------------------------------------------
	closetimer = window.setTimeout(mclose, timeout);

}

// 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 = strImgUrl;

}

function futuresOut(strLayer, strHdrImgId, strImgUrl)
{

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

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';
}

//--------------------------------------------------------------------------------------------
// 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;
	   };
	}
}
*/
//--------------------------------------------------------------------------------------------