function clearText(thefield) {
if (thefield.defaultValue == thefield.value)
thefield.value = "";
}
function enlargeImage(url) {
z = window.open('','zoom_popUp','status=0,directories=0,toolbar=0,menubar=0,resizable=1,scrollbars=1,location=0');
z.document.write('\n\nPicture Zoom\n\n\n\n
\n
\n
![]("+image_base_url+"/W"+W+"-H"+H+"-B"+B+"/"+IMGID+")
");
}
/*
######################### FOR ajax add to cart ################
*/
function superAddToCart(id,pid) {
// alert(id+' , '+pid);
//open modal.
Modalbox.show($('detailedMiniCart'), {title: 'Shopping Cart', width: 700, height:530 });
var postBody = 'm=AddToCart&cart='+session_id+'&pid='+pid;
for (i = document.forms.length-1; i>=0; --i) {
if (document.forms[i].elements['product_id']) {
if (document.forms[i].elements['product_id'].value == pid) {
postBody = postBody + '&' + Form.serialize(document.forms[i]);
new Ajax.Request(magic_url+'ajax/AddToCart', { postBody: postBody, asynchronous: 1,
onComplete: function(request){handleResponse(request.responseText); } }
) ;
}
}
}
}
/*
######################## JSON cart class
*/
var handleCart = Class.create({
addHandler: function(key,value,f) {
// adds a new entry to the this.handlers e.g.:
this.handlers[ key+"." + value ] = f;
},
initialize: function(cartJSON) {
this.cartJSON = cartJSON;
this.handlers = {};
this.addHandler("type","product","renderItemProduct");
this.addHandler("type","coupon","renderItemCoupon");
},
// return an array of option id's
listProductIDs: function() {
r = Array();
for(var key in this.cartJSON.product) {
r.push(key);
}
return(r);
},
getItemById: function(stid) {
return this.cartJSON.product[stid];
},
//total number of items in cart. takes into account quantities and coupons.
getTotalCount: function() {
return this.cartJSON.global.totalcount;
},
//total number of unique items in cart. disregards mulitple quantities of same item.
getUniqueItemCount: function() {
return countProperties(this.cartJSON.product);
},
//item id is the entire STI
renderItem: function(itemObject,id) {
//anything that needs to be done globally per item should be done here.
if (this.handlers["itemObject."+itemObject]) {
return(eval("this."+this.handlers["itemObject."+itemid]+"(itemObject)"));
}
else if (this.handlers["type."+itemObject.type]) {
return(eval("this."+this.handlers["type."+itemObject.type]+"(itemObject,id)"));
}
else if (itemObject == '' || itemObject == null || itemObject == undefined) {
//failsafe for blank added as a result of IE comma issue.
}
else {
return(eval("this."+this.handlers["unknown."]+"(itemObject)"));
}
},
renderItemCoupon: function(itemObject,stid) {
// $("zCartItem_"+stid).append("type = coupon and couponid = "+stid);
},
renderItemProduct: function(itemObject,stid) {
// console.log('in render product '+stid);
//stid container gets added to the dom becuase a child in that div MUST be on the dom.
//the rest of the container contents are unessential and NOT added to the dom.
var attrs = {
'style' : 'border-top:1px solid #ffd45a; padding:4px; position:relative; clear:both;',
'id' : stid+'Container'
}
var div = new Element('div',attrs);
//changed sku_link to sku_url because of some encoding issues with IE and Chrome. This seems to globally work better.
div.update(""+zoovyImage(itemObject.prod_thumb,70,70,'ffffff',1)+"
"+itemObject.prod_name+"
"+itemObject.price+" x "+itemObject.quantity+" = "+itemObject.extended+"
update quantity"+itemObject.pogs.unescapeHTML()+"
");
$('JSONCartDisplay').insert(div);
//The containers for the show and hide buttons for accessories must be part of the DOM so they can be manipulated.
attrs = {
'id' : 'showAccsLink_'+stid,
'style' : 'clear:both; height:20px;'
}
div = new Element('div',attrs);
if(itemObject.accessory_products != '') {
div.update("![show accessories]("+wrapper_url+"/bm10_mc_showaccessories-150x20.png)
");
$(stid+'Container').insert(div);
attrs = {
'id' : 'hideAccsLink_'+stid,
'style' : 'clear:both; display:none; margin-left:-6px; height:20px;'
}
div = new Element('div',attrs);
div.update("![show accessories]("+wrapper_url+"/bm10_mc_hideaccessories-150x20.png)
");
$(stid+'Container').insert(div);
}
},
renderSimpleCart: function() {
var targetDiv = $('JSONSimpleCartDisplay');
targetDiv.addClassName('chkout_simple_cart_container');
$('content').addClassName('chkout_content');
var headerDiv = "";
targetDiv.insert(headerDiv);
var cartItemIds = this.listProductIDs();
cartSkus.length = 0; //empty the cart skus array.
// the -1 in the length below is to compensate for the last entry in the json being blank. if/when the cart json is upgraded, CHANGE THIS.
for ( var i=0, len=cartItemIds.length-1; i < len; ++i) {
var itemObject = this.getItemById(cartItemIds[i]);
stid = cartItemIds[i];
//stid container gets added to the dom becuase a child in that div MUST be on the dom.
//the rest of the container contents are unessential and NOT added to the dom.
var attrs = {
'style' : 'border-top:1px solid #ffffff; padding:4px; position:relative; clear:both;',
'id' : stid+'ContainerChkout',
'className' : 'ztable_row'
}
var div = new Element('div',attrs);
//changed sku_link to sku_url because of some encoding issues with IE and Chrome. This seems to globally work better.
div.update(""+itemObject.prod_name+"
"+itemObject.price+" x "+itemObject.quantity+" = "+itemObject.extended+"
"+itemObject.pogs.unescapeHTML()+"
"+zoovyImage(itemObject.prod_thumb,40,40,'efefef',1)+"
");
targetDiv.insert(div);
}
},
renderTotals: function() {
if(this.cartJSON.global.totalcount > 0) {
$('minicartTotals').innerHTML = ""; //blank out current contents.
$('minicartTotals').innerHTML += ""+this.cartJSON.global.totalcount+" items:
"+this.cartJSON.global.subtotal+"
";
if(this.cartJSON.global.salestax != null)
$('minicartTotals').innerHTML += "FL. Sales Tax ("+this.cartJSON.global.salestax.taxrate+"%)
"+this.cartJSON.global.salestax.taxtotal+"
";
if(this.cartJSON.global.bonding != null)
$('minicartTotals').innerHTML += "Bonding
"+this.cartJSON.global.bonding.value+"
";
if(this.cartJSON.global.shipping != null)
$('minicartTotals').innerHTML += ""+this.cartJSON.global.shipping.surchargevalue+"
";
$('minicartTotals').innerHTML += "Total
"+this.cartJSON.global.grandtotal+"
";
}
},
renderCart: function() {
// console.log('got into renderCart');
$('JSONCartDisplay').innerHTML = ""; //remove loading message or any existing cart items displayed.
// console.log('got past resetting inner html');
var cartItemIds = this.listProductIDs();
// console.log(cartItemIds);
cartSkus.length = 0; //empty the cart skus array.
for ( var i=0, len=cartItemIds.length; i < len; ++i) {
var itemObject = this.getItemById(cartItemIds[i]);
this.renderItem(itemObject,cartItemIds[i]);
if(itemObject.accessory_products != '' && cartItemIds[i] != '') {
cartSkus.push(cartItemIds[i]);
lastCartSkuAccs = cartItemIds[i]; //will get reset each time in the loop. will contain last stid of items in cart that has accessories.
}
}
this.renderTotals();
//update and display the accessories to match the last item in the cart that has accessories, if present.
// alert("lastCartSku is set: "+lastCartSkuAccs);
if(lastCartSkuAccs){
showAccessories(lastCartSkuAccs,jsonCart.product[lastCartSkuAccs].accessory_products)}
else{
toggleShowHideLinks()
};
}
});