var fade = '';
var fadeIn = '';

function showSub(mid,imgpath,noChildren,defaultOpen,defaultChildren){
clearTimeout(fade);

var Table = 'menuTb'+mid;
var CrnOne = 'menuCrnOne'+mid;
var CrnTwo = 'menuCrnTwo'+mid;
var CrnThree = 'menuCrnThree'+mid;
var CrnFour = 'menuCrnFour'+mid;
var BrdTop = 'menuBrdTop'+mid;
var BrdRight = 'menuBrdRight'+mid;
var BrdLeft = 'menuBrdLeft'+mid;
var BrdBottom = 'menuBrdBottom'+mid;
var SubMenu = 'submenu'+mid;
var Td = 'menuTd'+mid;
var subCrnOne = 'SubMenuCrnOne'+mid;
var subCrnTwo = 'SubMenuCrnTwo'+mid;
var subTdCrnOne = 'SubMenuTdCrnOne'+mid;
var subTdCrnTwo = 'SubMenuTdCrnTwo'+mid;

document.getElementById(Table).className = 'bwhite';
document.getElementById(CrnOne).src = ''+ imgpath +'buble_lightblue_corner01.gif';
document.getElementById(CrnTwo).src = ''+ imgpath +'buble_lightblue_corner02.gif';
if (noChildren == 0){
	document.getElementById(CrnThree).src = ''+ imgpath +'buble_lightblue_corner_sq03.gif';
	document.getElementById(CrnFour).src = ''+ imgpath +'buble_lightblue_corner_sq04.gif';
}
else {
	document.getElementById(CrnThree).src = ''+ imgpath +'buble_lightblue_corner03.gif';
	document.getElementById(CrnFour).src = ''+ imgpath +'buble_lightblue_corner04.gif';
}
document.getElementById(BrdTop).className = 'buble_lightblue_brd_top';
document.getElementById(BrdLeft).className = 'buble_lightblue_brd_left';
document.getElementById(BrdRight).className = 'buble_lightblue_brd_right';
if (noChildren == 1){
document.getElementById(BrdBottom).className = 'buble_lightblue_brd_bottom topMenu';
}
if (noChildren == 0){
document.getElementById(SubMenu).style.display = 'inline';
}

if (defaultOpen){
hideSubTimeOut(defaultOpen,imgpath,defaultChildren);
}

if (noChildren == 0){
if(realX(document.getElementById(Td)) + document.getElementById(SubMenu).clientWidth >= window.document.body.clientWidth){

		document.getElementById(subCrnOne).src = ''+ imgpath +'buble_menu_corner01.gif';
		document.getElementById(subCrnOne).width = 10;
		document.getElementById(subCrnOne).height = 10;

		document.getElementById(subCrnTwo).src = ''+ imgpath +'t.gif';
		document.getElementById(subCrnTwo).width = 1;
		document.getElementById(subCrnTwo).height = 1;

		document.getElementById(subTdCrnOne).className = '';
		document.getElementById(subTdCrnTwo).className = 'buble_lightblue_brd_right buble_lightblue_brd_top';
		document.getElementById(Td).align = 'right';

		document.getElementById(SubMenu).style.marginLeft = '-' + document.getElementById(SubMenu).clientWidth + 'px';
	} else {
		document.getElementById(subCrnOne).src = ''+ imgpath +'t.gif';
		document.getElementById(subCrnOne).width = 1;
		document.getElementById(subCrnOne).height = 1;

		document.getElementById(subCrnTwo).src = ''+ imgpath +'buble_menu_corner02.gif';
		document.getElementById(subCrnTwo).width = 11;
		document.getElementById(subCrnTwo).height = 10;

		document.getElementById(subTdCrnOne).className = 'buble_lightblue_brd_left buble_lightblue_brd_top';
		document.getElementById(subTdCrnTwo).className = '';
		document.getElementById(Td).align = 'left';

		document.getElementById(SubMenu).style.marginLeft = '0';
	}
}

}


function hideSubTimeOut(mid,imgpath,noChildren){
	fade = setTimeout("hideSub("+mid+",'"+imgpath+"',"+noChildren+")", 10);
}

function showSubTimeOut(mid,imgpath,noChildren){
	fade = setTimeout("showSub("+mid+",'"+imgpath+"',"+noChildren+")", 10);
}

function hideSub(mid,imgpath,noChildren,defaultOpen,defaultChildren) {
clearTimeout(fadeIn);

var Table = 'menuTb'+mid;
var CrnOne = 'menuCrnOne'+mid;
var CrnTwo = 'menuCrnTwo'+mid;
var CrnThree = 'menuCrnThree'+mid;
var CrnFour = 'menuCrnFour'+mid;
var BrdTop = 'menuBrdTop'+mid;
var BrdRight = 'menuBrdRight'+mid;
var BrdLeft = 'menuBrdLeft'+mid;
var BrdBottom = 'menuBrdBottom'+mid;
var SubMenu = 'submenu'+mid;


document.getElementById(Table).className = '';
document.getElementById(CrnOne).src = ''+ imgpath +'t.gif';
document.getElementById(CrnTwo).src = ''+ imgpath +'t.gif';
document.getElementById(CrnThree).src = ''+ imgpath +'t.gif';
document.getElementById(CrnFour).src = ''+ imgpath +'t.gif';
document.getElementById(BrdTop).className = '';
document.getElementById(BrdRight).className = '';
document.getElementById(BrdLeft).className = '';
document.getElementById(BrdBottom).className = 'topMenu';

if (noChildren == 0){
document.getElementById(SubMenu).style.display = 'none';
}
if (defaultOpen){
showSubTimeOut(defaultOpen,imgpath,defaultChildren);
}
/*selectsOn();*/
}




function realX(el){
	if (el.offsetParent){
		return el.offsetLeft + realX(el.offsetParent); //recursion up to root...
	} else {
		return el.offsetLeft;
	}
}

function realY(el){
	if (el.offsetParent){
		return el.offsetTop + realY(el.offsetParent);//recursion up to root...
	} else {
		return el.offsetTop;
	}
}

function ensureOverlap(x,y,w,h)
{    //get all SELECTs

	colSelects = document.getElementsByTagName("SELECT");

	for (i=0; i<colSelects.length; i++){
		el = colSelects[i];    //current SELECT element
		curX = realX(el);      //-------
		curY = realY(el);      //  get dimensions
		curW = el.clientWidth; //
		curH = el.clientHeight;//------

	//turn overlapped off
	if ( testOverlap(x,y,w,h, curX,curY,curW,curH)/* && wmtt.style.display != "none"*/){
		el.style.visibility = "hidden";
	}else{
		el.style.visibility = "visible";
	}
}
}

function testOverlap(x,y,w,h, x2,y2,w2,h2){
	//returns true if overlapped, else -> false
	x0 = x;  x1 = x + w;  //first rect
	y0 = y;  y1 = y + h;

	X0 = x2;  X1 = x2 + w2; //second rect
	Y0 = y2;  Y1 = y2 + h2;

//test overlap
	return ! ( (x0>X1) || (x1<X0) || (y0>Y1) || (y1<Y0) );
}

function selectsOn()
{   //get all SELECTs
   colSelects = document.getElementsByTagName("SELECT");

   for (i=0; i<colSelects.length; i++)
   {
     el = colSelects[i]; //current SELECT element
     if ( el.style.visibility == "hidden" ){
       el.style.visibility = "visible";
     }
   }
}