/*--------------------------------------------------------------------------*
*
* Copyright (C) 2011 Brand Labs LLC
*
*--------------------------------------------------------------------------*/
var ShoppingCart = {
TOP_HTML: '',
TITLE_ROW_HTML: ' | '
+' | '
+'Description | '
+' | '
+'Qty | '
+' | '
+'Item | '
+' | '
+'Total | '
+' | ',
UPDATE_CART_BUTTON_HTML: '',
load: function(){
try{
ShoppingCart.ContentArea = $('content_area');
if(ShoppingCart.ContentArea == undefined || ShoppingCart.ContentArea == null){
return;
}
//Check for error table
var sib = ShoppingCart.ContentArea.down('table').down('table').siblings();
if(sib.size() < 5){
ShoppingCart.Table = ShoppingCart.ContentArea.down('table').down('table').down('table');
}else{
ShoppingCart.Table = ShoppingCart.ContentArea.down('table').down('table').next('table').down('table');
}
// Set table width to 100%
ShoppingCart.Table.writeAttribute({
width: '100px'
});
ShoppingCart.Table.up('form').next('br').remove();
ShoppingCart.Table.up('form').next('br').remove();
// Add Shopping Cart Image and CheckOut Button to top
ShoppingCart.ContentArea.down('br').remove();
ShoppingCart.ContentArea.down('div').remove();
ShoppingCart.ContentArea.insert({
top: ShoppingCart.TOP_HTML
});
//Remove Coupon Section
$$('input[name="CouponCode"]').first().up('table').remove();
// Replace cart dividing horizontal lines
var cartRows = ShoppingCart.Table.down('tr').siblings();
cartRows.each(function(row){
var colspan = row.down('td').readAttribute('colspan');
if(colspan == '12'){
row.down('td').update('
');
}
});
// Style empty my cart section and add Keep Shopping button and Update Cart button
var emptyCart = $$('a[href="ShoppingCart.asp?ClearCart=Y"]').first();
var emptyCartInner = emptyCart.up('font').innerHTML;
var emptyCartContainer = emptyCart.up('td');
emptyCartContainer.update();
emptyCartContainer.insert('' + emptyCartInner + '
');
var reCalcShipping = emptyCartContainer.next('td',1).down('table').innerHTML;
emptyCartContainer.next('td').remove();
emptyCartContainer.next('td').remove();
emptyCartContainer.next('td').remove();
emptyCartContainer.writeAttribute({
colspan: '12'
});
emptyCartContainer.insert({
bottom: ShoppingCart.UPDATE_CART_BUTTON_HTML
});
// Add Discount Box and Recalculate Shipping Rates
emptyCartContainer.up('tr').insert({
after: ' | | Discount Code:
Enter your coupon code if you have one. | | |
'
});
//Style product names
var products = $$('a[class="carttext colors_productname"]');
products.each(function(ele){
var href = ele.readAttribute('href');
var inner = ele.innerHTML.stripTags();
ele.up('td').addClassName('shopping_cart_product_name');
ele.up('td').insert('' + inner + '');
ele.up('td').down('font').remove();
});
//Remove set widths for last column
emptyCartContainer.up('tr').next('tr',1).down('table').writeAttribute({
width:'100%px',
height:'23px'
});
emptyCartContainer.up('tr').next('tr',1).down('table').down('td').writeAttribute({
width:'90%'
});
emptyCartContainer.up('tr').next('tr',1).down('table').down('td').addClassName('shopping_cart_totals');
emptyCartContainer.up('tr').next('tr',2).down('td').next('td',3).down('table').writeAttribute({
width:'100%px'
});
emptyCartContainer.up('tr').next('tr',2).down('td').next('td',3).down('table').down('td').writeAttribute({
width:'90%'
});
emptyCartContainer.up('tr').next('tr',2).down('td').next('td',3).down('table').down('td').addClassName('shopping_cart_grand_total');
var total = emptyCartContainer.up('tr').next('tr',2).down('td').next('td',3).down('table').down('td').innerHTML.stripTags().strip();
emptyCartContainer.up('tr').next('tr',3).remove();
var temp = $$('font[class="carttext colors_text"]');
temp.each(function(ele){
try {
var inner = ele.down('b').innerHTML;
var container = ele.up('td');
container.update();
container.insert('' + inner + '
');
container.writeAttribute({
width: '90%'
});
container.up('table').writeAttribute({
width: '100%'
});
}catch(e){
var container = ele.up('td');
container.update();
container.insert('' + ele.innerHTML + '
');
container.writeAttribute({
width: '85px'
});
container.up('table').writeAttribute({
width: '100%'
});
}
});
// Calculate Discount and Subtotal
var prices = $$('div[class="shopping_cart_product_price"]');
var discount = 0.00;
prices.each(function(ele){
var location = ele.innerHTML.strip().indexOf('-');
if(location != -1){
discount = discount + Number(ele.innerHTML.strip().substr(location+2));
}
});
var subTotal = Number(total.substr(1)) + discount;
//Add and Style Tax, Subtotal, Discount Section
emptyCartContainer.up('tr').next('tr',1).down('td').next('td').insert({
after: ' | | '
});
emptyCartContainer.up('tr').next('tr',1).down('td').next('td',3).writeAttribute({
colspan: '1'
});
emptyCartContainer.up('tr').next('tr',1).down('td').next('td',3).down('div').writeAttribute({
align: 'left'
});
emptyCartContainer.up('tr').next('tr',1).down('td').next('td',3).down('div').addClassName('shopping_cart_totals_tax');
emptyCartContainer.up('tr').next('tr',1).insert({
after: ' | SubTotal: | | | $' + subTotal.toFixed(2) + ' | |
|
'
});
emptyCartContainer.up('tr').next('tr',2).insert({
after: ' | Discount: | | | -$' + discount.toFixed(2) + ' | |
|
'
});
$('shopping_cart_grandtotal_title').up('td').addClassName('grand_total_container');
$('shopping_cart_grandtotal_title').up('div').writeAttribute({
align: 'right'
});
$('shopping_cart_grandtotal_title').up('tr').down('td').writeAttribute({
rowspan: '1'
});
emptyCartContainer.up('tr').next('tr',5).remove();
emptyCartContainer.up('tr').next('tr',5).remove();
emptyCartContainer.up('tbody').insert({
bottom: ' | | |
'
});
//Style title row of table
ShoppingCart.Table.down('tr').remove();
ShoppingCart.Table.down('tr').update();
ShoppingCart.Table.down('tr').insert(ShoppingCart.TITLE_ROW_HTML);
var temp = $$('select[name="ShippingSpeedChoice"]');
if(temp.size() < 1){
// Add Caluclate Shipping text to update shipping address
emptyCartContainer.up('tr').next('tr').insert({
after: ' | Calculate Shipping |
'
});
var recalculate = $$('a[class="shoppingcart_apply_button"]');
recalculate.each(function(ele){
Event.observe(ele, 'click', function(){
$$('form[name="form"]').first().submit();
});
});
}
// Style bottom check out button
var button = $$('input[name="btn_checkout_guest"]');
button.last().writeAttribute({
src: '/v/custom-pages/images/checkout_btn.gif'
});
button.last().up('td').writeAttribute({
align: 'right'
});
// add roll over effects to buttons and pre-load images
new Element('img', {src: '/v/custom-pages/images/checkout_btn_hover.gif'});
new Element('img', {src: '/v/custom-pages/images/apply_hover.gif'});
new Element('img', {src: '/v/custom-pages/images/updatecart_hover.gif'});
new Element('img', {src: '/v/custom-pages/images/keepshopping_hover.gif'});
var checkoutButtons = $$('input[name="btn_checkout_guest"]');
checkoutButtons.each(function(ele){
Event.observe(ele, 'mouseover', function(){
ele.writeAttribute({
src: '/v/custom-pages/images/checkout_btn_hover.gif'
});
});
Event.observe(ele, 'mouseout', function(){
ele.writeAttribute({
src: '/v/custom-pages/images/checkout_btn.gif'
});
});
});
var applyButtons = $$('input[name="btnCouponCode"]');
applyButtons.each(function(ele){
Event.observe(ele, 'mouseover', function(){
ele.writeAttribute({
src: '/v/custom-pages/images/apply_hover.gif'
});
});
Event.observe(ele, 'mouseout', function(){
ele.writeAttribute({
src: '/v/custom-pages/images/apply.gif'
});
});
});
var updateButton = $('btnRecalculate');
Event.observe(updateButton, 'mouseover', function(){
updateButton.writeAttribute({
src: '/v/custom-pages/images/updatecart_hover.gif'
});
});
Event.observe(updateButton, 'mouseout', function(){
updateButton.writeAttribute({
src: '/v/custom-pages/images/updatecart.gif'
});
});
var keepshoppingButton = $('keepshopping_btn');
Event.observe(keepshoppingButton, 'mouseover', function(){
keepshoppingButton.writeAttribute({
src: '/v/custom-pages/images/keepshopping_hover.gif'
});
});
Event.observe(keepshoppingButton, 'mouseout', function(){
keepshoppingButton.writeAttribute({
src: '/v/custom-pages/images/keepshopping.gif'
});
});
ShoppingCart.Table.up('table').next('table').hide();
}catch(e){/*Ignore*/}
}
};
try {
document.observe('dom:loaded', function(){
if(location.pathname.toLowerCase() == '/shoppingcart.asp'){
ShoppingCart.load();
}
});
} catch(e) {/*Ignore*/}
