var pageWidth=0;

/*	function onResized() {
		var sm=getObj("smbg");
		if (!sm) return;
		pageWidth=parseInt(document.body.clientWidth);
		var mainWidth=parseInt(sm.style.width);
		sm.style.left=(pageWidth-mainWidth)/2;
	}
*/
	function smLeft() {
		pageWidth=parseInt(document.body.clientWidth);
		var mainWidth=750;
		return (pageWidth-mainWidth)/2;
	}

	function smaShow(x) {
		smArrowTimerClear();
		smShow(x);
		smArrow1To(x);
	}
	function smArrow1To(x) {
		if (!smaImg1) return;
		if (smaTimer2) clearTimeout(smaTimer2);
		currentSM=x;
		if (x<0 || !smi[x] || !smi[x].smax) {
			smaImg1.style.display="none";
			smaImg2.style.display="none";
		} else {
			var l=parseInt(smaImg1.style.left);
			if (Math.abs(smi[x].smax-l)<3)
				smaImg1.style.left=smi[x].smax;
			else {
				var s=(smi[x].smax-l)/3;
				if (s>100) s=100;
				smaImg1.style.left=l+s;
				smaTimer2=setTimeout("smArrow1To("+x+")",100);
			}
			smaImg1.style.display="block";
		}
	}
	function smArrow2To(x) {
		if (!smaImg2) return;
		smArrowTimerClear();
		if (x<0 || defaultSM<0) {
			smaImg2.style.display="none";
			return;
		}
		if (smi[x] && smi[x].smax)
			smaImg2.style.left=smi[x].smax;
	}
	function smArrowTimerClear() {
		if (smaTimer) clearTimeout(smaTimer);
	}
	function smArrowReturn() {
		smArrowTimerClear();
		smaTimer=setTimeout("smArrowReturnNow()",2000);
	}	
	function smArrowReturnNow() {
		smHide(defaultSM);
		smArrow1To(defaultSM);
		smArrow2To(defaultSM);
	}
	function ssmArrowTimerClear() {
		if (ssmaTimer) clearTimeout(ssmaTimer);
	}
	function ssmArrowReturn(x) {
		ssmArrowTimerClear();
		ssmaTimer=setTimeout("ssmArrowReturnNow("+x+")",2000);
	}	
	function ssmArrowReturnNow(x) {
		ssmHide(x);
	}
	function smHide() {
		var smbg=getObj("smbg");
		if (smbg && smbg.style) smbg.style.display="none";
		ssmHide();
	}
	function ssmHide(x) {
		var ssmi=getObj("sm_"+x);
		if (ssmi) {
			ssmi.style.border='1px solid white';
			ssmi.style.background='white';
			ssmi.style.color='#777777';
		}

		var smbg=getObj("ssmbg");
		if (smbg && smbg.style) smbg.style.display="none";
	}
	function smShow(x) {
		var smbg=getObj("smbg");
//		if (smbg && smbg.filters && smbg.filters[0])
//			smbg.filters[0].Apply();
		var sm=getObj("smbg");
		sm.style.display="none";
		ssmHide();
		sm.innerHTML="";
		var html="<img src='/images/spacer.gif' width='1' height='1'>";
		if (x>=0) {
			if (!smi[x]) return;
			var texts=smi[x].texts;
			var hrefs=smi[x].hrefs;
			var menus=smi[x].menus;
			if (!texts) return;
			for (var i=0;i<texts.length;i++) {
				if (menus[i]) {
					html+="<div id='sm_"+i+"' style='width:96;height:20;border:1px solid white;bakground:white;cursor:hand;text-align:left;font-size:13px;color:#777777' onmouseover=\"smArrowTimerClear();smHighlight("+i+");ssmShow("+x+","+i+");\" onmouseout=\"smUnhighlight("+i+");ssmArrowReturn();\" onclick=\"smArrowTimerClear();smHighlight("+i+");ssmShow("+x+","+i+");\">";
				} else {
					html+="<div id='sm_"+i+"' style='width:96;height:20;border:1px solid white;bakground:white;cursor:hand;text-align:left;font-size:13px;color:#777777' onmouseover=\"smArrowTimerClear();smHighlight("+i+");ssmHide();\" onmouseout=\"smUnhighlight("+i+");\" onclick=\"window.location='"+hrefs[i]+"';\">";
				}
				html+="<img src='/images/spacer.gif' width='1' height='2'><br>";
				if (menus[i]) html+="<img src='/images/button.submenu.gif' align='right'>";
				html+=texts[i];
				html+="</div>";
			}
			sm.style.left=smLeft()+smi[x].smax-30;
			sm.innerHTML=html+"<img src='/images/spacer.gif' width='1' height='1'>";
		}
		if (sm && sm.style && smi[x] && smi[x].texts.length>0) sm.style.display="block";
//		if (smbg && smbg.filters && smbg.filters[0])
//			smbg.filters[0].Play();
	}

	var smHighlighted=-1;

	function smHighlight(x,obj) {
		smUnhighlight();
		smHighlighted=x;
		var ssmi
		if (obj==event.srcElement) ssmi=obj
		else ssmi=getObj("sm_"+x);
		if (ssmi) {
			ssmi.style.border='1px solid orange';
			ssmi.style.background='#FFEFCC';
	 		ssmi.style.color='black';
		}
	}

	function smUnhighlight(x,obj) {
		if (!x) x=smHighlighted;
		if (obj==event.srcElement) ssmi=obj
		else ssmi=getObj("sm_"+x);
		if (ssmi) {
			ssmi.style.border='1px solid white';
			ssmi.style.background='white';
	 		ssmi.style.color='#777777';
		}
	}

	function ssmShow(x,y) {
		var sm=getObj("ssmbg");
		sm.style.display="none";
		sm.innerHTML="";
		var html="<img src='/images/spacer.gif' width='1' height='1'>";
		if (x>=0) {
			if (!smi[x] || !smi[x].menus.length>y) return;
			var texts=smi[x].menus[y].texts;
			var hrefs=smi[x].menus[y].hrefs;
			var menus=smi[x].menus[y].menus;
			if (!texts) return;
			for (var i=0;i<texts.length;i++) {
				html+="<div id='ssm_"+i+"' style='width:96;height:20;border:1px solid white;bakground:white;cursor:hand;text-align:left;font-size:13px;color:#777777' onmouseover=\"smArrowTimerClear();smHighlight("+y+");this.style.border='1px solid orange';this.style.background='#FFEFCC';this.style.color='black';ssmArrowTimerClear();\" onmouseout=\"ssmArrowReturn("+x+");this.style.border='1px solid white';this.style.background='white';this.style.color='#777777';\" onclick=\"window.location='"+hrefs[i]+"';\">";
				html+="<img src='/images/spacer.gif' width='1' height='2'><br>";
				html+=texts[i];
				html+="</div>";
			}
			sm.style.left=smLeft()+smi[x].smax-35+100;
			sm.style.top=y*20+120;
			sm.innerHTML=html+"<img src='/images/spacer.gif' width='1' height='1'>";
		}
		if (sm && sm.style && smi[x] && smi[x].menus[y].texts.length>0) sm.style.display="block";
	}
	function smArrowDefault(x) {
		defaultSM=x;
		if (x>=0) {
			smaImg1.style.display="block";
			smaImg2.style.display="block";
		}
//		smShow(x);
		smArrow1To(x);
		smArrow2To(x);
	}
	var smaTimer=null;
	var ssmaTimer=null;
	var smaTimer2=null;
	var smaImg1=null;
	var smaImg2=null;
	var defaultSM=28;
	var currentSM=-1;
	var smi=new Array();

	function SubMenu(smax,smx) {
		this.smax=smax;
		this.smx=smx;
		this.texts=new Array;
		this.hrefs=new Array;
		this.menus=new Array;
		this.add=SubMenuAdd;
	}

	function SubMenuAdd(text,href,menu) {
		this.texts[this.texts.length]=text;
		this.hrefs[this.hrefs.length]=href;
		this.menus[this.menus.length]=menu;
	}

	function addSM(nsm) {
		smi[smi.length]=nsm		
	}

	function initSM() {
		var nsm=null;
		var ssm=null;
		nsm=new SubMenu(50,10);
//		nsm.add("推介及特惠","department.asp?d=promotions/specials.asp");
//		nsm.add("減價貨品","department.asp?d=promotions/sale");
		addSM(nsm);

		// men
		nsm=new SubMenu(135,90);
		ssm=new SubMenu();
		nsm.add("全棉內衣","department.asp?d=men/cotton_underwear",ssm);
			ssm.add("圓領","department.asp?d=men/cotton_underwear/roundneck");
			ssm.add("背心","department.asp?d=men/cotton_underwear/tank");
			ssm.add("文化衫","department.asp?d=men/cotton_underwear/classictee");

		ssm=new SubMenu();
		nsm.add("全棉內褲","department.asp?d=men/cotton_underpant",ssm);
			ssm.add("三角褲","department.asp?d=men/cotton_underpant/brief");
			ssm.add("平腳褲","department.asp?d=men/cotton_underpant/boxer");
			ssm.add("長褲","department.asp?d=men/cotton_underpant/lounge");
		nsm.add("羊毛內衣","department.asp?d=men/wool_underwear");
		nsm.add("羊毛內褲","department.asp?d=men/wool_underpant");
		addSM(nsm);

		// women
		nsm=new SubMenu(200,140);
		ssm=new SubMenu();
		nsm.add("全棉內衣","department.asp?d=women/cotton_underwear",ssm);
			ssm.add("圓領","department.asp?d=women/cotton_underwear/roundneck");
			ssm.add("背心","department.asp?d=women/cotton_underwear/tank");
			ssm.add("翼袖","department.asp?d=women/cotton_underwear/sleeveless");
			ssm.add("胸衣背心","department.asp?d=women/cotton_underwear/tanktop");
		ssm=new SubMenu();
		nsm.add("全棉內褲","department.asp?d=women/cotton_underpant",ssm);
			ssm.add("三角褲","department.asp?d=women/cotton_underpant/brief");
			ssm.add("長褲","department.asp?d=women/cotton_underpant/lounge");
		nsm.add("羊毛內衣","department.asp?d=women/wool_underwear");
		nsm.add("羊毛內褲","department.asp?d=women/wool_underpant");
		addSM(nsm);

		// children
		nsm=new SubMenu(283,190);
		ssm=new SubMenu();
		nsm.add("全棉內衣","department.asp?d=children/cotton_underwear",ssm);
			ssm.add("圓領","department.asp?d=children/cotton_underwear/roundneck");
			ssm.add("背心","department.asp?d=children/cotton_underwear/tank");
			ssm.add("翼袖","department.asp?d=children/cotton_underwear/sleeveless");
			ssm.add("底裙","department.asp?d=children/cotton_underwear/skirt");
		ssm=new SubMenu();
		nsm.add("全棉內褲","department.asp?d=children/cotton_underpant",ssm);
			ssm.add("三角褲","department.asp?d=children/cotton_underpant/brief");
			ssm.add("平腳褲","department.asp?d=children/cotton_underpant/shorts");
		nsm.add("全棉學生襪","department.asp?d=children/cotton_socks");
		nsm.add("校服恤衫","department.asp?d=children/uniform_shirt");
		nsm.add("校服羊毛衫","department.asp?d=children/uniform_sweater");
		nsm.add("羊毛內衣","department.asp?d=children/wool_underwear");
		nsm.add("羊毛內褲","department.asp?d=children/wool_underpant");
		nsm.add("嬰兒用品","department.asp?d=children/baby_utilities");
		addSM(nsm);

		// sweater
		nsm=new SubMenu(371,330);
		nsm.add("學生毛衣","department.asp?d=sweaters/students");
		nsm.add("男裝羊毛內衣","department.asp?d=sweaters/men_wool_underwear");
		nsm.add("男裝羊毛內褲","department.asp?d=sweaters/men_wool_underpant");
		nsm.add("女裝羊毛內衣","department.asp?d=sweaters/women_wool_underwear");
		nsm.add("女裝羊毛內褲","department.asp?d=sweaters/women_wool_underpant");
		nsm.add("童裝羊毛內衣","department.asp?d=sweaters/children_wool_underwear");
		nsm.add("童裝羊毛內褲","department.asp?d=sweaters/children_wool_underpant");
		addSM(nsm);

		// towels
		nsm=new SubMenu(436,30);
		nsm.add("方巾","department.asp?d=towels/square");
		nsm.add("童巾","department.asp?d=towels/kid");
		nsm.add("面巾","department.asp?d=towels/washcloth");
		nsm.add("浴巾","department.asp?d=towels/bath");
		nsm.add("線巾","department.asp?d=towels/velour");
		nsm.add("清潔毛巾","department.asp?d=towels/cleaning");
		nsm.add("美容按摩巾","department.asp?d=towels/spa");
		ssm=new SubMenu();
		nsm.add("更多類別","department.asp?d=towels/more",ssm);
			ssm.add("枕巾","department.asp?d=towels/more/pillow");
			ssm.add("地巾","department.asp?d=towels/more/matt");
			ssm.add("掛巾","department.asp?d=towels/more/hang");
			ssm.add("毛巾被","department.asp?d=towels/more/bedding");
			ssm.add("毛毯","department.asp?d=towels/more/blanket");
		addSM(nsm);

		// socks
		nsm=new SubMenu(490,30);
		nsm.add("男裝","department.asp?d=socks/men");
		nsm.add("女裝（絲襪）","department.asp?d=socks/women");
		nsm.add("學生","department.asp?d=socks/students");
		nsm.add("夏季襪","department.asp?d=socks/summer");
		nsm.add("冬季襪","department.asp?d=socks/winter");
		addSM(nsm);

		// other
		nsm=new SubMenu(564,455);
		nsm.add("家居用品","department.asp?d=other/housewhole");
		nsm.add("工業用品","department.asp?d=other/factory");
		nsm.add("更多貨品","department.asp?d=other/more");
		addSM(nsm);

		nsm=new SubMenu(665,10);
		addSM(nsm);

	}

	initSM();