/* Inline Bag */
var objInlineBag = new Object();
objInlineBag.isOpen = false;
objInlineBag.doOpenBag = false;
objInlineBag.isAnimating = false;
objInlineBag.closeDelay = 60*1000;
objInlineBag.intInlineBagHeight = 250;
objInlineBag.objTimer;
objInlineBag.scrollDelta = 5;
objInlineBag.scrollSpeed = 1;


objInlineBag.objContentsLayer = new Object();
objInlineBag.objBagCount = new Object();


var intBagCount = 0;
var strBagProductPic = "";
var strBagProductDesc = "";
var intQty = 1;
var intSubTotal = 0;
var strPid = ""
objPO.initializeBag = function() {
	objInlineBag.objContentsLayer = returnObjById("inlineBagContent");
	objInlineBag.objBagCount = returnObjById("inlineBagCount");
	objInlineBag.doOpenBag = true;
}

objPO.addToBagInDtl = function(intQty, strPId, intCategory, intStuff, intItem) {
	objPO.objQuickLookTarget.intItem = intItem;
	objPO.objQuickLookTarget.intCategory = intCategory;
	objPO.objQuickLookTarget.intStuff = intStuff;
	objPO.objQuickLookTarget.strPId = strPId;

	objPO.addToBag(intQty)
}

objPO.addToBag = function(intQty) {
	var strURL = "/inc/ShoppingBag.htm?id=" + objPO.objQuickLookTarget.strPId;
	strURL += "&cate=" + objPO.objQuickLookTarget.intCategory;
	strURL += "&stuff=" + objPO.objQuickLookTarget.intStuff;
	strURL += "&item=" + objPO.objQuickLookTarget.intItem;
	strURL += "&qty=" + intQty;
//alert(strURL);
	intBagCount = 0;
	strBagProductPic = "";
	strBagProductDesc = "";
	intStuff = "";
	intPid = "";
	intQty = 1;
	intSubtotal = 0;
	intCategory = 0;
    strPid = objPO.objQuickLookTarget.strPId;
	objInlineBag.doOpenBag = true;

	//alert(strURL);

	// --------------------------------------
	// AJAX TEST
	var myAjax = new Ajax.Updater(
		'inlineBagAjaxLoader',
		strURL,
		{
			method: 'get',
			evalScripts: true
			//,
			//onComplete: function(originalRequest) {alert(originalRequest.responseText);}
		});
	// END AJAX TEST
	// ---------------------------------------
}

objInlineBag.setInlineShoppingBagData = function() {
	//Load 剛才點加入購物車，該項商品的資料
	setObjInnerHTML(objInlineBag.objContentsLayer,objPO.getBagFrame());
	setObjInnerHTML(objInlineBag.objBagCount,intBagCount);
	//objInlineBag.intInlineBagHeight = objInlineBag.objContentsLayer.offsetHeight;
//alert(objContentsLayer,objPO.getBagFrame());

	objInlineBag.position = returnObjPosition("inlineBagHeader");

	if (objInlineBag.intInlineBagHeight == 0) {
		objInlineBag.intInlineBagHeight = 250;
	} else {
		ID('inlineBagContent').clip.dir ='y';
		ID('inlineBagContent').scroll(1,objInlineBag.intInlineBagHeight,objInlineBag.position.x,105);
	}

	objPO.doAddToBagSuccess();
}

objPO.doAddToBagSuccess = function() {
	window.scrollTo(0,0);
	//setObjVisibility(objInlineBag.objContentsLayer,"visible");
	//alert(objInlineBag.doOpenBag);
	if (objInlineBag.doOpenBag) objInlineBag.openInlineBag(false);
	if (objPO.isQuickLookOpen) setTimeout("objPO.closeQuickLook()", 300);
}

objInlineBag.checkInlineBag = function() {
	if (intMemId == 0) {
		alert(strMsg);
	} else if (intBagCount == 0 && objInlineBag.objContentsLayer.innerHTML == undefined) {
		alert("請先選擇您想要購買的商品!");
		location.href = '/private-collection/index.htm';
	} else {
		//if (objInlineBag.objContentsLayer.style.top != '145px') {
		//	objInlineBag.intInlineBagHeight = 250;
		//	objInlineBag.openInlineBag(true);
		//}
		location.href = '/shopcar/index.htm';
	}
}

objInlineBag.openInlineBag = function(isAuto) {
	if (!objInlineBag.isAnimating || isAuto) {
		objInlineBag.isAnimating = true;

		if(objInlineBag.intInlineBagHeight > 0){
			ID('inlineBagContent').clip.dir ='y';
			ID('inlineBagContent').scroll(0,objInlineBag.scrollDelta);

			objInlineBag.intInlineBagHeight -= objInlineBag.scrollDelta;

			objInlineBag.objTimer = setTimeout("objInlineBag.openInlineBag(true)", objInlineBag.scrollSpeed);
		} else {
			objInlineBag.doOpenBag = false;

			objInlineBag.isOpen = true;
			objInlineBag.isAnimating = false;
			objInlineBag.intInlineBagHeight = 250;
			objInlineBag.objTimer = setTimeout("objInlineBag.closeInlineBag();",objInlineBag.closeDelay);
		}
	}
}

objInlineBag.closeInlineBag = function(isAuto) {
	if (!objInlineBag.isAnimating || isAuto) {
		objInlineBag.isAnimating = true;

		if(objInlineBag.intInlineBagHeight > 0){
			ID('inlineBagContent').clip.dir ='y';
			ID('inlineBagContent').scroll(1,objInlineBag.scrollDelta);

			objInlineBag.intInlineBagHeight -= objInlineBag.scrollDelta;

			objInlineBag.objTimer = setTimeout("objInlineBag.closeInlineBag(true)", objInlineBag.scrollSpeed);
		} else {
			clearTimeout(objInlineBag.objTimer);
			objInlineBag.isOpen = false;
			objInlineBag.isAnimating = false;

			objInlineBag.hideInlineBag();
		}
	}
	
	
}

objInlineBag.hideInlineBag = function() {
	//setObjInnerHTML(objInlineBag.objContentsLayer,'');

	//objInlineBag.intInlineBagHeight = 250;
}


objPO.getBagFrame = function() {
	var str =	'' +
       '  <table border="0" cellspacing="0" cellpadding="0">' +
       '    <tr> ' +
       '      <td align="right" valign="top">' +
       '        <table width="270" border="0" cellspacing="0" cellpadding="0">' +
       '          <tr> ' +
       '            <td width="8" align="left" valign="top" background="../images/shopcar-left.gif">&nbsp;</td>' +
       '            <td width="262" align="left" valign="top">' +
       '              <table width="262" height="58" border="0" cellpadding="0" cellspacing="0">' +
       '                <tr> ' +
       '                  <td width="262" height="58" align="left" valign="top" background="../images/shopcar-up.gif">' +
       '                    <table width="252" border="0" cellspacing="0" cellpadding="0">' +
       '                      <tr> ' +
       '                        <td width="12" height="8"></td>' +
       '                        <td width="164" height="8"></td>' +
       '                        <td width="76" height="8"></td>' +
       '                      </tr>' +
       '                      <tr> ' +
       '                        <td colspan="3" height="25">&nbsp;</td>' +
       '                      </tr>' +
       '                      <tr> ' +
       '                        <td>&nbsp;</td>' +
       '                        <td class="p-d-text">您目前有 <span class="style2">' + intBagCount + '</span> ' +
       '                          件商品在購物車內</td>' +
       '                        <td align="right" class="p-d-text"><a href="javascript:objInlineBag.closeInlineBag()"><img src="../images/shopcar-up-close.gif" width="48" height="17" border="0"></a></td>' +
       '                      </tr>' +
       '                    </table>' +
       '                  </td>' +
       '                </tr>' +
       '              </table>' +
       '              <table width="262" height="84" border="0" cellpadding="0" cellspacing="0">' +
       '                <tr> ' +
       '                  <td align="left" valign="top" background="../images/shopcar-bg.gif">' +
       '                    <table width="252" border="0" cellspacing="0" cellpadding="0">' +
       '                      <tr> ' +
       '                        <td width="13" height="4"></td>' +
       '                        <td width="84" height="4"></td>' +
       '                        <td width="155" height="4"></td>' +
       '                      </tr>' +
       '                      <tr> ' +
       '                        <td>&nbsp;</td>' +
       '                        <td valign="top">' + strBagProductPic + '</td>' +
       '                        <td align="left" valign="top" class="shopcar-text">' +
       '                          商品名稱: ' + strProductName + '<br>'

                                  if (strStyle != "") str += ' 商品尺寸 : ' + strStyle + '<br>'

       str += '                   數量 : ' + intQty + '<br>' +
       '                          小計 : ' + intSubTotal + '<br>' +
       '                          <table width="100%"  border="0" cellspacing="0" cellpadding="0">' +
       '                            <tr> ' +
       '                              <td align="right" valign="top"><a href="product.htm?sf=' + intStuff + '&cate=' + intCategory + '&id=' + strPid + '"><img src="../images/shopcar-more.gif" width="61" height="16" border="0"></a></td>' +
       '                            </tr>' +
       '                          </table>' +
       '                        </td>' +
       '                      </tr>' +
       '                    </table>' +
       '                  </td>' +
       '                </tr>' +
       '              </table>' +
       '            </td>' +
       '          </tr>' +
       '          <tr> ' +
       '            <td colspan="2"><img src="../images/shopcar-low.gif" width="270" height="8"></td>' +
       '          </tr>' +
       '        </table>' +
       '      </td>' +
       '    </tr>' +
       '  </table>'

//alert(str);
	return str;
}