// JavaScript Document

var main = new Object();
var field = new Object();



main.checkboxClick = function(elementName) {
	if (document.getElementById(elementName).checked) document.getElementById(elementName).checked = false;
	else document.getElementById(elementName).checked = true;
};


main.topMenuOver = function(curr, menuId, menuWidth, menuX, menuY, splitNum) {
	if (!main.topMenu[menuId].length) return;
	clearTimeout(main.topMenuTimer);
	try {
		document.getElementById('showBG').removeChild(main.menuDiv);
	} catch(error) {
	}
	if (!splitNum) splitNum = 3;
	main.menuDiv = document.createElement('div');
	main.menuDiv.style.position = "absolute";
	main.menuDiv.style.zIndex = 12;
	var pos = main.getObjectPos(curr);
	main.menuDiv.style.left = pos[0]+menuX+"px";
	main.menuDiv.style.top = pos[1]+menuY+"px";
	var menuTable = document.createElement('table');
	menuTable.className = "topMenuBg";
	menuTable.width = menuWidth;
	if (window.addEventListener) {
		menuTable.addEventListener("mouseover", main.topMenuBgOver, false);
		menuTable.addEventListener("mouseout", main.topMenuBgOut, false);
	} else {
		menuTable.attachEvent("onmouseover", main.topMenuBgOver);
		menuTable.attachEvent("onmouseout", main.topMenuBgOut);
	}
	var menuTbody = document.createElement('tbody');
	var menuTr = document.createElement('tr');

	itemCount = 0;
	for(menuKey in main.topMenu[menuId]) {
		//menuId = main.topMenu[menuId][menuKey]['dataId'];
		if ((itemCount > 0) && ((itemCount % splitNum) == 0)) {
			menuTbody.appendChild(menuTr);
			var menuTr = document.createElement('tr');
			var menuTd = document.createElement('td');
			menuTd.colSpan = splitNum;
			var menuHr = document.createElement('hr');
			menuHr.className = "topMenuHr";
			menuTd.appendChild(menuHr);
			menuTr.appendChild(menuTd);
			menuTbody.appendChild(menuTr);
			var menuTr = document.createElement('tr');
		}
		var menuTd = document.createElement('td');
		var menuFont = document.createElement('font');
		menuFont.className = "topMenuFont";
		menuFont.style.cursor = "pointer";
		menuFont.innerHTML = main.topMenu[menuId][menuKey]['name'];
		menuFont.sendUrl = main.topMenu[menuId][menuKey]['url'];
		if (window.addEventListener) {
			menuFont.addEventListener("mouseover", main.topMenuItemOver, false);
			menuFont.addEventListener("mouseout", main.topMenuItemOut, false);
			menuFont.addEventListener("click", main.topMenuItemClick, false);
		} else {
			menuFont.attachEvent("onmouseover", main.topMenuItemOver);
			menuFont.attachEvent("onmouseout", main.topMenuItemOut);
			menuFont.attachEvent("onclick", main.topMenuItemClick);
		}
		menuTd.appendChild(menuFont);
		menuTr.appendChild(menuTd);
		itemCount++;
	}
	menuTbody.appendChild(menuTr);
	menuTable.appendChild(menuTbody);
	main.menuDiv.appendChild(menuTable);
	document.getElementById('showBG').appendChild(main.menuDiv);
};

main.topMenuOut = function() {
	clearTimeout(main.topMenuTimer);
	main.topMenuTimer = setTimeout("main.topMenuRemove()", 500);
};

main.topMenuRemove = function() {
	try {
		document.getElementById('showBG').removeChild(main.menuDiv);
	} catch(error) {
	}
}

main.topMenuBgOver = function(e) {
	var evn = e.target || e.srcElement;
	clearTimeout(main.topMenuTimer);
};

main.topMenuBgOut = function(e) {
	var evn = e.target || e.srcElement;
	main.topMenuOut();
};

main.topMenuItemOver = function(e) {
	var evn = e.target || e.srcElement;
	evn.className = "topMenuFontOver";
	clearTimeout(main.topMenuTimer);
};

main.topMenuItemOut = function(e) {
	var evn = e.target || e.srcElement;
	evn.className = "topMenuFont";
	main.topMenuOut();
};

main.topMenuItemClick = function(e) {
	var evn = e.target || e.srcElement;
	
	if (evn.sendUrl) {
		location.href = evn.sendUrl;
	}
};

main.getObjectPos = function(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft,curtop];
};

main.convertStringToXml = function(string) {  
	if (window.ActiveXObject) {  
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");  
		xmlDoc.async="false";  
		xmlDoc.loadXML(string);
		return xmlDoc;
	} else {  
		parser=new DOMParser();  
		xmlDoc=parser.parseFromString(string,"text/xml");
		return xmlDoc;  
	}  
};

main.buttonClick = function(e) {
	var evn = e.target || e.srcElement;
	if (evn.sendUrl) eval(evn.sendUrl);
};

main.firstFocus = function(elementId) {
	main.firstFocusTimes = 0;
	main.focusObject = document.getElementById(elementId);
	main.focusObject.hasFocus = false;
	if (window.addEventListener) {
		main.focusObject.addEventListener("focus", main.fieldCheckFocus, false);
	} else {
		main.focusObject.attachEvent("onfocus", main.fieldCheckFocus);
	}
	setTimeout("main.firstFocusTimer()", 100);
};

main.firstFocusTimer = function() {
	if (!main.focusObject.hasFocus) {
		main.focusObject.focus();
		if (main.firstFocusTimes > 10) return;
		setTimeout("main.firstFocusTimer()", 500);
		main.firstFocusTimes++;
	}
};

main.fieldCheckFocus = function(e) {
	var evn = e.target || e.srcElement;
	evn.hasFocus = true;
};

main.windowClose = function(windowId) {
	var windowDiv = document.getElementById(windowId);
	windowDiv.style.display = "none";
};

main.windowOpen = function(windowTitle, getPath) {
	windowControl.windowOpen('selectCat');
	var oldTable = document.getElementById('selectCatTable');
	if (oldTable) document.getElementById('selectCat').removeChild(oldTable);

	var tableBg = document.createElement('table'); // create backgroud table
	tableBg.setAttribute('id','selectCatTable');
	tableBg.className = "windowBg";
	tableBg.width = 680;

	var theadBg = document.createElement('thead');
	var trBg = document.createElement('tr');
	var tdBg = document.createElement('td');
	tdBg.width = 680;
	tdBg.height = 30;
	trBg.appendChild(tdBg);
	theadBg.appendChild(trBg);
	tableBg.appendChild(theadBg);  // create backgroud table *** end

	var tableTitle = document.createElement('table'); // create title and icons table
	tableTitle.width = 650;
	tableTitle.align = "right";
	tableTitle.className = "windowTitleTable";
	var theadTitle = document.createElement('thead');
	var trTitle = document.createElement('tr');
	var tdTitle = document.createElement('td');
	tdTitle.width = 650 - 68;
	tdTitle.height = 52;
	tdTitle.setAttribute('background', "image/layout_page_en/popupIconTitle.png");
	tdTitle.style.paddingLeft = "60px";
	if (windowTitle) tdTitle.innerHTML = windowTitle;
	tdTitle.className = "windowTitleFont";
	tdTitle.windowId = 'selectCat';
	tdTitle.style.cursor = "move";
	if (window.addEventListener) {
		tdTitle.addEventListener("mousedown", windowControl.dragStart, false);
	} else {
		tdTitle.attachEvent("onmousedown", windowControl.dragStart);
	}
	trTitle.appendChild(tdTitle);
	tdTitle = document.createElement('td');
	tdTitle.width = 68;
	tdTitle.style.textAlign = "right";
	tdTitle.setAttribute('background', "image/layout_page_en/popupIconButton.png");
	tdTitle.sendUrl = "main.windowClose('selectCat')";
	tdTitle.style.cursor = "pointer";
	if (window.addEventListener) {
		tdTitle.addEventListener("click", main.buttonClick, false);
	} else {
		tdTitle.attachEvent("onclick", main.buttonClick);
	}
	trTitle.appendChild(tdTitle);
	theadTitle.appendChild(trTitle);
	tableTitle.appendChild(theadTitle);
	tdBg.appendChild(tableTitle);

	trBg = document.createElement('tr');
	tdBg = document.createElement('td');
	trBg.appendChild(tdBg);
	theadBg.appendChild(trBg);
	
	trBg = document.createElement('tr');
	tdBg = document.createElement('td');
	tdBg.setAttribute('id', 'selectCatDiv');
	trBg.appendChild(tdBg);
	theadBg.appendChild(trBg);

	trBg = document.createElement('tr');
	tdBg = document.createElement('td');
	tdBg.innerHTML = " ";
	trBg.appendChild(tdBg);
	theadBg.appendChild(trBg);

	document.getElementById('selectCat').appendChild(tableBg);
	if (getPath) XMLHttp.sendReq('POST', getPath, '', '', "selectCatDiv", 'send', 0, 0);
};

main.setImageLocation = function(curr, filePath, top, left) {
	if (!top) top = 0
	if (!left) left = 0;
	var pos = main.getObjectPos(document.getElementById(curr));
	if (pos[0] == 0) {
		setTimeout("main.setDivLocation('"+curr+"', '"+filePath+"', "+top+", "+left+")", 100);
		return;
	}
	var winDiv = document.createElement('div');
	winDiv.style.position = "absolute";
	winDiv.style.top = pos[1]+top+"px";
	winDiv.style.left = pos[0]-left+"px";
	var winImg = document.createElement('img');
	winImg.src = filePath;
	winImg.border = 0;
	winDiv.appendChild(winImg);
	document.body.appendChild(winDiv);
};

main.setFlashLocation = function(curr, filePath, top, left, width, height) {
	if (!top) top = 0
	if (!left) left = 0;
	var pos = main.getObjectPos(document.getElementById(curr));
	if (pos[0] == 0) {
		setTimeout("main.setDivLocation('"+curr+"', '"+filePath+"', "+top+", "+left+")", 100);
		return;
	}
	
	var winDiv = document.createElement('div');
	winDiv.style.position = "absolute";
	winDiv.style.top = pos[1]+top+"px";
	winDiv.style.left = pos[0]-left+"px";
	//winDiv.style.zIndex = -1;
	
	winDiv.innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="'+width+'" height="'+height+'"><param name="movie" value="'+filePath+'"><param name="quality" value="high"><param name="wmode" value="transparent"><embed src="'+filePath+'" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="'+width+'" height="'+height+'" wmode="transparent"></embed></object>';

	document.body.appendChild(winDiv);
};





main.qnaDisplay = function(dataId) {
	var curr = document.getElementById('answer_'+dataId);
	if (curr.style.display == "") {
		curr.style.display = "none";
	} else {
		curr.style.display = "";
	}
};

main.cartAdd = function(dataId, errorMessage) {
	var qtyEle = document.getElementById('cartQty');
	
	if ((!qtyEle.value) || (qtyEle.value == 0)) {
		alert(errorMessage);
		return;
	}
	
	url = "index.php?page=product&igo=cartAdd&pageMode=xml&dataId="+dataId+"&qty="+qtyEle.value;
	XMLHttp.sendReq('POST', url, '', main.cartAddReturn, 'productCart', 'send', 0, 0);
};

main.cartAddReturn = function(returnString) {
	//debugDiv.innerHTML = '<textarea cols="100" rows="5">'+returnString+'</textarea>';
	//var xmlDoc = main.convertStringToXml(returnString);
	//var message = xmlDoc.getElementsByTagName('message')[0].childNodes[0].nodeValue;
	//document.getElementById('cartBoxDiv').innerHTML = message;
};

main.orderPaymentChange = function(curr) {
	var sendEle = document.getElementById('ordersendMode');
	var regionEle = document.getElementById('orderregionTr');
	if (!main.paymentOption) {
		main.paymentOption = new Array();
		for(i=0;i<sendEle.options.length;i++) {
			main.paymentOption[i] = new Array();
			main.paymentOption[i]['value'] = sendEle.options[i].value;
			main.paymentOption[i]['innerHTML'] = sendEle.options[i].innerHTML;
		}
	}
	if (curr.value == 3) {
		regionEle.style.display = "";
		for(k=sendEle.options.length; k>0; k--) {
			sendEle.remove(sendEle.options[k]);
		}
		var newOption = new Option(main.paymentOption[4]['innerHTML'], main.paymentOption[4]['value']);
		sendEle.options.add(newOption);
	} else {
		regionEle.style.display = "none";
		var regionSelectEle = document.getElementById('orderregion');
		regionSelectEle.options[0].selected = true;
		for(k=sendEle.options.length; k>0; k--) {
			sendEle.remove(sendEle.options[k]);
		}
		for (i=0; i<main.paymentOption.length; i++) {
			var newOption = new Option(main.paymentOption[i]['innerHTML'], main.paymentOption[i]['value']);
			sendEle.options.add(newOption);
		}
	}
	main.freightCount('orderpayMode');
};

main.orderSendChange = function(curr) {
	var regionEle = document.getElementById('orderregionTr');
	if (curr.value == 4) {
		regionEle.style.display = "";
	} else {
		regionEle.style.display = "none";
		var regionSelectEle = document.getElementById('orderregion');
		regionSelectEle.options[0].selected = true;
	}
	main.freightCount('ordersendMode');
}

main.freightCount = function(changeField) {
	var freightShow = document.getElementById('orderfreightShow');
	switch(changeField) {
	case "orderpayMode":
		freightShow.innerHTML = "HK$0";
		break;
	case "ordersendMode":
		var sendEle = document.getElementById('ordersendMode');
		if (sendEle.value == "3") {
			var freightDefault = document.getElementById('orderfreightDefault');
			freightShow.innerHTML = "HK$"+freightDefault.value;
		} else {
			freightShow.innerHTML = "HK$0";
		}
		break;
	case "orderregion":
		var regionEle = document.getElementById('orderregion');
		if ((regionEle.value) && (regionEle.value != 0)) {
			for(i=0;i<regionEle.options.length;i++) {
				if (regionEle.value == regionEle.options[i].value) {
					freightShow.innerHTML = "HK$"+regionEle.options[i].title;
					break;
				}
			}
		} else {
			freightShow.innerHTML = "HK$0";
		}
		break;
	}
};

main.orderPaymentChange = function(curr, total, freightFree, freightSend, orderDesc, noOnlineMessage) {
	if ((curr.value == "2") || (curr.value == "3")) {
		document.getElementById('sendMethodTr').style.display = "none";
	} else {
		document.getElementById('sendMethodTr').style.display = "";
	}
	main.freightRenew(total, freightFree, freightSend, orderDesc, noOnlineMessage);
};

main.freightRenew = function(total, freightFree, freightSend, orderDesc, noOnlineMessage) {
	var paymentMethod = document.getElementById('orderpaymentMethod').value;
	var sendMethod = document.getElementById('ordersendMethod').value;
	var freightShow = document.getElementById('freightShow');
	
	freight = 0;
	/*if ((paymentMethod == 1) && (sendMethod == 2)) {
		alert(noOnlineMessage);
		return;
	}*/
	if (paymentMethod == 2) {
		freight = 0;
		freightShow.innerHTML = "$"+freight;
	} else if (paymentMethod == 3) {
		if (total < freightFree) {
			freight = freightSend;
		} else {
			freight = 0;
		}
		freightShow.innerHTML = "$"+freight;
	} else if (sendMethod == 2) {
		freight = 0;
		freightShow.innerHTML = orderDesc;
	} else if ((total < freightFree) && (paymentMethod == 1) && (sendMethod == 1)) {
		freight = freightSend;
		freightShow.innerHTML = "$"+freight;
	} else {
		freight = 0;
		freightShow.innerHTML = "$"+freight;
	}
};