var focusSecondary = true; var lastViewId = ""; function changeImgView(viewId, thumbImg) { var viewElemPrimary = document.getElementById(viewId + '_primary'); var viewElemSecondary = document.getElementById(viewId + '_secondary'); var viewElemPrimaryImg = urlPrefix + viewId + '_1.jpg'; var viewElemSecondaryImg = urlPrefix + viewId + '_2.jpg'; var viewElemCurrentImg = urlPrefix + viewId + '_' + thumbImg + '.jpg'; if (lastViewId == "") { lastViewId = viewId; } if (lastViewId != viewId) { focusSecondary = true; } if (viewElemPrimary.src.indexOf("_2") > -1) { focusSecondary = false; } if (thumbImg == 2 && !focusSecondary) { viewElemPrimary.src = viewElemPrimaryImg; viewElemSecondary.src = viewElemSecondaryImg; focusSecondary = true; } else if (thumbImg == 2 && focusSecondary) { viewElemPrimary.src = viewElemSecondaryImg; viewElemSecondary.src = viewElemPrimaryImg; focusSecondary = false; } else { viewElemPrimary.src = viewElemCurrentImg; } lastViewId = viewId; } function reCenter(w,h) { var leftPosition = (screen.width) ? (screen.width-w)/2 : 0; var topPosition = (screen.height) ? (screen.height-h)/2 : 0; windowHandler.moveTo(leftPosition,topPosition); windowHandler.focus(); } function fitPic(w,h,htSkew) { var imgWidth = windowHandler.document.images['zoomImg'].width + 10; if (imgWidth < (w - 1)) { imgWidth = w - 1; } var imgHeight = windowHandler.document.images['zoomImg'].height + 10; var w = imgWidth - w; var h = (imgHeight - h) + htSkew; windowHandler.resizeBy(w,h); reCenter(imgWidth,imgHeight); } function newWindowWrite(srcDoc, w, h, htSkew) { windowHandler.document.open("text/html", "replace"); windowHandler.document.writeln("\n\nProduct Detail @ Sisters on the fly\n"); windowHandler.document.writeln("\n
"); if (htSkew > 1) { windowHandler.document.writeln("


"); } windowHandler.document.writeln(""); windowHandler.document.writeln("
\n\n"); windowHandler.document.write(""); windowHandler.document.close(); } function zoomProduct(srcDoc, w, h, htSkew) { leftPosition = (screen.width) ? (screen.width-w)/2 : 0; topPosition = (screen.height) ? (screen.height-h)/2 : 0; windowHandler = window.open('','','toolbar=no,scrollbars=no,resizable=yes,width='+ w +',height='+ h +',top='+ topPosition +',left='+ leftPosition); newWindowWrite(srcDoc, w, h, htSkew); } // open & center window var win = null; function newWindow(mypage,myname,w,h){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars=yes,toolbar=no,status=no,location=no,menubar=no,directories=no,resizable=yes'; win = window.open(mypage,myname,settings) if(win.window.focus){win.window.focus();} } // cart functions function addItem(btnObj) { var addToCartForm = document.addToCartForm; var btnId = btnObj.id; btnIdElems = btnId.split("_"); var dataGroupId = btnIdElems[0]; var itemNameId = dataGroupId + "_item_name"; var itemNumberId = dataGroupId + "_item_number"; var itemAmountId = dataGroupId + "_amount"; var itemOn0Id = dataGroupId + "_on0"; var itemOs0Id = dataGroupId + "_os0"; var itemOn1Id = dataGroupId + "_on1"; var itemOs1Id = dataGroupId + "_os1"; var itemQuantityId = dataGroupId + "_quantity"; var itemShippingId = dataGroupId + "_shipping"; var itemNameObj = document.getElementById(itemNameId); var itemNumberObj = document.getElementById(itemNumberId); var itemAmountObj = document.getElementById(itemAmountId); var itemOn0Obj = document.getElementById(itemOn0Id); var itemOs0Obj = document.getElementById(itemOs0Id); var itemOn1Obj = document.getElementById(itemOn1Id); var itemOs1Obj = document.getElementById(itemOs1Id); var itemQuantityObj = document.getElementById(itemQuantityId); var itemShippingObj = document.getElementById(itemShippingId); var itemName = itemNameObj.value; var itemNumber = itemNumberObj.value; var itemAmount = itemAmountObj.value; var itemOn0 = ""; var itemOs0 = ""; // need to add validation - must make choice in order to submit if (itemOn0Obj != null) { itemOn0 = itemOn0Obj.value; itemOs0 = itemOs0Obj.value; if (itemOn0 == "Color" && itemOs0 == "") { alert("Please choose a color before adding to cart"); return false; } } var itemOn1 = ""; var itemOs1 = ""; if (itemOn1Obj != null) { itemOn1 = itemOn1Obj.value; itemOs1 = itemOs1Obj.value; if (itemOn1 == "Size" && itemOs1 == "") { alert("Please choose a size before adding to cart"); return false; } } var itemQuantity = itemQuantityObj.value; var itemShipping = ""; if (itemShippingObj != null) { itemShipping = itemShippingObj.value; } addToCartForm.item_name.value = itemName; addToCartForm.item_number.value = itemNumber; addToCartForm.amount.value = itemAmount; addToCartForm.on0.value = itemOn0; addToCartForm.os0.value = itemOs0; addToCartForm.on1.value = itemOn1; addToCartForm.os1.value = itemOs1; addToCartForm.quantity.value = itemQuantity; addToCartForm.shipping.value = itemShipping; addToCartForm.submit(); } // for merit badges function addItems() { var addToCartForm = document.addToCartForm; var objInputs = document.getElementsByTagName("input"); var itemNum = 0; var descrip = ""; var descripList = ""; var amount = 3; var quantity = 0; var shipping = 0; for (var i = 0, j = 1; i < objInputs.length; ++i) { if (objInputs[i].type == "checkbox") { if (objInputs[i].checked) { itemNum = objInputs[i].value; descrip = objInputs[i].getAttribute("descrip"); if (j == 1) { descripList += "#" + itemNum + ": " + descrip; } else { descripList += ", #" + itemNum + ": " + descrip; } quantity = quantity + 1; shipping = shipping + 1; ++j; } } } addToCartForm.item_name.value = "Merit Badge(s)"; // addToCartForm.item_number.value = 2001; addToCartForm.amount.value = amount; addToCartForm.on0.value = "Details"; addToCartForm.os0.value = descripList; addToCartForm.quantity.value = quantity; addToCartForm.shipping.value = shipping; addToCartForm.submit(); } function viewCart() { document.viewCartForm.submit(); } // color / size behavior functions function clear_options(selobj) { selobj.options.length = 1; } function fillSizeOpts(objSizeSelect, strColor) { if (strColor == "Blue") { objSizeSelect.options[1] = new Option ("L","L"); } else { // color = 'Pink' objSizeSelect.options[1] = new Option ("S","S"); objSizeSelect.options[2] = new Option ("M","M"); objSizeSelect.options[3] = new Option ("L","L"); objSizeSelect.options[4] = new Option ("XL","XL"); objSizeSelect.options[5] = new Option ("2X","2X"); objSizeSelect.options[6] = new Option ("3X","3X"); } } function setSize(strSizeId, strColor) { var objSizeSelect = document.getElementById(strSizeId); objSizeSelect.disabled = false; clear_options(objSizeSelect); fillSizeOpts(objSizeSelect, strColor); }