function prepareSubmitParam(name , value) {
	var submitActionName = document.getElementById("submitActionName");
	submitActionName.name = name;
	submitActionName.value = value;
	return true;
}
function hideLargeImg() {
	var largeImg = $("largeImg");
	largeImg.style.display='none';
}
function showLargeImg(img , prdId) {
	//var img = $(id);
	var largeImg = $("largeImg");
	largeImg.src=img.src;
	var width = img.width*1.5;
	var height = img.height*1.5;
	largeImg.width= width;
	largeImg.height= height;
	var marquee = $("marquee");
	var scrollLeft = marquee.scrollLeft;
	largeImg.style.left = findOffsetLeft(img) - scrollLeft - (width - img.width) / 2;
	largeImg.style.top = findOffsetTop(img) - (height - img.height) / 2;
	largeImg.style.display='';
	largeImg.onclick=function() {
		window.location="${base}/productDetail.action?id=" + prdId;
	}
}
function isDD(img) {
	var d = img;
	while (d) {
		if (d.tagName == "DD") {
			return true;
		}
		d = d.parentNode;
	}
	return false;
}
function adjustImg(id) {
	var img = $(id);
	if (img.width>150) {
		img.width=150;
	}
	if (img.height>90) {
		img.height=90;
	}
}

function dologout() {
	var url = '${base}/ajaxLogout.action';
  	var params = Form.serialize('loginForm');
  	var myAjax = new Ajax.Request(
   		url,
   		{
    		method:'post',
		    parameters:params,
		    onComplete: dologinProcess,
		    asynchronous:true
	   });
}

function dologin() {
	var url = '${base}/ajaxLogin.action';
  	var params = Form.serialize('loginForm');
  	var myAjax = new Ajax.Request(
   		url,
   		{
    		method:'post',
		    parameters:params,
		    onComplete: dologinProcess,
		    asynchronous:true
	   });
}

function dologinProcess(request) {
   	var obj = eval('(' + request.responseText + ')');
   	var formStyle = "";
   	var displayStyle = "none";
   	if (obj.logined) {
		$("loginDisplayName").innerHTML = obj.loginDisplayName;
		$("loginTime").innerHTML = obj.currentTime;
		formStyle = "none";
		displayStyle = "";
	}
	$("loginFormDiv").style.display = formStyle;
	$("loginDisplayDiv").style.display = displayStyle;
}

//for topside to show the first and second level menus
function showMenu(currentFirstlevel,iscurrentTab,totalTopTabs,totalFirstLevels,currentSecondlevel) {
	var topsideTable = document.getElementById("topside-table");
	var topsideTableLeft = 0;
	if (topsideTable) {
		topsideTableLeft = findOffsetLeft(topsideTable);
	}
	var toptab = document.getElementById("toptab-" + currentFirstlevel);
	toptab.className = toptab.className + " " + "selected-tab";
	var firstlevel = document.getElementById("toptab-firstlevel-" + currentFirstlevel);
	if (firstlevel) {
		//show the red border
		var topsideFirstLevelMenuTd = document.getElementById("topsideFirstLevelMenuTd");
		topsideFirstLevelMenuTd.style.display='';
		topsideFirstLevelMenuTd.className = topsideFirstLevelMenuTd.className + " " + "red-border";
		
		var topsideSecondLevelMenuTd = document.getElementById("topsideSecondLevelMenuTd");
		topsideSecondLevelMenuTd.style.display='';
		
		var left=0;
		var top=0;
		var height = 0;
		var width = 0;
		if (toptab) {
			left = findOffsetLeft(toptab);
			top = findOffsetTop(toptab);
			height = toptab.offsetHeight;
			width = toptab.offsetWidth;
		}
		firstlevel.style.display='';
		left = left + (width - firstlevel.offsetWidth)/2;
		if (left < 0) {
			left = 0;
		}
		if (left < topsideTableLeft) {
			left = topsideTableLeft + 5;
		}
		firstlevel.style.left = left;
		firstlevel.style.top = top + height;
	}
	if (currentSecondlevel > 0) {
		var firsta = document.getElementById("toptab-firstlevel-a-" + currentSecondlevel);
		if (firsta) {
			firsta.className = firsta.className + " toptab-firstmenu-a-bgimg";
		}
		var secondlevel = document.getElementById("toptab-secondlevel-" + currentSecondlevel);
		if (secondlevel) {
			var firsttd = document.getElementById("toptab-firstlevel-td-" + currentSecondlevel);
			var left=0;
			var top=0;
			var height = 0;
			var width = 0;
			if (firsttd) {
				left = findOffsetLeft(firsttd);
				top = findOffsetTop(firsttd);
				height = firsttd.offsetHeight;
				width = firsttd.offsetWidth;
				firsttd.className = firsttd.className + " toptab-firstmenu-td-bgimg";
			}
			secondlevel.style.display='';
			left = left + (width - secondlevel.offsetWidth)/2;
			if (left < 0) {
				left = 0;
			}
			if (left < topsideTableLeft) {
				left = topsideTableLeft + 5;
			}
			secondlevel.style.left = left;
			secondlevel.style.top = top + height;
		}
	}
}

function hideMenuPanels() {
	var topsideFirstLevelMenuTd = document.getElementById("topsideFirstLevelMenuTd");
	if (topsideFirstLevelMenuTd.className.indexOf("red-border") != -1) {
		return;
	}
	var topsideAdvertiseTd = document.getElementById("topsideAdvertiseTd");
	if (topsideAdvertiseTd) {
		//only can hide the menu panel when advertise panel is exist
		topsideFirstLevelMenuTd.style.display='none';
		topsideFirstLevelMenuTd.className = topsideFirstLevelMenuTd.className.replace("red-border" , "");

		var topsideSecondLevelMenuTd = document.getElementById("topsideSecondLevelMenuTd");
		topsideSecondLevelMenuTd.style.display='none';
	}
}

//for topside to hide all the first and second level menus
function hideMenu(firstlevelCount , secondlevelCount) {
	for (i=1;i<=firstlevelCount;i++) {
		var firstlevel = document.getElementById("toptab-firstlevel-" + i);
		if (firstlevel) {
			firstlevel.style.display='none';
		}
		var toptab = document.getElementById("toptab-" + i);
		toptab.className = toptab.className.replace("selected-tab" , "");
	}
	//clear the forum link
	var toptab = document.getElementById("toptab--1");
	if (toptab) {
		toptab.className = toptab.className.replace("selected-tab" , "");
	}
	
	//hide the red border
	var topsideFirstLevelMenuTd = document.getElementById("topsideFirstLevelMenuTd");
	topsideFirstLevelMenuTd.className = topsideFirstLevelMenuTd.className.replace("red-border" , "");
	setTimeout("hideMenuPanels()", 500);

	for (i=1;i<=secondlevelCount;i++) {
		var secondlevel = document.getElementById("toptab-secondlevel-" + i);
		if (secondlevel) {
			secondlevel.style.display='none';
		}
		var firsta = document.getElementById("toptab-firstlevel-a-" + i);
		if (firsta) {
			firsta.className = firsta.className.replace("toptab-firstmenu-a-bgimg" , "");
		}
		var firsttd = document.getElementById("toptab-firstlevel-td-" + i);
		if (firsttd) {
			firsttd.className = firsttd.className.replace("toptab-firstmenu-td-bgimg" , "");
		}
	}
}

function findOffsetTop(o) {
	var t = 0;
    if (o.offsetParent) {
    	while (o.offsetParent) {
        	t += o.offsetTop;
            o = o.offsetParent;
        }
    }
    return t;
}
function findOffsetLeft(o) {
	var t = 0;
    if (o.offsetParent) {
    	while (o.offsetParent) {
        	t += o.offsetLeft;
            o = o.offsetParent;
        }
    }
    return t;
}

function showSecondLevelList(currentFirstLevel , totalCount) {
	for (i = 1 ; i <= totalCount ; i ++) {
		var firstlevelSplitTr = $("firstlevelSplitTr" + i);
		var secondlevelListTr = $("secondlevelListTr" + i);
		if (currentFirstLevel == i) {
			if (firstlevelSplitTr.style.display == 'none' && secondlevelListTr.style.display == '') {
				firstlevelSplitTr.style.display = '';
				secondlevelListTr.style.display = 'none';
			}
			else {
				firstlevelSplitTr.style.display = 'none';
				secondlevelListTr.style.display = '';
			}
		}
		else {
			firstlevelSplitTr.style.display = '';
			secondlevelListTr.style.display = 'none';
		}
	}
}

function changeTab(base, tabprefix , currentId , totalCount, iszh) {
	var enselectedImgs = new Array('description-selected.jpg','parameters-selected.jpg');
	var enunselectedImgs = new Array('description-unselected.jpg','parameters-unselected.jpg');
	var selectedImgs = new Array('description-selected-chinese.jpg','parameters-selected-chinese.jpg','packagelist-selected-chinese.jpg','afterservice-selected-chinese.jpg');
	var unselectedImgs = new Array('description-unselected-chinese.jpg','parameters-unselected-chinese.jpg','packagelist-unselected-chinese.jpg','afterservice-unselected-chinese.jpg');
	for (i = 1 ; i <= totalCount ; i ++) {
		//var tab = $(tabprefix + "-tab" + i);
		var img = $(tabprefix + "-tab-img" + i);
		var content = $(tabprefix + "-tab-content" + i);
		if (img) {
			if (i == currentId) {
				if (iszh) {
					img.src=base + "/images/" + selectedImgs[i-1];
				}
				else {
					img.src=base + "/images/" + enselectedImgs[i-1];
				}
				if (content) {
					content.style.display='';
				}
			}
			else {
				if (iszh) {
					img.src=base + "/images/" + unselectedImgs[i-1];
				}
				else {
					img.src=base + "/images/" + enunselectedImgs[i-1];
				}
				if (content) {
					content.style.display='none';
				}
			}
		}
	}
}