var allSupport = (document.all != null);
var layersSupport = (document.layers != null); //NS4
var layersSupportByID = (document.getElementById != null);//NS6 
var timerID;


function NB_timer(szPieArea,blnOn){
	timeoutInterval = 3000;
	
	if( blnOn == 1 ){
		clearTimeout(timerID);
		NB_displayArea(szPieArea,1);
	}
	else {
		timerID = setTimeout('NB_displayArea(\'' + arrAreaNames[0] + '\',0);',timeoutInterval);
	}
}


/* GETS AN ELEMENT REFERENCED BY ITS ID*/
function getElement(elName) {    
	// Get an element from its ID
	if (layersSupportByID){return document.getElementById(elName);}
	if (allSupport){ return document.all[elName] }
	return document.layers[elName]
}

/* 	SETS THE VISIBILITY OF ELEMENT PASSED IN
	bDisplay shows or hides the element 
*/
function setVisibility(el, bDisplay) {   
	// Hide or show to tip
	if(bDisplay ) {    
		if( allSupport||layersSupportByID ) {el.style.visibility = "visible" }else{ el.visibility = "show"}  
	}else{      
		if( allSupport||layersSupportByID ) {el.style.visibility = "hidden" }else{ el.visibility = "hidden"}
	}
}



function NB_displayArea(szPieArea,blnOn) {
	var userAgent = navigator.userAgent.toLowerCase();
	var appName = navigator.appName.toLowerCase();
	var appVersion = parseFloat(navigator.appVersion);
	if(appName == "microsoft internet explorer"){
		appVersion2 = navigator.appVersion;
		appVersion = parseFloat(appVersion2.substr(eval(appVersion2.indexOf('MSIE') + 5)));
	}

	var szPieAreaContent = '';
	
	var areaNames = arrAreaNames;
	
	if(blnOn == 1 && szPieArea != 'overviewPieArea'){
		//set the overview content panel to off
		getElement( 'overviewPieArea' ).className = "elementHide";
		if(userAgent.indexOf('windows') != -1 && appName == "microsoft internet explorer"
		&& appVersion < 6){
			setVisibility(getElement( 'overviewPieArea' ), 0);
		}
	}
	
	for (i=0; i<areaNames.length; i++)
	{
	
		szPieAreaContent = areaNames[i]+'PieArea';
	
		if(areaNames[i] == szPieArea && blnOn == 1)
		{
			getElement( areaNames[i] ).className = "elementShow";
			getElement( szPieAreaContent ).className = "elementShow";
			if(userAgent.indexOf('windows') != -1 && appName == "microsoft internet explorer"
			&& appVersion < 6){
				setVisibility(getElement( areaNames[i] ), 1);
				setVisibility(getElement( szPieAreaContent ), 1);
			}
		}
		else
		{
			getElement( areaNames[i] ).className = "elementHide";
			getElement( szPieAreaContent ).className = "elementHide";
			if(userAgent.indexOf('windows') != -1 && appName == "microsoft internet explorer"
			&& appVersion < 6){
				setVisibility(getElement( areaNames[i] ), 0);
				setVisibility(getElement( szPieAreaContent ), 0);
			}
		}
	}
	
	if(blnOn == 0 && szPieArea != 'overviewPieArea'){
		//set the overview content panel to on
		getElement( 'overviewPieArea' ).className = "elementShow";
		if(userAgent.indexOf('windows') != -1 && appName == "microsoft internet explorer"
		&& appVersion < 6){
			setVisibility(getElement( 'overviewPieArea' ), 1);
		}
	}
		
}