function getTagPositionByObj(obj,offsetTop,offsetLeft) {
	var a = obj;
	var pLeft=a.offsetLeft;
	var pTop=a.offsetTop;
	while (a.tagName.toUpperCase()!="BODY") {
		a=a.offsetParent;
		pLeft+=a.offsetLeft;
		pTop+=a.offsetTop;
	}
	var re = {top:pTop+offsetTop,left:pLeft+offsetLeft};
	return re;
}
function SelectTopUSCity(ObjID,ElementID,Channel,Category) {
	this.position = null;
	this.obj = null;
	this.Channel = null;
	this.Category = null;
	this.isDisplay = false;
	this.win = null;
	this.isInit = false;
	this.isClose = true;
	this.absolute = false;
	this.outHTML = '<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">'
					+'<tr>'
						+'<td width="165" background="http://menu.jinti.net/SelectUSCity760/images/qiehuan_and.jpg">'
							+'<div id="'+ObjID+'_nav_1" style="color: #ff6600;background: url(http://menu.jinti.net/SelectUSCity760/images/qiehuan_over.jpg) repeat-x left;height: 23px;width: 154px;font-family: Arial;font-size: 12px;font-weight: bold;line-height: 23px;letter-spacing: 1px;text-align: center;" onclick="'+ObjID+'.multi_over(1)">'
								+'<span style="cursor: pointer;">重要城市地区</span></div>'
						+'</td>'
						+'<td width="165" background="http://menu.jinti.net/SelectUSCity760/images/qiehuan_and.jpg">'
							+'<div id="'+ObjID+'_nav_2" style="color: #ff6600;background: url(http://menu.jinti.net/SelectUSCity760/images/qiehuan_over.jpg) repeat-x left;height: 23px;width: 154px;font-family: Arial;font-size: 12px;font-weight: bold;line-height: 23px;letter-spacing: 1px;text-align: center;" onclick="'+ObjID+'.multi_over(2)">'
								+'<span style="cursor: pointer;">更多热门城市</span></div>'
						+'</td>'
						+'<td width="165" background="http://menu.jinti.net/SelectUSCity760/images/qiehuan_and.jpg">'
							+'<div id="'+ObjID+'_nav_3" style="color: #ff6600;background: url(http://menu.jinti.net/SelectUSCity760/images/qiehuan_over.jpg) repeat-x left;height: 23px;width: 154px;font-family: Arial;font-size: 12px;font-weight: bold;line-height: 23px;letter-spacing: 1px;text-align: center;" onclick="'+ObjID+'.multi_over(3)">'
								+'<span style="cursor: pointer;">美国50个州</span></div>'
						+'</td>'
						+'<td width="355" background="http://menu.jinti.net/SelectUSCity760/images/qiehuan_and.jpg" style="font-size: 12px;color: #333333;">'
							+'</td>'
						+'<td width="100" align="right" background="http://menu.jinti.net/SelectUSCity760/images/qiehuan_and.jpg">'
							+'<a style="font-size: 12px; color: #1F62A4;text-decoration: none;" href="javascript:'+ObjID+'.close();void(0);" target="_self">关闭</a>&nbsp;<a href="javascript:'+ObjID+'.close();void(0);" target="_self"><img src="http://menu.jinti.net/SelectUSCity760/images/close.jpg" border="0"/></a>&nbsp;</td>'
					+'</tr>'
					+'<tr>'
						+'<td colspan="5" style="border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #80AAC0;border-bottom-color: #80AAC0;border-left-color: #80AAC0;" align="center" valign="top">'
							+'<div id="'+ObjID+'_nei_1" style="margin: 18px 0px 12px 0px;">&#xA0;</div>'
							+'<div id="'+ObjID+'_nei_2" style="margin: 16px 0px 12px 0px;">&#xA0;</div>'
							+'<div id="'+ObjID+'_nei_3" style="margin: 16px 0px 12px 0px;">&#xA0;</div>'
						+'</td>'
					+'</tr>'
					+'<tr>'
						+'<td colspan="5">'
							+'&#160;</td>'
					+'</tr>'
				+'</table>';
	this.open = function() {
		if (!this.isInit) {
			this.Init();
		}
		this.obj.style.display = "block";
		this.isDisplay = true;
	};
	this.close = function() {
		this.obj.style.display = "none";
		this.isDisplay = false;
	};
	this.OpenSwitch = function() {
		if (this.isDisplay) this.close();
		else this.open();
	}
	this.Init = function() {
		var tmpDiv = document.getElementById(ElementID);
		if (this.absolute) {
			this.position = getTagPositionByObj(tmpDiv,0,0);
		}
		tmpDiv.style.display = "none";
		var pDiv = document.createElement("div");
		pDiv.id = ObjID.toString();
		if (this.absolute) {
			pDiv.style.position = "absolute";
			pDiv.style.top = parseInt(this.position.top)+"px";
			pDiv.style.left = parseInt(this.position.left)+"px";
		}
		pDiv.style.backgroundColor = "white";
		pDiv.style.display = "none";
		tmpDiv.parentNode.insertBefore(pDiv,tmpDiv);
		if (Channel) {
			this.Channel = Channel;
		}
		else {
			if (Channel=="") {
				this.Channel = Channel;
			}
		}
		if (Category) {
			this.Category = parseInt(Category);
		}
		this.obj = document.getElementById(pDiv.id);
		if (!this.isClose) {
			this.outHTML = this.outHTML.replace('<a style="font-size: 12px; color: #1F62A4;text-decoration: none;" href="javascript:'+ObjID+'.close();void(0);" target="_self">关闭</a>&nbsp;<a href="javascript:'+ObjID+'.close();void(0);" target="_self"><img src="http://menu.jinti.net/SelectUSCity760/images/close.jpg" border="0"/></a>','&#160;');
		}
		this.obj.innerHTML = this.outHTML;
		this.multi_over(1);
		this.isInit = true;
	};
	this.multi_over = function multi_over(cid) {
		var itotal=3;	//导航总数
		var i;
		try {
			var pHeight = "";
			var pHTML = "";
			switch (parseInt(cid)) {
				case 1:
					pHeight='height=82';
					pSrc='http://menu.jinti.net/SelectUSCity960/HotCities.asp';
					pHTML='<div style="width:860px;text-align:right;"><a href="javascript:'+ObjID+'.multi_over(2)" target="_self" style="font-size: 12px; color:#1F62A4;font-weight: bold;text-decoration: underline;">更多热门城市</a></div>';
					break;
				case 2:
					pHeight='height=780';
					pSrc='http://menu.jinti.net/SelectUSCity960/StatesCities.asp';
					pHTML='<div style="width:860px;text-align:right;"><a href="javascript:'+ObjID+'.multi_over(3)" target="_self" style="font-family: Arial;font-size: 12px;color:#FF6600;font-weight: bold;">美国50个州</a></div>';
					break;
				case 3:
					pHeight='height=400';
					pSrc='http://menu.jinti.net/SelectUSCity960/AllStates.asp';
					pHTML='<div style="width:860px;text-align:right;"><a href="javascript:'+ObjID+'.multi_over(2)" target="_self" style="font-family: Arial;font-size: 12px;color:#FF6600;font-weight: bold;">热门城市</a></div>';
					break;
			}
			document.getElementById(ObjID+"_nei_"+cid).innerHTML = '<iframe id="SelectUSCity_'+cid+'" name="SelectUSCity_'+cid+'" src="'+pSrc+'?Channel='+encodeURIComponent(this.Channel)+'&Category='+this.Category+'" width="948" '+pHeight+' marginwidth="0" marginheight="0" scrolling="no" frameborder="no"></iframe><br/>'+pHTML;
			document.getElementById(ObjID+"_nav_"+cid).style.background = "url(http://menu.jinti.net/SelectUSCity760/images/qiehuan_over.jpg) repeat-x left";
			document.getElementById(ObjID+"_nav_"+cid).style.color = "#ff6600";
			document.getElementById(ObjID+"_nei_"+cid).style.display='block';
			for (i=1;i<=parseInt(itotal);i++) {
				if (i!=cid) {
					document.getElementById(ObjID+"_nav_"+i).style.background = "url(http://menu.jinti.net/SelectUSCity760/images/qiehuan_out.jpg) repeat-x left";
					document.getElementById(ObjID+"_nav_"+i).style.color = "#333333";
					document.getElementById(ObjID+"_nei_"+i).style.display='none';
				}
			}
		}
		catch(e) {
			return;
		}
	};
}