// preload accessories buttons
var select_coffee = new Image();
select_coffee.src = "/images/common/cart/select_coffee.gif";
var select_products = new Image();
select_products.src = "/images/common/cart/select_products.gif";
var total = 0.00;
var rowId = 0;
function getProduct()
{
// get the values of the drop-downs
var productID = $( "select#selectCoffee" ).val();
var quantity = $( "select#selectQuantity" ).val();
var frequency = $( "select#selectFrequency" ).val();
if( ( productID != "" ) && ( quantity != "" ) && ( frequency != "" ) )
{
// get the product data
$.get( "/include/getProduct.php", { product: productID }, addRow );
}
}
function addRow( productData )
{
// check the product data
if( productData != "0.00" )
{
// break up the product data
var productDataArray = productData.split( "|" );
var productID = productDataArray[0];
var productPrice = productDataArray[1];
var productDesc = productDataArray[2];
var productPic = productDataArray[3];
var productCat = productDataArray[4];
// get the quantity
var quantity = $( "select#selectQuantity" ).val();
var price = parseFloat( productPrice * quantity );
// calculate the total price
total = total + parseFloat( price );
// get the frequency
var frequency = $( "select#selectFrequency" ).val();
// build up the row
var newRow = "
" +
"
" +
"
" + productCat.toUpperCase() + ":
" + productDesc + "
" +
"
QUANTITY:
" + quantity;
// check if the product is coffee
if( productCat == "coffee")
newRow = newRow + " lb.";
newRow = newRow + "
DELIVERY:
" + frequency + "
" +
"
PRICE:
$" + price.toFixed( 2 ) + "
" +
"
" +
"
";
// build up the hidden input
var hiddenInput = "";
// append the new row
$( "table#cart-table" ).append( newRow );
// append the hidden input
$( "form#cartForm" ).append( hiddenInput );
// set the new total
$( "div#total span#total-amount" ).html( total.toFixed( 2 ) );
// increment the row id
rowId++;
// reset the drop-downs
selectAnother();
}
}
function removeRow( id )
{
// get the price for the row
var price = $( "tr#row" + id + " span" ).html();
// calculate and set the new total
total = total.toFixed( 2 ) - parseFloat( price );
total = Math.round( total * 100 ) / 100;
$( "div#total span#total-amount" ).html( total.toFixed( 2 ) );
// remove the row
$( "table#cart-table tbody tr#row" + id ).remove();
// remove the hidden input
$( "form#cartForm input#hiddenRow" + id ).remove();
}
function selectAnother()
{
document.getElementById( 'selectCoffee' ).selectedIndex = 0;
document.getElementById( 'selectQuantity' ).selectedIndex = 0;
document.getElementById( 'selectFrequency' ).selectedIndex = 0;
}
function checkTotal()
{
if( total != 0.00 )
{
document.getElementById( "cartForm" ).submit();
}
}
function selectProducts()
{
// build the coffee/accessories div
var accessoriesString = "
SELECT PRODUCT
"
+ "
Select the product you would like to have delivered.
"
+ "";
// rebuild the quantity div
var quantityString = "
SELECT QUANTITY
"
+ "
Select the quantity.
"
+ "";
// rebuild the frequency string
var frequencyString = "";
// write out the coffee, quantity and frequency divs
$( "div#coffee" ).html( accessoriesString );
$( "div#quantity" ).html( quantityString );
$( "div#frequency" ).html( frequencyString );
// set up the buttons
$( "input#selectProducts" ).attr( { src: "images/common/cart/select_coffee.gif", width: "128", height: "35" } );
// set the onclick
$("input#selectProducts").click( function() { selectCoffee(); return false; } );
}
function selectCoffee()
{
// build the coffee/accessories div
var accessoriesString = "
SELECT COFFEE
"
+ "
Select the coffee you would like to have delivered.
"
+ "";
// rebuild the quantity div
var quantityString = "
SELECT QUANTITY
"
+ "
Select the quantity of coffee.
"
+ "";
// rebuild the frequency string
var frequencyString = "
FREQUENCY OF DELIVERY
"
+ "
How often would you like to receive the selected coffee?
"
+ "";
// write out the coffee, quantity and frequency divs
$( "div#coffee" ).html( accessoriesString );
$( "div#quantity" ).html( quantityString );
$( "div#frequency" ).html( frequencyString );
// set up the buttons
$( "input#selectProducts" ).attr( { src: "images/common/cart/select_products.gif", width: "146", height: "35" } );
// set the onclick
$("input#selectProducts").click( function() { selectProducts(); return false; } );
}
