// JavaScript Document

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function showLoginBox() {
	hideSelectBoxes();
	hideFlash();
	var objBody = document.getElementsByTagName("body").item(0);
		
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlayLogin');
	objOverlay.style.height = document.body.offsetHeight;
	//objOverlay.onclick = function() { hideLoginBox(); }
	objBody.appendChild(objOverlay);
	
	var objOverlayContainer = document.createElement("div");
	objOverlayContainer.setAttribute('id','overlayLoginContainer');
	/*objOverlayContainer.onclick = function(e) {	// close Lightbox is user clicks shadow overlay
		var targ;
		if (!e) var e = window.event;
		if (e.target) targ = e.target;
		else if (e.srcElement) targ = e.srcElement;
		if (targ.nodeType == 3) // defeat Safari bug
			targ = targ.parentNode;
		if ( targ.id == 'overlayContainer') {
			hideLoginBox();
		}
	};*/
	objBody.appendChild(objOverlayContainer);
	
	var objLoginbox = document.createElement("div");
	objLoginbox.setAttribute('id','loginBox');
	objOverlayContainer.appendChild(objLoginbox);
	
	var objLoginBlock = document.createElement("div");
	objLoginBlock.setAttribute('id','block_login');
	objLoginbox.appendChild(objLoginBlock);
		
	/*var objLoginTopImage = document.createElement("img");
	objLoginTopImage.setAttribute('src','images/loginbox_t.png');
	objLoginTopImage.setAttribute('width','294');
	objLoginTopImage.setAttribute('height','41');
	objLoginTopImage.style.paddingLeft = '5px';
	objLoginTopImage.style.behavior = 'url(iepngfix.php)';
	objLoginBlock.appendChild(objLoginTopImage);*/
		
	var objMoveArea = document.createElement("div");
	objMoveArea.setAttribute('id','overlayMoveArea');
	objMoveArea.style.position = 'absolute';
	objMoveArea.style.margin = '0px';
	objMoveArea.style.cursor = 'move';
	objMoveArea.style.width = '294px';
	objMoveArea.style.height = '40px';	
	
	objMoveArea.onmousedown = function(e) {
		if (!e) var e = window.event;
		
		document.drag_approvedFlag=true;
		var myDragBoxId = "loginBox";
		var tmpDragVar1=parseInt(document.getElementById(myDragBoxId).style.marginLeft.replace('px',''));
		var tmpDragVar2=parseInt(document.getElementById(myDragBoxId).style.marginTop.replace('px',''));
		var currMouseX = (e.pageX) ? e.pageX : e.clientX;
		var currMouseY = (e.pageY) ? e.pageY : e.clientY;
		document.drag_iniVar = new Array(myDragBoxId, tmpDragVar1, tmpDragVar2, currMouseX, currMouseY);
		document.body.onmousemove = function(e) {
			if (!e) var e = window.event;
			if ((e.button==1||e.which==1)&&document.drag_approvedFlag){
				var currMouseX = (e.pageX) ? e.pageX : e.clientX;
				var currMouseY = (e.pageY) ? e.pageY : e.clientY;
				
				newX = document.drag_iniVar[1]+currMouseX-document.drag_iniVar[3];
				newY = document.drag_iniVar[2]+currMouseY-document.drag_iniVar[4];
				if (newX > 0 && newX < document.documentElement.clientWidth-document.getElementById(document.drag_iniVar[0]).offsetWidth)
					document.getElementById(document.drag_iniVar[0]).style.marginLeft=newX+"px";
				if (newY > 0 && newY < document.body.clientHeight-document.getElementById(document.drag_iniVar[0]).offsetHeight)
					document.getElementById(document.drag_iniVar[0]).style.marginTop=newY+"px";
				return false;
			}
		};
		document.body.onmouseup = function(e) {
			document.drag_approvedFlag=false;
			document.drag_iniVar = null;
		};
	};
	
	/*
	objMoveArea.onmousedown = function(e) {
		var targ;
		if (!e) var e = window.event;
		if (e.target) targ = e.target;
		else if (e.srcElement) targ = e.srcElement;
		if (targ.nodeType == 3) // defeat Safari bug
			targ = targ.parentNode;
		if ( targ.id == 'overlayMoveArea') {
			currXY = getPageXY(e);
			this.initialX = currXY[0];
			this.initialY = currXY[1];
		}
	};
	objMoveArea.onmousemove = function(e) {
		if (!e) var e = window.event;
		if (this.initialX && this.initialY) {
			currXY = getPageXY(e);
			if (this.dx && this.dy) {
				var newX = currXY[0] + this.dx;
				var newY = currXY[1] + this.dy;
			} else {
				var ix = currXY[0] - this.initialX;
				var iy = currXY[1] - this.initialY;
				var currML = objLoginbox.style.marginLeft.replace('px','');
				var currMT = objLoginbox.style.marginTop.replace('px','');
				var newX = parseInt(currML) + ix;
				var newY = parseInt(currMT) + iy;			
				this.dx = newX - currXY[0];
				this.dy = newY - currXY[1];
			}
			if (newX > 0 && newX < document.documentElement.clientWidth-objLoginbox.offsetWidth)
				objLoginbox.style.marginLeft = newX+"px";
			if (newY > 0 && newY < document.documentElement.clientHeight-objLoginbox.offsetHeight)
				objLoginbox.style.marginTop = newY+"px";
			this.initialX = currXY[0];
			this.initialY = currXY[1];
		}
	};
	objMoveArea.onmouseup = function(e) {
		this.initialX = null;
		this.initialY = null;
		this.dx = null;
		this.dy = null;
	};
	objMoveArea.onmouseout = function(e) {
		this.initialX = null;
		this.initialY = null;
		this.dx = null;
		this.dy = null;
	};*/
	
	
	objLoginBlock.appendChild(objMoveArea);
	
	var objLoginBlockContent = document.createElement("div");
	objLoginBlockContent.setAttribute('id','block_login_content');
	objLoginBlock.appendChild(objLoginBlockContent);
	
	objLoginBlockContent.innerHTML += "<form id=\"frmMemberLogin\" method=\"post\" action=\"member_gologin.php\" onsubmit=\"return checkMemberLogin(this);\"><table cellpadding=\"0\" cellspacing=\"7\" border=\"0\" class=\"fullWidth txt000000_12\" style=\"margin-top:40px;\">" + 
                        	"<tr><td width=\"30\" height=\"31\" class=\"txt000000_12\">帳戶:</td><td class=\"inputfield03\"><input type=\"text\" name=\"username\" value=\"\" /></td></tr>" +
                        	"<tr><td width=\"30\" height=\"31\" class=\"txt000000_12\">密碼:</td><td class=\"inputfield03\"><input type=\"password\" name=\"pass\" value=\"\" /></td></tr>" +
                        	"<tr><td></td><td><input type=\"image\" src=\"images/loginbox_btnsubmit.gif\" /></td></tr>" +
                        	"<tr><td></td><td><input type=\"checkbox\" name=\"savePass\" value=\"1\" /> 記住密碼</td></tr>" +
                        	"<tr><td></td><td><a href=\"member_register.php\" class=\"txt000000_12\">註冊新帳戶</a> <a href=\"#\" class=\"txt000000_12\">忘記密碼</a></td></tr>" +
                        	"<tr><td></td><td align=\"right\"><a href=\"javascript:void(0);\" onclick=\"hideLoginBox();return false;\" class=\"txt000000_12\">取消回頁面</a></td></tr>" +
                        "</table></form>";
	
	/*var objLoginBottomImage = document.createElement("img");
	objLoginBottomImage.setAttribute('src','images/loginbox_b.png');
	objLoginBottomImage.setAttribute('width','294');
	objLoginBottomImage.setAttribute('height','23');
	objLoginBottomImage.style.paddingLeft = '5px';
	objLoginBottomImage.style.behavior = 'url(iepngfix.php)';
	objLoginBlock.appendChild(objLoginBottomImage);*/
	
	var iH=(document.layers)?window.innerHeight:document.documentElement.clientHeight;
	var iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;	
	
	var newMT = (iH-objLoginbox.offsetHeight)/2 > 0 ? (iH-objLoginbox.offsetHeight)/2 : 0;
	var newML = (iW-objLoginbox.offsetWidth)/2 > 0 ? (iW-objLoginbox.offsetWidth)/2 : 0;
	objLoginbox.style.marginTop = newMT+"px";
	objLoginbox.style.marginLeft = newML+"px";
	
	objOverlay.style.height = document.body.clientHeight>document.documentElement.clientHeight?document.body.clientHeight+"px":document.documentElement.clientHeight+"px";
}

function getPageXY(e) {
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) {
		posx = e.pageX;
		posy = e.pageY;
	} else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	return new Array(posx, posy);
}

function hideLoginBox() {
	removeElement('loginBox');
	removeElement('overlayLogin');
	showSelectBoxes();
	showFlash();
}

function removeElement(objId){
	var obj = document.getElementById(objId);
	if (obj) {
		obj.parentNode.removeChild(obj);
	} else {
		//alert("Child div has already been removed or does not exist.");
		return false;
	}
}

function showSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}

// ---------------------------------------------------

function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "visible";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "hidden";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "hidden";
	}

}