var isIE = false;
var isNS = false;

var strMsg = "請先登入會員!";
var intItem = 0;
var strProductName = "";
var intCategory = 0;
var strPId = "";
var strPrice = "";
var intStuff = "";
var intPid = "";
var strProductPic = "";
var strStyle = "";
var strProductDesc = "";
var intMemId = '0';
var strQty = "<select name=qty class=setbox onchange='intQty=this.value'><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option></select>";


if (navigator.appName == "Netscape") isNS = true;
else isIE = true;

function returnObjPosition(target){
	var x = 0;
	var y = 0;
	var tempObj = new Object();
	var obj = (typeof target == "object" ? target : returnObjById(target));
	while (obj.offsetParent != null) {
		x += obj.offsetLeft;
		y += obj.offsetTop;
		obj = obj.offsetParent;
	}
	x += obj.offsetLeft;
	y += obj.offsetTop;
	tempObj.x = x;
	tempObj.y = y;
	return tempObj;
}

function setObjPosition(objLayer,intX,intY) {
	strX = String(intX);
	strY = String(intY);
	objLayer.style.top = intY + (strY.indexOf("px") == -1 ? "px" : "");
	objLayer.style.left = intX + (strX.indexOf("px") == -1 ? "px" : "");
}

function setObjVisibility(objLayer,strState) {
	objLayer.style.visibility = strState;
}

function setObjInnerHTML(objLayer,strHTML) {
	//alert(strHTML);
	if (objLayer) objLayer.innerHTML = strHTML;
}

function setImgSrc(targetID, strSrc) {
	if (typeof targetID == "string") var objImg = returnObjById(targetID);
	else if (typeof targetID == "object") var objImg = targetID;
	objImg.setAttribute("src",strSrc);
}

function returnObjById(strId) {
	var tempObj = document.getElementById(strId);
	return tempObj;
}

document.onmousemove = function(event0) {
	if (window["objPO"]) objPO.checkQuickLookLauncher(event0);
}

document.onmousedown = function(event0) {
	if (window["objPO"]) objPO.grabQuickLook(event0);
	//if (
}

var clipdiv = {
	divs : [],
	init : function (){
		var tags = document.body.getElementsByTagName("DIV");
		for (var i=0; i<tags.length; i++){
			if (tags[i].getAttribute('clipdiv')){
				eval("tags["+i+"].clip={"+tags[i].getAttribute('clipdiv')+"};");
				tags[i].clip.cliptop = 0;
				tags[i].clip.clipleft = 0;

				//init clip style
				tags[i].style.position = "absolute";
				tags[i].style.left = tags[i].clip.left + "px";
				tags[i].style.top = tags[i].clip.top + "px";
				tags[i].style.width = "auto";
				tags[i].style.step = 50;
				tags[i].style.height = "auto";
				tags[i].style.clip = "rect("+tags[i].clip.cliptop+"px,"+tags[i].clip.width + "px,"+tags[i].clip.height+"px,"+tags[i].clip.clipleft+"px)";
				tags[i].scroll = this.scroll;
				this.divs[this.divs.length] = tags[i];	
			}
		}
	},

	scroll : function(arg,step,intX,intY){
		//if lost clip direction, auto detect 
		if(this.clip.dir == undefined) {
			alert("Please define scroll direction:dir:'x' or dir:'y'");
		}

		if (intX) this.style.left = intX;


		if (this.clip.dir == "x"){
			this.clip.clipleft += (arg>0)?step:-(step);
			this.clip.left +=(arg>0)?-(step):step;
			this.style.left = this.clip.left + "px";
		}else{
			this.clip.cliptop +=(arg>0)?step:-(step);
			this.clip.top +=(arg>0)?-(step):step;
			this.style.top = this.clip.top + "px";
		}

		//scroll render
		var top = this.clip.cliptop, left = this.clip.clipleft;
		var right = left + this.clip.width, bottom = top + this.clip.height;
		this.style.clip = "rect(" + top + "px," + right + "px," + bottom + "px," + left + "px)";
	}
};

function ID(id){return document.getElementById(id);}

window.onload = function(){
	clipdiv.init();
}