// JavaScript Document
var FrameSrc = document.getElementById("FrameSrc");
if(FrameSrc){
	var height = document.getElementById("FrameSrc").scrollHeight;
	if(height<300) height = 300;
	var tshowIframeObj = window.parent.document.getElementById("dressup_center_right");
	if(tshowIframeObj)
		tshowIframeObj.style.height=height; 
}
pdr_ff = navigator.appName == "Netscape" ? true : false;
/*mozilla firefox*/
pdr_ie = document.all ? true : false;
/*Microsoft Internet Explorer*/
//更改换装按钮，num=0鼠标移出
function pdr_changeButton(ss, num) {
	var obj = document.getElementById(ss);
	if (num == 2) {
		obj.src = "images/" + ss + "2.gif";
	}
	if (num == 0) {
		obj.src = "images/" + ss + ".gif";
	}
}
//更爱换装性别 0 ?1?
function pdr_changeSex(num) {
	if (num == 0) {
		document.getElementById("show_photo").src = "images/test_girl.gif";
		document.getElementById("bd_sex_male").style.backgroundImage = "url('images/column_18.gif')";
		document.getElementById("bd_sex_female").style.backgroundImage = "url('images/column_19.gif')";
	} else {
		document.getElementById("show_photo").src = "images/test_boy.gif";
		document.getElementById("bd_sex_male").style.backgroundImage = "url('images/column_20.gif')";
		document.getElementById("bd_sex_female").style.backgroundImage = "url('images/column_18.gif')";
	}
}

//对中间的产品做展?obj1-this obj2 showdiv obj3 showtable-obj4-showinfo
//num =1表示显示
function pdr_changeTab(obj1, obj2, obj3, obj4, num) {
	if (num == 1) {
		document.getElementById(obj2).style.zIndex = "999";
		document.getElementById(obj4).style.display = "block";
		document.getElementById(obj1).border = "0";
		document.getElementById(obj3).border = "1";
		if (pdr_ie) { //IE
			document.getElementById(obj1).borderColor = "#ffffff";
			document.getElementById(obj3).borderColor = "#d4a991";
			document.getElementById(obj4).parentElement.setAttribute("bgcolor", "#ffffff");
		} else {
			document.getElementById(obj1).style.borderColor = "#ffffff";
			document.getElementById(obj3).style.borderColor = "#d4a991";
			document.getElementById(obj4).parentElement.setAttribute("style", "background=\"#ffffff\";FILTER: alpha(opacity=85);-moz-opacity:0.85;");
		}
	} else {
		if (num == 0) {
			document.getElementById(obj2).style.zIndex = "0";
			document.getElementById(obj4).style.display = "none";
			document.getElementById(obj1).border = "1";
			document.getElementById(obj3).border = "0";
			if (pdr_ie) { //IE
				document.getElementById(obj1).borderColor = "#D1D1D1";
				document.getElementById(obj3).borderColor = "#ffffff";
				document.getElementById(obj4).parentElement.removeAttribute("bgcolor");
			} else {
				document.getElementById(obj1).style.borderColor = "#D1D1D1";
				document.getElementById(obj3).style.borderColor = "#ffffff";
			}
		}
	}
}
function pdr_setFocus(i) {
//展示?以div id = ss+i的层展现，将其他picList的层隐藏,一共有num?
	for (var id = 1; id <= 3; id++) {
		var ss = "sbar" + id;
		var ss1 = "sbartext" + id;
		if (id == i) {
			document.getElementById(ss).style.display = "block";
			document.getElementById(ss1).setAttribute("background", "images/column_45.gif");
			document.getElementById(ss1).getElementsByTagName("a")[0].className = null;
		} else {
			document.getElementById(ss).style.display = "none";
			document.getElementById(ss1).removeAttribute("background");
			document.getElementById(ss1).getElementsByTagName("a")[0].className = "whitecolumn";
		}
	}
}

//对文件中浮动div的操作

//--收藏成功的消息//需要确认//位置正中 不可移动-->saveRsDiv
//--快照保存成功消息//需要确认和关闭快照//位置正中 不可移动-->photoRsDiv
var rsDivs = new Array("saveRsDiv", "photoRsDiv", "photoDiv");//层的列表
var noeventdiv = "noeventdiv";
var showDiv = new Array("addressDiv", "tryrecordDiv");
var activeRsDiv;//当前作用的确认层
//获得窗口的参数
function getWindowSize() {
	var clientX, clientY, pageX, pageY, scolltop, scollleft;
	clientX = document.documentElement.clientWidth;//不包括滚动条宽度
	clientY = document.documentElement.clientHeight;
	scolltop = document.documentElement.scrollTop;
	scollleft = document.documentElement.scrollLeft;
	pageX = document.body.scrollWidth;
	pageY = document.body.scrollHeight;
	var arrayPageSize = new Array(clientX, clientY, pageX, pageY, scolltop, scollleft);
	return arrayPageSize;
}
//定义Div的位置
function pdr_RsshowDiv() {
	var obj = document.getElementById(activeRsDiv);
	var wSize = getWindowSize();
	var w = parseInt(obj.style.width);
	var h = parseInt(obj.style.height);
	var x = Math.round((wSize[0] - w) / 2) + wSize[5];
	var y = Math.round((wSize[1] - h) / 2) + wSize[4];
	obj.style.left = x + "px";
	obj.style.top = y + "px";
	obj.style.visibility = "visible";
}
//调用命令
function pdr_Rsshow(divRsId) {
	pdr_hideAllDiv();
	activeRsDiv = divRsId;
	pdr_RsshowDiv();
	var wSize = getWindowSize();
	pdr_showNoEventDiv(0, 0, wSize[2], wSize[3]);
}
//屏蔽所有操作，用一个层。
function pdr_showNoEventDiv(x, y, w, h) {
	var noeventdiv = document.getElementById("noeventdiv");
//  alert(x+":"+y+":"+w+":"+h);
	noeventdiv.style.top = x + "px";
	noeventdiv.style.left = y + "px";
	noeventdiv.style.width = w + "px";
	noeventdiv.style.height = h + "px";
//   alert(noeventdiv.style.top+":"+noeventdiv.style.left+":"+noeventdiv.style.width+":"+noeventdiv.style.height);
	noeventdiv.style.display = "block";
	noeventdiv.onclick = pdr_RsshowDiv;
}
//确定窗口
function pdr_Rshide(divRsId) {
	document.getElementById(divRsId).style.visibility = "hidden";
	document.getElementById("noeventdiv").style.display = "none";
}

//--对展示层的操作如身上物品，试穿记录 - 可拖动
var dragClickX, dragClickY;
var dragActive = false;
var dragObj;
var dragObjTag;
function pdr_DivInit(divid) {
	pdr_hideAllDiv();
	dragObj = document.getElementById(divid);
//显示和定位	
	var wSize = getWindowSize();
	var x = 255 - wSize[5];
	var y = 50 + wSize[4];
	
	dragObj.style.left = x + "px";
	dragObj.style.top = y + "px";
	dragObj.style.visibility = "visible";
	dragObjTag = document.getElementById(divid + "drag");
	dragObj.w = dragObj.offsetWidth;
	dragObj.h = dragObj.offsetHeight;
	if (pdr_ie) {
		dragObj.xpos = parseInt(dragObj.style.left);
		dragObj.ypos = parseInt(dragObj.style.top);
	}
	if (pdr_ff) {
		dragObj.xpos = parseInt(dragObj.style.top);
		dragObj.ypos = parseInt(dragObj.style.left);
	}
	dragActive = false;
	dragObjTag.onmousedown = pdr_DivMouseDown;
	dragObjTag.onmousemove = pdr_DivMouseMove;
	dragObjTag.onmouseup = pdr_DivMouseUp;
	dragObjTag.onkeydown = pdr_DivInfo;
	dragObjTag.onkeyup = pdr_DivInfo;
	dragObjTag.onkeypress = pdr_DivInfo;
}
function pdr_DivMouseDown(e) {
	pdr_DivInfo(e);
	if (pdr_ff) {
		var x = e.pageX;
		var y = e.pageY;
	} else {
		var x = event.x + document.documentElement.scrollLeft;
		var y = event.y + document.documentElement.scrollTop;
	}
	if (x >= dragObj.xpos && x <= dragObj.xpos + dragObj.w && y >= dragObj.ypos && y <= dragObj.ypos + dragObj.h) {
		dragClickX = x - dragObj.xpos;
		dragClickY = y - dragObj.ypos;
		dragActive = true;
		return false;
	}
}
function pdr_DivMouseUp(e) {
	dragActive = false;
}
//div移动
function pdr_DivMouseMove(e) {
	pdr_DivInfo(e);
	if (pdr_ff) {
		var x = e.pageX;
		var y = e.pageY;
	} else {
		var x = event.x + document.documentElement.scrollLeft;
		var y = event.y + document.documentElement.scrollTop;
	}
	if (dragActive) {
		dragObj.xpos = x - dragClickX;
		dragObj.ypos = y - dragClickY;
		if (pdr_ff) {
			dragObj.style.left = dragObj.xpos + "px";
			dragObj.style.top = dragObj.ypos + "px";
		} else {
			dragObj.style.left = dragObj.xpos + "px";
			dragObj.style.top = dragObj.ypos + "px";
		}
		return false;
	}
}
function pdr_DivInfo(e) {
}
//关闭所有层
function pdr_hideAllDiv() {
 	var tmpObj;
	for (var i = 0; i < showDiv.length; i++) {
		tmpObj = document.getElementById(showDiv[i]);
		tmpObj.style.visibility = "hidden";
	}
	for (var i = 0; i < rsDivs.length; i++) {
		tmpObj = document.getElementById(rsDivs[i]);
		tmpObj.style.visibility = "hidden";
	}
}
//关闭展示层
function pdr_hideDiv(divid) {
	document.getElementById(divid).style.visibility = "hidden";
}

function changeLable(showLableNum){
	for(var i=1;i<=4;i++){
		if(i==showLableNum){
			document.getElementById(i).setAttribute("style","font-size:14px;font-weight:bold;");
			document.getElementById(i).style.cssText = "font-size:14px;font-weight:bold;";
		}else{
			document.getElementById(i).setAttribute("style","");
			document.getElementById(i).style.cssText = "";
		}
	}
}

function changeURL(url, showLableNum) {
	try{
		if( g_nCurrGender<=0 ){
			alert("页面正在初始化，请稍候再试！");
			return;
		}
	}catch(ex){}
	
	changeLable(showLableNum);
	
	var dressupIframe = document.getElementById("dressup_center_right");
	if (!dressupIframe) {
		alert("\u4e0d\u652f\u6301\u6216\u5b58\u5728Iframe");
	}

/*
	var showImgLabelObj = document.getElementById("showImgLabel");
	if(isNaN(showLableNum)){
		showImgLabelObj.style.display = "none"
	}else{
		showImgLabelObj.style.display = "block"
	}
*/

	dressupIframe.src = url;
}
//替换URL地址中的一个参数值，若该参数不存在，则在URL后附加该参数
//_name:参数名称
//_value:参数值
function pdr_replaceParam(_name,_value) {
	var currHref = location.href;
	var pos = currHref.indexOf('?');
	if (pos<0) return currHref+'?'+_name+'='+_value;
	var href = currHref.substring(0, pos);
	var params = currHref.substring(pos+1);
	if (params.charAt(params.length-1)=='#') {
		params = params.substring(0, params.length-1);
	}
	var arrParams = params.split('&');
	params = "";
	var hasTheParam = false;
	for(var i = 0; i < arrParams.length; i++) {
		var param = arrParams[i].split('=');
		var name = param[0];
		var value = param[1];
		if(name==_name) {
			value = _value;
			hasTheParam = true;
		}
		params += name + '=' + value + '&';
	}
	params = params.substring(0, params.length-1);
	if (!hasTheParam) {
		params += '&' + _name + '=' + _value;
	}
	return href +'?'+ params;
}
//添加到试衣篮
/**
*@param httpFront: contentPath
*@param nType:
*@param nId:
*@param openInNewWindow: true open in _blank else open in _self
*@param kind: change product-select.jsp  kind
*@param condition: other conditions
*/
function pdr_addSkep(httpFront, nType, nId,openInNewWindow,kind,condition){  //httpFront: <%=request.getContextPath()%>
	var url = httpFront+"/dressup/SkepSaveServlet?type="+nType+"&id="+nId;
	var xmlobj = createXMLHttpRequest();//new ActiveXObject("Microsoft.XMLHTTP");
	xmlobj.open("POST",url,false);
	xmlobj.send(null); 
	//var result = xmlobj.responseText;
	//alert(result);
	if(openInNewWindow){
		if(!kind){
			kind="";
		}
		if(!condition){
			condition = "";
		}
		window.open(httpFront+"/dressup/product-tryon.jsp?productId="+nId+"&type="+nType+"&kind="+kind+"&condition="+condition);
	}else{
		if(!kind){
			kind="";
		}
		if(!condition){
			condition = "";
		}
		window.location.href = httpFront+"/dressup/product-tryon.jsp?productId="+nId+"&type="+nType+"&kind="+kind+"&condition="+condition;
	}
}

///////添加到试衣篮,试穿整套形象时check login begin

var sHttpFont;
var nId;

var div = document.createElement("div");
var _sStyleString = "z-index:100;position: absolute;width:280px;height:75px;";
div.setAttribute("style",_sStyleString);
div.style.cssText = _sStyleString;

function pdr_addSkepApp(_event,_httpFront, _nId){  //httpFront: <%=request.getContextPath()%>
	var DU_SKEP_APPEARANCE = 1;
	sHttpFront = _httpFront;
	nId = _nId;
	var url = _httpFront+"/checklogin/CheckLoginServlet";
	var xmlobj = createXMLHttpRequest();//new ActiveXObject("Microsoft.XMLHTTP");
	xmlobj.open("POST",url,false);
	xmlobj.send(null); 
	var bLogined = xmlobj.responseText;
	if(bLogined=="false"){
		var evt = _event?_event:window.event;
		var nLeft = 0;
		var nTop = 0;
		if (_event.pageX || _event.pageY) {
		 nLeft = _event.pageX;
		 nTop = _event.pageY; 
		}else{
	     nLeft = _event.clientX + document.body.scrollLeft - document.body.clientLeft,
	   	 nTop = _event.clientY + document.body.scrollTop  - document.body.clientTop
		}
		
		nLeft = nLeft-130;
		nTop = nTop-100;
		
		div.style.display="block";
		div.style.top = nTop;
		div.style.left = nLeft;
		var sUrl = "../dressup/check-login.jsp?message=4";
		var xmlObj = co_sendXMLHttpRequest(sUrl,"POST",null);
		var content = xmlObj.responseText;
		div.innerHTML = content;
		document.body.appendChild(div);
		return;
	}
	
	var url = _httpFront+"/dressup/SkepSaveServlet?type="+DU_SKEP_APPEARANCE+"&id="+_nId;
	var xmlobj = createXMLHttpRequest();//new ActiveXObject("Microsoft.XMLHTTP");
	xmlobj.open("POST",url,false);
	xmlobj.send(null); 
	//var result = xmlobj.responseText;
	//alert(result);
	window.location.href=_httpFront+"/dressup/product-tryon.jsp?productId="+_nId;
}

//login
function checklogin(){
	var WIDTH = 669;
	var HEIGHT = 400;
	var windowHeight=screen.availHeight;
	var windowWidth=screen.availWidth;
	
	var left = (windowWidth - WIDTH)/2+document.body.scrollLeft;
	var top = (windowHeight - HEIGHT)/2+document.body.scrollTop;
	hideDiv();
	try{
		parent.showDiv(sHttpFront+"/login.jsp?embeded=true&url=/dressup/product-tryon.jsp?productId="+nId,true,WIDTH,HEIGHT,left,top);
	}catch(e){
		showDiv(sHttpFront+"/login.jsp?embeded=true&url=/dressup/product-tryon.jsp?productId="+nId,true,WIDTH,HEIGHT,left,top);
	}
}
function checkregist(){
	var WIDTH = 669;
	var HEIGHT = 500;
	var windowHeight=screen.availHeight;
	var windowWidth=screen.availWidth;
	var left = (windowWidth - WIDTH)/2+document.body.scrollLeft;
	var top = (windowHeight - HEIGHT)/2+document.body.scrollTop;
	hideDiv();
	try{
		parent.showDiv(sHttpFront+"/user/register-tiny.jsp?embeded=true&url=/dressup/product-tryon.jsp?productId="+nId,true,WIDTH,HEIGHT,left,top);
	}catch(e){
		showDiv(sHttpFront+"/user/register-tiny.jsp?embeded=true&url=/dressup/product-tryon.jsp?productId="+nId,true,WIDTH,HEIGHT,left,top);
	}
}
//hide Div
function hideDiv(){
	div.style.display = "none";
}

//////////添加到试衣篮,试穿整套形象时 check login end

//更新点击数及跳转到变脸选点页面
function onAnifaceModelHitted(classId, id, httpFront, sURL){//httpFront: <%=request.getContextPath()%>
	var url = httpFront+'/dressup/ModelIncAniHitsServlet?classId='+classId+'&id='+id;
	var xmlobj = createXMLHttpRequest();//new ActiveXObject("Microsoft.XMLHTTP");
	xmlobj.open("POST",url,false);
	xmlobj.send(null); 
	var alBumResult = xmlobj.responseText;
	location =sURL ;
}

 //图片移动
var Speed = 10; 
var Space = 5; 
var PageWidth = 60; 
var MoveTimeObj;
var Comp = 0;

function stopPre(id){ 
 clearInterval(MoveTimeObj);
 var ele = document.getElementById(id);
  if(ele.scrollLeft % PageWidth  != 0){
  Comp = - (ele.scrollLeft % PageWidth);
  CompScr(id);
 }
}
function pre(id){
 var ele = document.getElementById(id);
 if(ele.scrollLeft <= 0){
	 ele.scrollLeft = 0;
	 return;
 }
 ele.scrollLeft -= Space ;
}

function stopNext(id){
 clearInterval(MoveTimeObj);
 var ele = document.getElementById(id);
 if(ele.scrollLeft % PageWidth != 0 ){
  Comp = PageWidth - ele.scrollLeft % PageWidth ;
  CompScr(id);
 }
}
function next(id){ 
 var ele = document.getElementById(id);
  var listId="List1";
 if(id=="try")
 	listId="List2";
 if(ele.scrollLeft >= document.getElementById(listId).scrollWidth-parseInt(ele.style.width)){
 	ele.scrollLeft = document.getElementById(listId).scrollWidth-parseInt(ele.style.width);
 	return;
 }
	ele.scrollLeft += Space ;
}
function CompScr(id){
var ele = document.getElementById(id);
 var num;
 if(Comp == 0){
	 return;
 }
 if(Comp < 0){ 
  if(Comp < -Space){
   Comp += Space;
   num = Space;
  }else{
   num = -Comp;
   Comp = 0;
  }
  ele.scrollLeft -= num;
  setTimeout(function(){CompScr(id);} ,Speed);
 }else{ 
  if(Comp > Space){
   Comp -= Space;
   num = Space;
  }else{
   num = Comp;
   Comp = 0;
  }
  ele.scrollLeft += num;
  setTimeout(function(){CompScr(id);},Speed);
 }
}