function customOverrideZIndex(zValue,elid){
	//this is the ID of the country drop-down menu
	document.getElementById(elid).style.zIndex = zValue;
}


function openAlpha(){

  customOverrideZIndex(11,'p-ls-0');
  customOverrideZIndex(11,'p-headernav-innerwrapper');
  
  toggleAlphaLyr('floatingAlpha',1);

  var ffdetect = detectMacXFF();
  if(ffdetect){
	//osx ff css opacity + flash wmode transparent doesn't work
	fixMacOpacity('floatingAlpha');	
  } else {
	setOpacity('floatingAlpha');
	new Effect.Opacity('floatingAlpha', { from: 0, to: 0.8 });
	//setAlphaFilters('on');
  }  

}


function closeAlpha(){
  var ffdetect = detectMacXFF();
  if(!ffdetect) new Effect.Opacity('floatingAlpha', { from: 0.8, to: 0 });
  customOverrideZIndex(110,'p-ls-0');
  customOverrideZIndex(110,'p-headernav-innerwrapper');
  setTimeout(function() { toggleAlphaLyr('floatingAlpha',0); }, 500);
  //setAlphaFilters('off');
}

function toggleAlphaLyr(lyrID,lyrState){  // 1 visible, 0 hidden
   var obj = document.layers ? document.layers[lyrID] :
   document.getElementById ?  document.getElementById(lyrID).style :
   document.all[lyrID].style;
   obj.visibility = document.layers ? (lyrState ? "show" : "hide") :
   (lyrState ? "visible" : "hidden");
}

function setAlphaFilters(option){

	if(option=='off')
	{
		customOverrideZIndex(110);
		//processing for unsetting alpha layer
	} else {

		customOverrideZIndex(11);
		var d = detectMacXFF();
		if(d){
		//osx ff css opacity + flash wmode transparent doesn't work
			fixMacOpacity('floatingAlpha');	
		} else {
			setOpacity('floatingAlpha');
		}
	}

	//alert("p-ls-1="+document.getElementById("p-ls-0").style.zIndex);

}

function detectMacXFF(){
  var userAgent = navigator.userAgent.toLowerCase();
  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1)
	return true;
  else
	return false;
}

function fixMacOpacity(divID) {
	//alert("fixing bg for mac ff");
    var obj = document.getElementById(divID);
    obj.style.backgroundImage= "url(alpha.png)";
    obj.style.backgroundRepeat="repeat";
    //obj.style.height = document.getElementById('outertbl').offsetHeight+"px";
    obj.style.height = document.getElementById('outertbl').scrollHeight+"px";
}

function setOpacity(divID){
    var obj = document.getElementById(divID);
    obj.style.backgroundColor = "#000000";
    obj.style.MozOpacity = 0;
    obj.style.opacity = 0;
    obj.style.filter = "alpha(opacity=0)";
    //obj.style.height = document.getElementById('outertbl').offsetHeight+"px";
    obj.style.height = document.getElementById('outertbl').scrollHeight+"px";
}