//显示菜单
function showSubMenu(id,subid){
	var obj = document.all(id);
	if(id != subid){
//			obj.className = "tdcatalog";
			obj.style.backgroundColor='#cccccc';
			obj.style.borderColor = '#999999';
			obj.style.cursor = "hand";
		}
	var str = subid;
	var L = str.length;
	L = L/3;
	for(var i = 1;i <= L;i++)
	{
		str = subid.slice(0,i*3);
		
		if (document.all(str) != null){
			document.all(str).style.display="";
//			document.all("td"+str).className = "tdcatalog";
			document.all("td"+str).style.backgroundColor='#cccccc';
			document.all("td"+str).style.borderColor = '#999999';
		}
		if (id != subid){
		SubMenuPos(obj,subid);
		}
	}
}

//隐藏菜单
function hideSubMenu(id,subid){
	var obj = document.all(id);
	if(id != subid){
//			obj.className = "";
			obj.style.backgroundColor='';
			obj.style.borderColor = '';
		}
	var str = subid;
	var L = str.length;
	L = L/3;
	for(var i = 1;i <= L;i++)
	{
		str = subid.slice(0,i*3);
//		if(obj=document.all(str)) obj.style.display="none";
		if (document.all(str) != null){
			document.all(str).style.display="none";
//			document.all("td"+str).className = "";
			document.all("td"+str).style.backgroundColor='';
			document.all("td"+str).style.borderColor = '';
		}
	}
}

//生成菜单项
function DrawSubMenu(menuid,submenuitem,submenuid,isleaf)
{
	var sSubMenu;
	if(document.all(menuid)==null)
	{
		sSubMenu = "<div id="+menuid+" style=\"position:absolute;display:none;padding-top:0;padding-left:4;padding-bottom:0;\" onmouseover=showSubMenu('"+menuid+"','"+menuid+"') onmouseout=hideSubMenu('"+menuid+"','"+menuid+"')><table id=\"t"+menuid+"\" border=0 cellpadding=0 cellspacing=1 class=Prdcatab bgcolor=#FFFFFF></table></div>";
		document.write(sSubMenu);
	} 
	var tobj=document.all("t"+menuid);
	var iRows = tobj.rows.length;
	var insertTr = tobj.insertRow(iRows);
	var insertTd = insertTr.insertCell(0);
	if (isleaf == 0){
		//insertTd.innerHTML = "<font class=Prdcata>" + submenuitem + "</font>";
		insertTd.innerHTML = "<font class=Prdcata><a  href=\"product.asp?catalogid="+submenuid+"\">"+submenuitem+"</a></font>";
		insertTd.id = "td"+submenuid;
		insertTd.className = "Prdcatab";
		insertTd.onmouseover = function anonymouse() {showSubMenu("td"+submenuid,submenuid);};
		insertTd.onmouseout = function anonymouse() {hideSubMenu("td"+submenuid,submenuid);};
	}
	else {
		insertTd.id = "td"+submenuid;
		insertTd.className = "Prdcatab";
		insertTd.innerHTML = "<font class=Prdcata><a onmouseover=showImg('td"+submenuid+"','Img"+submenuid+"') onmouseout=hideImg('td"+submenuid+"','Img"+submenuid+"') href=\"products.asp?catalogid="+submenuid+"\">"+submenuitem+"</a></font>";
	}
}

//子菜单显示的位置
/*function SubMenuPos(obj,submenuid)
{
	
	var menuid = obj;
	var iWidth = menuid.offsetWidth;
	var iHeight = menuid.offsetHeight;
	var sTagName = menuid.tagName;
	var iLeft = menuid.offsetLeft;
	var iTop = menuid.offsetTop;
	do{
		menuid = menuid.offsetParent;
		iLeft = iLeft + menuid.offsetLeft;
		iTop = iTop + menuid.offsetTop;
		sTagName = menuid.tagName;
	}
	while (sTagName != "BODY")
	document.all(submenuid).style.left = iLeft + iWidth;
	document.all(submenuid).style.top = iTop;
}*/

//子菜单显示的位置
function SubMenuPos(obj,submenuid)
{
	
	var menuid = obj;
	var iWidth = menuid.offsetWidth;
	var iHeight = menuid.offsetHeight;
	var sTagName = menuid.tagName;
	var iLeft = menuid.offsetLeft;
	var iTop = menuid.offsetTop;
	var iTop2=iTop;
	do{
		menuid = menuid.offsetParent;
		iLeft = iLeft + menuid.offsetLeft;
		iTop = iTop + menuid.offsetTop;
		sTagName = menuid.tagName;
	}
	while (sTagName != "BODY")
	
	//获取最上级菜单位置
	var str = submenuid;
	var L = str.length;
	L = L/3;
	var iTop3
	for(var i = L;i >=1;i--)
	{
		str = submenuid.slice(0,i*3);
		
		if (document.all(str) != null){
			iTop3=document.all("td"+str).offsetTop;
		}
	}

	document.all(submenuid).style.left = iLeft + iWidth;
	document.all(submenuid).style.top = iTop-iTop2;
	
	var iSubHeight=document.all(submenuid).offsetHeight;
	
	if ((iTop2+23)>iSubHeight){
		document.all(submenuid).style.top = (iTop-iSubHeight+23)
	}
	
	if((iTop3+23)>iSubHeight){
		document.all(submenuid).style.top = (iTop-iSubHeight+23);
	}


}
//***************************************************************************************
//显示代表图片
function showImg(fatherid,imgcatalogid)
{
	var divid = document.all(fatherid).offsetParent.offsetParent;
	divid.style.display = ""
	showImgPos(fatherid,imgcatalogid);
	document.all(imgcatalogid).style.display = "";
}

function hideImg(fatherid,imgcatalogid)
{
	document.all(imgcatalogid).style.display = "none";
}

//计算图片显示的位置
function showImgPos(fatherid,imgid)
{
	var menuid = document.all(fatherid);
	var iWidth = menuid.offsetWidth;
	var iHeight = menuid.offsetParent.offsetHeight;
	var sTagName = menuid.tagName;
	var iLeft = menuid.offsetLeft;
	var iTop = menuid.offsetTop;
	do{
		menuid = menuid.offsetParent;
		iLeft = iLeft + menuid.offsetLeft;
		iTop = iTop + menuid.offsetTop;
		sTagName = menuid.tagName;
	}
	while (sTagName != "BODY")

	var imgWidth = 106;  //图片占用的宽度
	var bodyWidth = document.body.offsetLeft + document.body.offsetWidth; //body的宽度

	//如果图片显示超出了body，则显示在当前菜单列表下方；否则显示在当前菜单右边
	if (imgWidth + iLeft + iWidth + 4 > bodyWidth) {
		document.all(imgid).style.left = iLeft ;
		iTop = iTop - document.all(fatherid).offsetTop;
		document.all(imgid).style.top = iTop + iHeight + 4;
	}
	else{
		document.all(imgid).style.left = iLeft + iWidth + 4;
		document.all(imgid).style.top = iTop;
	}
}

//显示图片在当前菜单列表的下方
function showImgPos_bottom(divid,imgid)
{
	var menuid = document.all(divid);
	var iWidth = menuid.offsetWidth;
	var iHeight = menuid.offsetHeight;
	var sTagName = menuid.tagName;
	var iLeft = menuid.offsetLeft;
	var iTop = menuid.offsetTop;
	do{
		menuid = menuid.offsetParent;
		iLeft = iLeft + menuid.offsetLeft;
		iTop = iTop + menuid.offsetTop;
		sTagName = menuid.tagName;
	}
	while (sTagName != "BODY")
	document.all(imgid).style.left = iLeft;
	document.all(imgid).style.top = iTop + iHeight + 4;
}