var currentDisp = 0;
var boolDisappear;
var currentDropdownMenuDisplayed = -1;
var currentDropdownMenuLevel2Displayed = -1;
var dropdownMenuItemWidth = -1;

function triggerDisappear(theSeconds)
{	
	
	boolDisappear = true;
	currentDisp += 1;
	setTimeout('executeDisappear(' + currentDisp + ')',theSeconds)
}




function executeDisappear(theDisp)
{	
	if(boolDisappear == true && theDisp == currentDisp)
	{
		document.getElementById('bframe').style.visibility = 'hidden';
		document.getElementById('ddcontainer').style.visibility = 'hidden';		
		currentDropdownMenuDisplayed = -1;
		
		document.getElementById('bframeLevel2').style.visibility = 'hidden';
		document.getElementById('ddcontainerLevel2').style.visibility = 'hidden';
		currentDropdownMenuLevel2Displayed = -1;

	}
}


function notTouchScreen()
{
	
	switch(navigator.platform)
	{
	case 'iPad':
		
	case 'iPhone':
		
	case 'iPhone/iPod':
		
	case 'iPod':
		return false;
	}
	return true;
}



function showPopupMenuSidebar(e, caller, parentSectionId) 
{

	var sTop;
	var sLeft;
	var cWidth;
	var cHeight
	var q;
	
	e = e || window.event;
	
	var htmlSource = 'ddoptions_' + parentSectionId;
	if(e.type ==  'click' && notTouchScreen() == true) return false;
	if(e.type ==  'mouseover' && notTouchScreen() == false) return false;
	
	// alert(e.type);
	
	boolDisappear = false;
	if(notTouchScreen() == false)
	{
		triggerDisappear(10000);
	}
	
	currentDropdownMenuDisplayed = parentSectionId;
	
	var bframe = document.getElementById("bframe")
	var displayDiv = document.getElementById("ddcontainer")
	
	if(displayDiv.clientWidth) { dropdownMenuItemWidth = displayDiv.clientWidth } else { dropdownMenuItemWidth = displayDiv.scrollWidth }
	
	displayDiv.style.visibility = 'hidden';
	bframe.style.visibility = 'hidden';
	
	if(!document.getElementById(htmlSource)) return false;
	
	if(caller.clientHeight) { cHeight= caller.clientHeight } else { cHeight = caller.scrollHeight } 
	if(caller.clientWidth) { cWidth = caller.clientWidth } else { cWidth = caller.scrollWidth }

	
	var xer = 0;
	var cOffset = caller
	while(cOffset.offsetParent)
	{
		xer += cOffset.offsetLeft
		cOffset = cOffset.offsetParent
		
	}

	
	if(document.documentElement)
	{
		windowWidth = document.documentElement.clientWidth;
	}
	else
	{
		windowWidth = 800;		
	}
	
	xer += cWidth;
	if((xer + dropdownMenuItemWidth ) <= windowWidth )
	{
		// Do nothing
	}
	else
	{
		xer -= (dropdownMenuItemWidth + cWidth);
	}
		
	displayDiv.style.left = xer + "px";
	bframe.style.left = xer + "px";

	var yer = 0;
	cOffset = caller
	while(cOffset.offsetParent)
	{
		yer += cOffset.offsetTop
		cOffset = cOffset.offsetParent
		
	}
	
	
	displayDiv.style.top = yer + "px";
	bframe.style.top = yer + "px"
	
	displayDiv.style.height = 'auto';
	displayDiv.style.overflow = 'visible';
	displayDiv.style.visibility = 'visible';
	
	displayDiv.innerHTML = document.getElementById(htmlSource).innerHTML;
	displayDiv.style.backgroundColor = document.getElementById(htmlSource).style.backgroundColor;
	displayDiv.style.zIndex = 60000; 
	
	var ddheight;
	var ddwidth;
	
	ddheight = displayDiv.offsetHeight;	
	bframe.style.height = ddheight + 'px';

	ddwidth = displayDiv.offsetWidth;	
	bframe.style.width = ddwidth + 'px';
	
	bframe.style.visibility = 'visible';
	
}




function showPopupMenuTopbar(e, caller, parentSectionId) 
{

	var sTop;
	var sLeft;
	var cWidth;
	var cHeight
	var q;
	
	e = e || window.event;
	
	var htmlSource = 'ddoptions_' + parentSectionId;
	if(e.type ==  'click' && notTouchScreen() == true) return false;
	if(e.type ==  'mouseover' && notTouchScreen() == false) return false;
	
	// alert(e.type);
	
	boolDisappear = false;
	if(notTouchScreen() == false)
	{
		triggerDisappear(10000);
	}
	
	currentDropdownMenuDisplayed = parentSectionId;
	
	var bframe = document.getElementById("bframe")
	var displayDiv = document.getElementById("ddcontainer")
	
	if(displayDiv.clientWidth) { dropdownMenuItemWidth = displayDiv.clientWidth } else { dropdownMenuItemWidth = displayDiv.scrollWidth }
	
	displayDiv.style.visibility = 'hidden';
	bframe.style.visibility = 'hidden';
	
	if(!document.getElementById(htmlSource)) return false;
	
	if(caller.clientHeight) { cHeight= caller.clientHeight } else { cHeight = caller.scrollHeight } 
	if(caller.clientWidth) { cWidth = caller.clientWidth } else { cWidth = caller.scrollWidth }

	
	var xer = 0;
	var cOffset = caller
	while(cOffset.offsetParent)
	{
		xer += cOffset.offsetLeft
		cOffset = cOffset.offsetParent
		
	}

	
	if(document.documentElement)
	{
		windowWidth = document.documentElement.clientWidth;
	}
	else
	{
		windowWidth = 800;		
	}
	
	if((xer + dropdownMenuItemWidth) <= windowWidth )
	{
		// Do nothing
	}
	else
	{
		xer -= (dropdownMenuItemWidth - caller.clientWidth);
	}
		
	displayDiv.style.left = xer + "px";
	bframe.style.left = xer + "px";

	var yer = 0;
	cOffset = caller
	while(cOffset.offsetParent)
	{
		yer += cOffset.offsetTop
		cOffset = cOffset.offsetParent
		
	}
	yer += cHeight;
	
	displayDiv.style.top = yer + "px";
	bframe.style.top = yer + "px"
	
	displayDiv.style.height = 'auto';
	displayDiv.style.overflow = 'visible';
	displayDiv.style.visibility = 'visible';
	
	displayDiv.innerHTML = document.getElementById(htmlSource).innerHTML;
	displayDiv.style.backgroundColor = document.getElementById(htmlSource).style.backgroundColor;
	displayDiv.style.zIndex = 60000; 
	
	var ddheight;
	var ddwidth;
	
	ddheight = displayDiv.offsetHeight;	
	bframe.style.height = ddheight + 'px';

	ddwidth = displayDiv.offsetWidth;	
	bframe.style.width = ddwidth + 'px';
	
	bframe.style.visibility = 'visible';
	
}




/* Level 2 menu variables */
var boolDisappearLevel2
var currentDispLevel2 =  0;



/* Level 2 Menu functions */
function triggerDisappearLevel2(theSeconds)
{	
	
	boolDisappearLevel2 = true;
	currentDispLevel2 += 1;
	setTimeout('executeDisappearLevel2(' + currentDispLevel2 + ')',theSeconds)
	

	boolDisappear = true;
	currentDisp += 1;
	setTimeout('executeDisappear(' + currentDisp + ')',theSeconds)
		
}




function executeDisappearLevel2(theDisp)
{	
	if(boolDisappearLevel2 == true && theDisp == currentDispLevel2)
	{
		document.getElementById('bframeLevel2').style.visibility = 'hidden';
		document.getElementById('ddcontainerLevel2').style.visibility = 'hidden';		
		currentDropdownMenuLevel2Displayed = -1;
	}
}



function showPopupSubMenuTopbar(e, parentMenuItem, parentMenuItemId, parentSectionId)
{
	
	var sTop;
	var sLeft;
	var cWidth;
	var cHeight
	var q;
	var caller = parentMenuItem;
	
	e = e || window.event;
	if(e.type ==  'click' && notTouchScreen() == true) return false;
	if(e.type ==  'mouseover' && notTouchScreen() == false) return false;
	
	currentDropdownMenuLevel2Displayed = parentMenuItemId;
	
	// If there is no submenu, hide the submenu div and return a quick false;
	var menuDivToDisplay = document.getElementById('ddoptions2_' + parentMenuItemId);
	if(!menuDivToDisplay)
	{	
		triggerDisappearLevel2(250);
		return false;
	}
	
	// Cancelout any prior disappears
	boolDisappear = false;
	boolDisappearLevel2 = false;
	
	if(notTouchScreen() == false)
	{
		triggerDisappearLevel2(10000);
	}
	

	// Setup the level 2 Divs for display.
	var bframeLevel2 = document.getElementById("bframeLevel2")
	var displayDivLevel2 = document.getElementById("ddcontainerLevel2")
	
	displayDivLevel2.style.visibility = 'hidden';
	bframeLevel2.style.visibility = 'hidden';
	
	// Get current height and width of caller
	if(caller.clientHeight) { cHeight= caller.clientHeight } else { cHeight = caller.scrollHeight } 
	if(caller.clientWidth) { cWidth = caller.clientWidth } else { cWidth = caller.scrollWidth }


	var xer = 0;
	var cOffset = caller
	while(cOffset.offsetParent)
	{
		xer += cOffset.offsetLeft
		cOffset = cOffset.offsetParent
		
	}


	if(document.documentElement) 
	{
		windowWidth = document.documentElement.clientWidth;
	}
	else
	{
		windowWidth = 800;		
	}
	if((xer + (dropdownMenuItemWidth * 2)) <= windowWidth )
	{
		xer += cWidth;
	}
	else
	{
		xer -= cWidth;
	}
	
	displayDivLevel2.style.left = xer + "px";
	bframeLevel2.style.left = xer + "px";

	var yer = 0;
	cOffset = caller
	while(cOffset.offsetParent)
	{
		yer += cOffset.offsetTop
		cOffset = cOffset.offsetParent
		
	}
	
	
	displayDivLevel2.style.top = yer + "px";
	bframeLevel2.style.top = yer + "px"
	
	displayDivLevel2.style.height = 'auto';
	displayDivLevel2.style.overflow = 'visible';
	displayDivLevel2.style.visibility = 'visible';
	
	displayDivLevel2.innerHTML = menuDivToDisplay.innerHTML;
	displayDivLevel2.style.backgroundColor = menuDivToDisplay.style.backgroundColor;
	displayDivLevel2.style.zIndex = 60000; 
	
	var ddheight;
	var ddwidth;
	
	ddheight = displayDivLevel2.offsetHeight;	
	bframeLevel2.style.height = ddheight + 'px';

	ddwidth = displayDivLevel2.offsetWidth;	
	bframeLevel2.style.width = ddwidth + 'px';
	
	bframeLevel2.style.visibility = 'visible';
	

}