// JavaScript Document
var efirsta = function () {};

efirsta.infoObject = function (sn,iu,sd,sl,st) {
	this.serviceName = 	sn;  //服务名称
	this.imgUrl = iu;  //大图URL
	this.serviceDesc = sd;  //服务描述
	this.slevel = sl;  //服务等级
	this.sType = st;    //服务种类
};

efirsta.LayersManager = function () {
	this.slayers = new Array();
	this.clayer = 0;
	
	this.setMainDiv = function(mainDiv) {
		this.mdiv = mainDiv;	
	};
	
	this.addLayers = function (nslayer) {
		this.slayers[this.size()] = nslayer;	
	};
	
	this.size = function () {
		return this.slayers.length;
	};
	
	this.currentLayerSeq = function () {
		return this.clayer + 1;
	};
	
	this.getFirstLayer = function() {
		if (this.size() > 0 ){
			this.clayer = 0;
			this.mdiv.style.display = 'none'; 
			this.mdiv.innerHTML = this.createByTemplate(this.slayers[0]);
			Effect.Appear(this.mdiv.id); 
		}
	};
	
	this.getNextLayer = function () {
		if (this.size() > 0 ){
			if (this.clayer < this.size() - 1) {
				this.clayer = this.clayer + 1;
			} else {
				this.clayer = 0;
			}
			this.mdiv.style.display = 'none'; 
			this.mdiv.innerHTML = this.createByTemplate(this.slayers[this.clayer]);	
			Effect.Appear(this.mdiv.id); 
		} 
	};
	
	this.getPreviousLayer = function() {
		if (this.size() > 0 ){
			if (this.clayer > 0) {
				this.clayer = this.clayer - 1;
			} else {
				this.clayer = this.size() - 1;
			}
			this.mdiv.style.display = 'none'; 
			this.mdiv.innerHTML = this.createByTemplate(this.slayers[this.clayer]);	
			Effect.Appear(this.mdiv.id); 
		} 
	};
	
	this.createByTemplate = function(infoObject) {
		var content = "<table width=\"100%\" border=\"0\" cellpadding=\"3\" cellspacing=\"\" style=\"margin:3px; height:300px;\"><tr><td colspan=\"2\" height=\"28\"><strong>" +
		infoObject.serviceName + "</strong></td></tr><tr><td width=\"160\" valign=\"top\"><img src=\"" + infoObject.imgUrl +"\" width=\"311\" height=\"222\" /></td><td valign=\"top\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\"\><tr><td>" + infoObject.serviceDesc + "</td></tr><tr><td>服务等级：<img src=\"images/common/stars_500.gif\" width=\"79\" height=\"14\" /></td>    </tr><tr><td>服务类型：" + infoObject.sType + "</td></tr></table></td></tr><tr><td colspan=\"2\" height=\"28\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\"><tr><td width=\"55%\"><a href=\"#\">详细信息</a> <a href=\"#\">服务演示</a> <a href=\"#\">服务评论</a></td><td width=\"20%\" align=\"right\"><a href=\"#\" onclick=\"mcs.getPreviousLayer();return false;\"><<上一服务</a></td><td width=\"5%\" align=\"center\">" + (this.clayer + 1) + "/" + this.size() + "</td><td width=\"20%\"><a href=\"#\" onclick=\"mcs.getNextLayer();return false;\">下一服务>></a></td>   </tr></table></td></tr></table>";
		return content;			
	};
};


efirsta.TreeMenuSubBar = function(cid,ctitle,cdesc,curl) {
	this.id = cid;
	this.title = ctitle;
	this.desc = cdesc;
	this.url = curl;
}

efirsta.TreeMenuBar = function(pid,ptitle,pdesc,purl) {
	this.id = pid;
	this.title = ptitle;
	this.desc = pdesc;
	this.url = purl;
	
	this.subcates = new Array();
	
	this.addMenuSubBar = function(title,cdesc,curl) {
		var tSubBarId = "sbar_" + this.id + "_" + this.subcates.length
		var tSubBar = new efirsta.TreeMenuSubBar(tSubBarId,title,cdesc,curl);
		this.subcates[this.subcates.length] = tSubBar;
	};
	
	this.getMenuSubBars = function() {
		return this.subcates;
	}
}


efirsta.TreeMenu = function () {
	this.menubars = new Array();
	
	this.addMenuBar = function(mbar) {
		if (mbar.id) {
			this.menubars[this.menubars.length] = mbar;
		}
	};
	
	this.deployMenu = function(dId) {
		var dt = $(dId);
		if (dt && this.menubars && this.menubars.length > 0) {
			var mtable = document.createElement("table");
			mtable.cellSpacing = 0;
			mtable.className = "CATEGORY_MAIN_TABLE";
			for (i = 0 ; i < this.menubars.length ; i++) {
				var tmb = this.menubars[i];
				var nrow = mtable.insertRow(mtable.rows.length);

				var ntd = nrow.insertCell(nrow.cells.length);
				ntd.className = "CATEGORY_MAIN_BAR";
				ntd.id = tmb.id;
				ntd.title = tmb.desc;
				var plink = document.createElement("a");
				plink.href = tmb.url;
				plink.appendChild(document.createTextNode(tmb.title))

				ntd.appendChild(plink);
				if (tmb.getMenuSubBars().length > 0) {
					var subMenuFrame = document.createElement("div");
					subMenuFrame.id = "submenu_" + tmb.id;
					subMenuFrame.parentbarid = ntd.id;
					subMenuFrame.className = "SubMenuFrame";
					var subMenuBackground = document.createElement("div");
					subMenuBackground.className = "SubMenuBackground";
					var subMenuContainer = document.createElement("div");
					subMenuContainer.className = "SubMenuContainer"; 

					var tsmbs = tmb.getMenuSubBars();
					
					var subMenuTable = document.createElement("table");
					for (j = 0 ; j < tsmbs.length; j++) {
						var tsmb = tsmbs[j];
						var snrow = subMenuTable.insertRow(subMenuTable.rows.length);
						var sntd = snrow.insertCell(snrow.cells.length);
						var simg = document.createElement("img");
						simg.src = "/images/common/menuarrow.gif";
						simg.border = 0;
						sntd.className = "SubMenuBar";
						sntd.appendChild(simg);
						var slink = document.createElement("a");
						slink.href = tsmb.url;
						slink.appendChild(document.createTextNode(" " + tsmb.title))
						sntd.appendChild(slink);
					}
				
					subMenuContainer.appendChild(subMenuTable);
					subMenuBackground.appendChild(subMenuContainer);
					subMenuFrame.appendChild(subMenuBackground);
					ntd.submenuid = subMenuFrame.id;
					ntd.appendChild(subMenuFrame);
				}
				ntd.onmouseover = this.mouseOverHandler;
				ntd.onmouseout = this.mouseOutHandler;
			}
			dt.appendChild(mtable);
		}
	};
	
	this.mouseOverHandler = function() {
		this.className = "CATEGORY_MAIN_BAR_MO";	
		showSubMenu($(this.submenuid));
	};
	
	this.mouseOutHandler = function () {
		this.className = "CATEGORY_MAIN_BAR";	
		hideSubMenu($(this.submenuid));
	}
}

function showSubMenu(sm) {
	if (sm) {
		var navabar = $(sm.parentbarid);
		var nl = navabar.offsetLeft;
		var nt = navabar.offsetTop;
		var nw = navabar.clientWidth;
		while (navabar = navabar.offsetParent) {
			nl += navabar.offsetLeft;
			nt += navabar.offsetTop;
		}

		sm.style.left = (nl + nw - 50) + "px";
		sm.style.top = (nt - 3)  + "px";
		sm.style.display = "block";
	}
}

function hideSubMenu(smid) {
	if (smid) {
		smid.style.display = "none";
	}
}


function selectEfirstaTab() {
	var ctab = arguments[0];
	if (ctab) {
		var ctabid = ctab.id;
		var ctabcontentid = ctabid + "_content";
		
		var tabmain = $("efirsta_tab_main_table");
		var tabsbar = $(tabmain.id + "_tabs");
		
		if (tabmain && tabsbar) {
			var tabs = tabsbar.rows[0].cells;
			for (k = 0 ; k < tabs.length; k++) {
				if (tabs[k].id) {
					tabs[k].className = "EfirstaTab";	
				}
			}
			var mrows = tabmain.rows;
			for (i = 0 ; i < mrows.length; i++) {
				var tmrow = mrows[i];
				if (tmrow.id) {
					tmrow.style.display = "none";
				}
			}
			
			var ctabcontent = $(ctabcontentid);
			ctabcontent.style.display = "block";
			ctab.className = "EfirstaTabSelected";
		}
	}
}