function Toggle(item) {
	var button = document.getElementById("l"+item);
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     obj.style.display="none";
   key.innerHTML="<img src='Scripts/expand.gif' width='11' height='11' hspace='0' vspace='0' border='0'>";
	 button.className='d';
   } else {
      obj.style.display="block";
     key.innerHTML="<img src='Scripts/collapse.gif' width='11' height='11' hspace='0' vspace='0' border='0'>";
	  button.className='e';
   }
   
}

function Expand() {
   divs=document.getElementsByTagName("DIV");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="block";
     key=document.getElementById("x" + divs[i].id);
     key.innerHTML="<img src='Scripts/expand.gif' width='16' height='16' hspace='0' vspace='0' border='0'>";
   }
}

function Collapse() {
   divs=document.getElementsByTagName("DIV");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="none";
     key=document.getElementById("x" + divs[i].id);
     key.innerHTML="<img src='folder.gif' width='16' height='16' hspace='0' vspace='0' border='0'>";
   }
}


/* ----------------------------------------------------------------------
	Hien menu con
-----------------------------------------------------------------------	*/
function _hiddenall()
{	
	var divs = document.getElementsByTagName("DIV");
//	alert("ok"+divs.length)
	for (var divid =0; divid <divs.length; divid ++)
	{
	  if (divs[divid].className == "MenuItemDivOffJS")
	  {
	  divs[divid ].style.display="none";
	  }
	}
	

}
//_hiddenall();
function _showChildItems(parent, id, position, offsetLeft, offsetTop){

	// check layer existing first
	var obj = document.getElementById(id);
	if(!obj)
		return;
		
	// computing positions
	var nTop = 0, nLeft = 0;
	var objParent = parent;	
	while (objParent.tagName!="BODY")
	{
		nTop = nTop + objParent.offsetTop;
		nLeft = nLeft + objParent.offsetLeft;
		objParent = objParent.offsetParent;
	}
	
	// computing offset for the positions
	var nWidth = 0, nHeight = 0;
	switch(position)
	{
		case "left":
			nWidth = 0 - parent.offsetWidth;
			break;

		case "right":
			nWidth = parent.offsetWidth;
			break;
		break;

		case "top":
			nHeight = 0 - parent.offsetHeight;
		break;

		case "under":
			nHeight = parent.offsetHeight;
			break;

		default:
			break;
	}
	
	// re-position and show the layer
	obj.style.top = nTop + nHeight + offsetTop;
	obj.style.left = nLeft + nWidth + offsetLeft;
	obj.style.display = "";
	obj.style.visibility = "visible";
}
function _showChildItems2(parent, id, position, offsetLeft, offsetTop){

	// check layer existing first
	var obj = document.getElementById(id);
	if(!obj)
		return;
		
	// computing positions
	var nTop = 0, nLeft = 0;
	var objParent = parent;	
	while (objParent.tagName!="BODY")
	{
		nTop = nTop + objParent.offsetTop;
		nLeft = nLeft + objParent.offsetLeft;
		objParent = objParent.offsetParent;
	}
	
	// computing offset for the positions
	var nWidth = 0, nHeight = 0;
	switch(position)
	{
		case "left":
			nWidth = 0 - parent.offsetWidth;
			break;

		case "right":
			nWidth = parent.offsetWidth;
			break;
		break;

		case "top":
			nHeight = 0 - parent.offsetHeight;
		break;

		case "under":
			nHeight = parent.offsetHeight;
			break;

		default:
			break;
	}
	
	// re-position and show the layer
	obj.style.top = nTop + nHeight + offsetTop;
	obj.style.left = nLeft + offsetLeft;
	obj.style.display = "";
	obj.style.visibility = "visible";
}

// show an inline element in the HTML document (by Id)
function _show(){
	var id = arguments[0]||'';
	if(id=='') return;
	var objElement = document.getElementById(id);
	if(!objElement) return;
	if(!objElement.style) return;
	var left = arguments[1]||-1;
	var top = arguments[2]||-1;
	var offsetLeft = arguments[3]||0;
	var offsetTop = arguments[4]||0;
	objElement.style.display = "block";
	objElement.style.visibility = "visible";
	
	if(left>=0) objElement.style.left = left + offsetLeft;
	if(top>=0) objElement.style.top = top + offsetTop;
}

// An 1 menu theo id cua no'
function _hideItem(id){
	var obj = document.getElementById(id);
	if(!obj)
		return;
	obj.style.visibility = "hidden";
	//obj.style.display = "none";
	
}
// Hien 1 div theo id cua no'
function _showItem(id){
	var obj = document.getElementById(id);
	if(!obj)
		return;
	obj.style.visibility = "visible";
	obj.style.display= "block";
	//obj.style.display = "none";
	
}
// show an element itself
function _showMe(obj){
	obj.style.visibility = "visible";
	obj.style.display= "block";
	
}

// hide an element itself
function _hideMe(obj){
	obj.style.display= "none";
}



