var ImgDir;
var indexOfEntries = new Array;
var nEntries = 0;
var doc = document;
var browserVersion = 0;
var auxs = new Array;
var FolderOpenIcon = "fopen.gif";
var FolderCloseIcon = "fclose.gif";
var treeClass=0;
var parentLevel=0;

function SetFolderIcon(iOpen, iClose)
{
	var aux;
	if(!iOpen)
	{
		iOpen = "fopen.gif";
		iClose = "fclose.gif";
	}

	if(!iClose)iClose = iOpen;

	aux = new Image();
	aux.src= ImgDir + iOpen;
	aux = new Image();
	aux.src= ImgDir + iClose;

	FolderOpenIcon = iOpen;
	FolderCloseIcon = iClose;
}

function loadImages()
{
	var aux;

	aux = new Image();
	aux.src= ImgDir + "blank.gif";
	aux = new Image();
	aux.src= ImgDir + "lastnode.gif";
	aux = new Image();
	aux.src= ImgDir + "link.gif";
	aux = new Image();
	aux.src= ImgDir + "mlastnode.gif";
	aux = new Image();
	aux.src= ImgDir + "mnode.gif";
	aux = new Image();
	aux.src= ImgDir + "node.gif";
	aux = new Image();
	aux.src= ImgDir + "plastnode.gif";
	aux = new Image();
	aux.src= ImgDir + "pnode.gif";
	aux = new Image();
	aux.src= ImgDir + "vertline.gif";
}

function Folder(folderDescription, isDefOpen)
{
	this.desc = folderDescription;
	this.id = -1;
	this.navObj = 0;
	this.iconImg = 0;
	this.nodeImg = 0;
	this.isLastNode = 0;
	this.isDefOpen = isDefOpen;

	this.isOpen = true;
	this.iconSrc = FolderOpenIcon;
	this.iconOpen = FolderOpenIcon;
	this.iconClose = FolderCloseIcon;
	this.children = new Array;
	this.nChildren = 0;

	this.initialize = initializeFolder;
	this.setState = setStateFolder;
	this.addChild = addChild;
	this.createIndex = createEntryIndex;
	this.hide = hideFolder;
	this.display = display;
	this.renderOb = drawFolder;
	this.totalHeight = totalHeight;
	this.subEntries = folderSubEntries;
}

function setStateFolder(isOpen)
{
	var subEntries;
	var totalHeight;
	var fIt = 0;
	var i=0;

	if (isOpen == this.isOpen)
		return;

	if (browserVersion == 2)
	{
		totalHeight = 0;
		for (i=0; i < this.nChildren; i++)
			totalHeight = totalHeight + this.children[i].navObj.clip.height;
			subEntries = this.subEntries();
		if (this.isOpen)
			totalHeight = 0 - totalHeight;
		for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++)
			indexOfEntries[fIt].navObj.moveBy(0, totalHeight);
	}
	this.isOpen = isOpen;
	propagateChangesInState(this);
}

function propagateChangesInState(folder)
{
	var i=0;

	if (folder.isOpen)
	{
		if (folder.nodeImg)
			if (folder.isLastNode)
				folder.nodeImg.src = ImgDir + "mlastnode.gif";
			else
				folder.nodeImg.src = ImgDir + "mnode.gif";
		folder.iconImg.src = ImgDir + folder.iconOpen;
		for (i=0; i<folder.nChildren; i++)
			folder.children[i].display();
	}
	else
	{
		if (folder.nodeImg)
			if (folder.isLastNode)
				folder.nodeImg.src = ImgDir + "plastnode.gif";
			else
				folder.nodeImg.src = ImgDir + "pnode.gif";
		folder.iconImg.src = ImgDir + folder.iconClose;
		for (i=0; i<folder.nChildren; i++)
			folder.children[i].hide();
	} 
}

function hideFolder()
{
	if (browserVersion == 1)
	{
		if (this.navObj.style.display == "none")
			return;
		this.navObj.style.display = "none";
	}else
	{
		if (this.navObj.visibility == "hiden")
			return;
		this.navObj.visibility = "hiden";
	}

	this.setState(0);
}

function initializeFolder(level, lastNode, leftSide)
{
	var j=0;
	var i=0;
	var numberOfFolders;
	var numberOfDocs;
	var nc;
	nc = this.nChildren;

	this.createIndex();

	var auxEv = "";
	
	if (browserVersion > 0)
	{   
		//文字链接定义
		auxEv = "<a href='javascript:' onclick='return clickOnNode("+this.id+");' onfocus='this.blur()' class=red";
		//auxEv = "<a href='#' onclick='return alert("+this.id+");'";
		auxEv = auxEv + ' title=\"\">';
	}
	else
	{
		auxEv = "<a>";
	}

	if (level>0)
		if (lastNode)
		{
			this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mlastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
			leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
			this.isLastNode = 1;
		}else
		{
			this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
			leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
			this.isLastNode = 0;
		}
	else
		this.renderOb(auxEv);

	if (nc > 0)
	{
		level = level + 1;
		for (i=0 ; i < this.nChildren; i++)
		{
			if (i == this.nChildren-1)
				this.children[i].initialize(level, 1, leftSide);
			else
				this.children[i].initialize(level, 0, leftSide);
			}
	}
}

function drawFolder(leftSide)
{
	if (browserVersion == 2)
	{
		if (!doc.yPos)
			doc.yPos=100;
		doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + ">\n<style type=\"text/css\">\ntd {font-size: 9pt}\na {color: #000000; text-decoration:none;}\n</style>");
	}
	doc.write("<table ");
	if (browserVersion == 1)
		doc.write(" id='folder" + this.id + "' style='position:block;' ");
	doc.write(" border=0 cellspacing=0 cellpadding=0>");
	doc.write("<tr valign=top><td nowrap>");
	doc.write(leftSide);
	doc.write("<img name='folderIcon" + this.id + "' ");
	doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
	doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
	doc.write("</td>");
	doc.write("</table>");
	
	if(browserVersion == 2)
		doc.write("</layer>");

	if (browserVersion == 1)
	{
		this.navObj = doc.all["folder"+this.id];
		this.iconImg = doc.all["folderIcon"+this.id];
		this.nodeImg = doc.all["nodeIcon"+this.id];
	}else if (browserVersion == 2)
	{
		this.navObj = doc.layers["folder"+this.id];
		this.iconImg = this.navObj.document.images["folderIcon"+this.id];
		this.nodeImg = this.navObj.document.images["nodeIcon"+this.id];
		doc.yPos=doc.yPos+this.navObj.clip.height;
	}
}

function addChild(childNode)
{
	this.children[this.nChildren] = childNode;
	this.nChildren++;
	return childNode;
}

function folderSubEntries()
{
	var i = 0;
	var se = this.nChildren;

	for (i=0; i < this.nChildren; i++)
	{
		if (this.children[i].children)
			se = se + this.children[i].subEntries();
	}

	return se;
}

function Item(itemDescription, itemLink, itemIcon)
{
	var aux

	this.desc = itemDescription;
	this.link = itemLink;
	this.id = -1;
	this.navObj = 0;
	this.iconImg = 0;
	if(itemIcon)
	{
		this.iconSrc = itemIcon;

		aux = new Image();
		aux.src= ImgDir + itemIcon;
	}else this.iconSrc = "doc.gif";

	this.initialize = initializeItem;
	this.createIndex = createEntryIndex;
	this.hide = hideItem;
	this.display = display;
	this.renderOb = drawItem;
	this.totalHeight = totalHeight;
}

function hideItem()
{
	if (browserVersion == 1)
	{
		if (this.navObj.style.display == "none")
			return;
		this.navObj.style.display = "none";
	}else
	{
		if (this.navObj.visibility == "hiden")
			return;
		this.navObj.visibility = "hiden";
	}
}

function initializeItem(level, lastNode, leftSide)
{
	this.createIndex();

	if (level>0)
		if (lastNode)
		{
			this.renderOb(leftSide + "<img src='" + ImgDir + "lastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
			leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>" ;
		}
		else
		{
			this.renderOb(leftSide + "<img src='" + ImgDir + "node.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
			leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 align=left border=0 vspace=0 hspace=0>";
		}
	else
		this.renderOb("");
}

function drawItem(leftSide)
{
	if (browserVersion == 2)
		doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + ">");
	doc.write("<table ");
	if (browserVersion == 1)
		doc.write(" id='item" + this.id + "' style='position:block;' ");
	doc.write(" border=0 cellspacing=0 cellpadding=0>");
	doc.write("<tr valign=top><td nowrap>");
	doc.write(leftSide);
	doc.write("<a href=" + this.link );
	doc.write(' title=\"' + this.desc + 'onclick=\"javascript:Db_Clk(this);\" onfocus=\"this.blur()\">');
	if(browserVersion == 2)
	{
		doc.write("<layer id=showname bgcolor=#FFFFD2 visibility=hide>"+this.desc+"</layer>");
	}
	
	doc.write("<img id='itemIcon"+this.id+"' ");
	doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
	doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
	doc.write("</table>");

	if (browserVersion == 2)
		doc.write("</layer>");

	if (browserVersion == 1)
	{
		this.navObj = doc.all["item"+this.id];
		this.iconImg = doc.all["itemIcon"+this.id];
	}else if (browserVersion == 2)
	{
		this.navObj = doc.layers["item"+this.id];
		this.iconImg = this.navObj.document.images["itemIcon"+this.id];
		doc.yPos=doc.yPos+this.navObj.clip.height;
	}
}

function display()
{
	if (browserVersion == 1)
		this.navObj.style.display = "block";
	else
		this.navObj.visibility = "show";
}

function createEntryIndex()
{
	this.id = nEntries;
	indexOfEntries[nEntries] = this;
	nEntries++;
}

function totalHeight()
{
	var h = this.navObj.clip.height;
	var i = 0;

	if (this.isOpen)
		for (i=0 ; i < this.nChildren; i++);
			h = h + this.children[i].totalHeight();

	return h;
}

function clickOnNode(folderId)
{
	var clickedFolder = 0;
	var state = 0;

	clickedFolder = indexOfEntries[folderId];
	state = clickedFolder.isOpen;

	clickedFolder.setState(!state);
	if(!folderId)clickedFolder.setState(state);
	return false;
}

function initializeDocument()
{
	loadImages();
	foldersTree = auxs[0];
	if (doc.all)
		browserVersion = 1;
	else
		if (doc.layers)
			browserVersion = 2;
		else
			browserVersion = 0;

	foldersTree.initialize(0, 1, "");

	if (browserVersion > 0)
	{
		doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>");
		clickOnNode(0);
	}
}

function treeMenuAddItem(level, text, url, target, icon)
{
	
	if (!target)
	{
		parentLevel=level;
		if(level)
			auxs[level] = auxs[level - 1].addChild(new Folder(text, url));
		else auxs[0] = new Folder(text);
	}
	else
	{
		if(level>parentLevel + 1)level = parentLevel + 1;
		auxs[level - 1].addChild(new Item(text, "'"+url+"' target=\"" + target + "\"", icon));
	}
}

function Db_Clk(Clked)
{
	
	var s_Href = Clked.href;
	var i = s_Href.indexOf("&dbc=");
	if(i!=-1)
	{
		if(s_Href.indexOf("&dbc=10") != -1)s_Href = s_Href.substring(0, i);
		else s_Href += "0";
		Clked.href = s_Href;
	}
}

//*****************treeMenu Realbody***************************//

ImgDir = "../images/";
SetFolderIcon("top07.gif");
treeMenuAddItem(0, "&nbsp;『客服中心』");
SetFolderIcon();

//*************** Tree Body Start **********************

treeMenuAddItem(1, "<a href='../faq/buy_f.htm' class='red'>第一次购物</a>");

treeMenuAddItem(1, "订购方式");
treeMenuAddItem(2, "<a href='../faq/orderway.htm' class='red'>网上订购</a>");
treeMenuAddItem(2, "<a href='../faq/orderway.htm#a2' class='red'>电话订购</a>");
treeMenuAddItem(2, "<a href='../faq/orderway.htm#a3' class='red'>现场订购</a>");
treeMenuAddItem(2, "<a href='../faq/orderway.htm#a4' class='red'>传真订购</a>");

treeMenuAddItem(1, "有关支付");
treeMenuAddItem(2, "推荐支付方式");
treeMenuAddItem(3, "<a href='../faq/pay.htm' class='red'>现金上门收款</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a2' class='red'>绿化卡/会员帐户支付</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a3' class='red'>招行一网通支付</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a5' class='red'>环迅I付通支付平台(IPS)</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a4' class='red'>支付宝在线支付</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a6' class='red'>快钱在线支付</a>");
treeMenuAddItem(2, "其他支付方式");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a7' class='red'>银行电汇</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a8' class='red'>邮政汇款</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a9' class='red'>货到付款</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a10' class='red'>花票支付</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a11' class='red'>东方文化卡</a>");
treeMenuAddItem(3, "<a href='../faq/pay.htm#a12' class='red'>斯玛特卡</a>");
treeMenuAddItem(2, "<a href='../faq/pay.htm#a14' class='red'>在线支付不成功</a>");


treeMenuAddItem(1, "有关配送");
treeMenuAddItem(2, "<a href='../faq/sent.htm' class='red'>配送说明</a>");
treeMenuAddItem(2, "<a href='../faq/sent.htm#a2' class='red'>配送范围</a>");
treeMenuAddItem(2, "<a href='../faq/sent.htm#a3' class='red'>配送费用</a>");
treeMenuAddItem(2, "<a href='../faq/sent.htm#a4' class='red'>配送时间</a>");
treeMenuAddItem(2, "<a href='../faq/sent.htm#a5' class='red'>加急配送</a>");

treeMenuAddItem(1, "有关订单");
treeMenuAddItem(2, "<a href='../faq/pad.htm' class='red'>订单查询</a>");
treeMenuAddItem(2, "<a href='../faq/pad.htm#a2' class='red'>订单修改/删除</a>");
treeMenuAddItem(2, "<a href='../faq/pad.htm#a4' class='red'>订单无效</a>");

treeMenuAddItem(1, "<a href='../faq/account.asp' class='red'>有关会员帐户</a>");

treeMenuAddItem(1, "有关服务");
treeMenuAddItem(2, "<a href='../faq/service.htm' class='red'>服务声明</a>");
treeMenuAddItem(2, "<a href='../faq/service.htm#a2' class='red'>投诉说明</a>");

treeMenuAddItem(1, "<a href='../faq/ask.htm' class='red'>常见问题</a>");

treeMenuAddItem(1, "<a href='../faq/importservice.htm' class='red'>重要服务条款</a>");

treeMenuAddItem(1, "<a href='../faq/service.asp' class='red'>投诉处理方法</a>");

treeMenuAddItem(1, "<a href='../faq/advice.asp' class='red'>建议与投诉通道</a>");

treeMenuAddItem(1, "家庭绿化卡");
treeMenuAddItem(2, "<a href='../faq/card.asp' class='red'>家庭绿化卡是什么</a>");
treeMenuAddItem(2, "<a href='../faq/card_use.asp' class='red'>家庭绿化卡怎样使用</a>");
treeMenuAddItem(2, "<a href='../faq/cardstep1.asp' class='red'>绿化卡如何开通充值</a>");
treeMenuAddItem(2, "<a href='../faq/card_buy.asp' class='red'>绿化卡如何购买</a>");

treeMenuAddItem(1, "精文花艺网抵用券");
treeMenuAddItem(2, "<a href='../faq/encash.htm' class='red'>什么是精文花艺网抵用券</a>");
treeMenuAddItem(2, "<a href='../faq/encash.htm#a2' class='red'>怎么领取精文花艺网抵用券</a>");
treeMenuAddItem(2, "<a href='../faq/encash.htm#a3' class='red'>怎么使用精文花艺网抵用券</a>");

//*************** Tree Body End **********************
var MenuTextColor="red";