/*                      Shopping Cart Script                      */




var orderButton = "";
var orderDiv = "";
var carthtml = "";
var longtermStoveOrder = 0;
var longtermFillerBottleOrder = 0;
var currentStoveTotal = 0;
var currentFillerBottleTotal = 0;
var tally = "";
var thankYou = "";
var stoveTotal = 0;
var numberOfStovesSelected = 0;
var orderTotal = 0;
var totalDue = 0;
var newtotalDue = 0;



function setup()
{
orderDiv = document.getElementById('orderTableID');
localStorage.stove = 0;
localStorage.bottle = 0;

orderButton = "<table align = center' width = '100%' border = '0' height = '300pt'><tr><td style = 'font-size:8pt; font-family:Arial,serif;'><br /></td></tr><tr><td align = 'center'><input type = 'button' style = 'font-size:36pt; color:#999933;font-weight:bold; font-family:Impact,Arial,serif;' value = 'Order' onclick = 'setupCart()'></td></tr><tr><td align = 'center' style = 'font-size:8pt; color:#000000; font-family:Arial, serif;'>cash - check - money order - paypal</td></tr></table>";

orderDiv.innerHTML = orderButton;

}


function setupCart()
{
thankYou = "<var style = 'font-size:12pt; color:#0066aa; font-weight:bold; font-family:Script, Times, Arial, serif;'>Thank You</var>";
var cartBeginTable = "<table align = 'center' border = '0' height = '300'><tr><td align = 'right' colspan = '3'> <input type = 'button' value = 'view cart' onclick = 'viewCart()'></td></tr>";

var cartPKstove = "<tr valign = 'bottom'><td align = 'right' style = 'font-size:10pt; color:#000000; font-family:Arial,serif;'>Pocket Stove(s)</td><td align = 'center' style = 'font-size:10pt; color:#000000; font-weight:bold; font-family:Arial, serif;'><var id = 'stoveTextOption'><select id = 'PKquantity' onchange = 'selectTagData_PKstove()'><option value = '1'>1</option><option value = '2'>2</option><option value = '3'>3</option><option value = 'more'>more</option></select></var></td><td align = 'left'  id = 'stoveButtonAddTD'  style = 'font-size:12pt; color:#000000; font-weight:bold; font-family:Arial, serif;'><input type = 'button' value = 'add' onclick = 'addPKstoves()' /></td></tr><input type = 'hidden' id = 'PKstovesQtyHiddenValue' name = 'PKSTOVES_QTY_HIDDEN'  value = '0' />";


var cartFillerBottle = "<tr valign = 'top'><td align = 'right' style = 'font-size:10pt; color:#000000; font-family:Arial,serif;'>Filler Bottle(s)</td><td align = 'center' style = 'font-size:10pt; color:#000000; font-weight:bold; font-family:Arial, serif;'><var id = 'fillerBottleTextOption'><select id = 'PKFillerBottle' onchange = 'selectTagData_Filler_Bottle()'><option value = '1'>1</option><option value = '2'>2</option><option value = '3'>3</option><option value = 'more'>more</option></select></var></td><td align = 'left'  id = 'fillerBottleButtonAddTD' style = 'font-size:12pt; color:#000000; font-weight:bold; font-family:Arial, serif;'><input type = 'button' value = 'add' onclick = 'addPKfillerBottles()'></td></tr><input type = 'hidden' id = 'PKFillerBottlesQtyHiddenValue' name = 'FILLER_BOTTLES_QTY_HIDDEN'/>";

var cartEndTable = "<tr><td align = 'right' colspan = '3'><input type = 'button' value = 'checkout' onclick = 'checkout()'></td></tr></table>";





carthtml = cartBeginTable + cartPKstove + cartFillerBottle + cartEndTable;

orderDiv.innerHTML = carthtml;
}


/**************************************************************
localStorage
	longtermStoveOrder
	longtermFillerBottleOrder
	currentStoveOrder
	currentFillerBottleOrder

cart tag id's
	PKstovesQtyHIddenValue
	PKFillerBottlesQtyHiddenValue

cart tag name's
	FILLER_BOTTLES_QTY_HIDDEN
	PKSTOVE_QTY_HIDDEN

cart JS functions
	checkout()  -- called when checkout button is clicked
	addPKstoves()  -- called when stove select button is clicked
	addPKfillerBottles()  -- called when filler bottle select button is clicked
	selectTagData_Filler_Bottle() -- onChange call when filler bottle select qty is changed
	selectTagData_PKstove()  -- onChange call when pkstove select qty is changed
	PAY_METHOD_select()  -- onChange in checkout function
******************************************************************/





function addPKstoves() // button call
{
document.getElementById('stoveButtonAddTD').innerHTML = thankYou;
var stovesSelected = document.getElementById('PKquantity').value;
numberOfStovesSelected = stovesSelected;
document.getElementById('PKstovesQtyHiddenValue').value = stovesSelected;
//var stoveOrderQty = document.getElementById('PKstovesQtyHiddenValue').value;
localStorage.stove = stovesSelected;
}


function addPKfillerBottles() //button call
{
document.getElementById('fillerBottleButtonAddTD').innerHTML = thankYou;
var fillerBottlesSelected = document.getElementById('PKFillerBottle').value;
document.getElementById('PKFillerBottlesQtyHiddenValue').value = fillerBottlesSelected;
localStorage.bottle = fillerBottlesSelected;
}


/****************************************************************************************************************
All these onChange calls do, in the following two functions, is change the drop down quantity menu
to a text box for the customer to enter quantities larger than can be selected.  The actual processing
of the quantities ordered is in the button calls above.
*****************************************************************************************************************/
function selectTagData_PKstove() // onChange call
{
if(currentStoveTotal > 0){currentStoveTotal = 0;}
var stoveQtyArea = document.getElementById('PKquantity').value;
	if(stoveQtyArea == "more")
	{
	var replaceStoveSelect = "<input type = 'text' size = '4' id = 'PKquantity' value = '1'/>";
	document.getElementById('stoveTextOption').innerHTML = replaceStoveSelect;
	}
}

function selectTagData_Filler_Bottle() // onChange call
{
if(currentStoveTotal > 0){currentFillerBottleTotal = 0;}
var fillerBottleQtyArea = document.getElementById('PKFillerBottle').value;
	if(fillerBottleQtyArea == "more")
	{
	var replaceFillerBottleSelect =  "<input type = 'text' size = '4' id = 'PKFillerBottle' value = '1' />";
	document.getElementById('fillerBottleTextOption').innerHTML = replaceFillerBottleSelect;
	}
}

function viewCart()
{
alert("stoves = " + localStorage.stove + "\nbottles = " + localStorage.bottle);
}


function PAY_METHOD_select()
{
var selectedP = document.getElementById('payment_method_select').value;
	if(selectedP == "Cash")
	{
	newtotalDue = numberOfStovesSelected * 10;
	newtotalDue = dollarValue(newtotalDue);
	document.getElementById('totalDueID').value = newtotalDue;
	document.getElementById('totalDueIDVAR').innerHTML = newtotalDue;
	return;
	}
	if(selectedP != "Cash")
	{
	document.getElementById('totalDueID').value = totalDue;
	document.getElementById('totalDueIDVAR').innerHTML = totalDue;
	}

}





function shippingStateSelected()
{
var stSelectedValue = document.getElementById('stID').value;
var slsTaxValue = document.getElementById('sales_tax_ID_hidden').value;
	if((stSelectedValue == "WA") && (slsTaxValue == 0))
	{
	var salesTax = orderTotal * .085;
	salesTax = dollarValue(salesTax);
	document.getElementById('sales_tax_ID_hidden').value = salesTax;
	document.getElementById('sales_tax_ID').innerHTML = salesTax;
	totalDue = Number(totalDue) + Number(salesTax);
	totalDue = dollarValue(totalDue);
	document.getElementById('totalDueIDVAR').innerHTML = totalDue;
	}
	if((stSelectedValue != "WA")&& (slsTaxValue > 0))
	{
    totalDue = Number(totalDue) - Number(slsTaxValue);
	totalDue = dollarValue(totalDue);
	document.getElementById('sales_tax_ID').innerHTML = 0;
	document.getElementById('totalDueIDVAR').innerHTML = totalDue;
    document.getElementById('totalDueID').value = totalDue;
	document.getElementById('sales_tax_ID_hidden').value = 0	}

}
















function checkout() // checkout button call
{

var stovesOrdered = localStorage.stove;
var bottlesOrdered = localStorage.bottle;
stoveTotal = stovesOrdered * 9.95;
stoveTotal = dollarValue(stoveTotal);
var bottleTotal = 0;
var bottleTally = "";
if (bottlesOrdered > 0)
	{
	bottleTotal = bottlesOrdered * .99;
	bottleTotal = dollarValue(bottleTotal);
	bottleTally = bottlesOrdered + " ea FillerBottle(s)  " + bottleTotal;
	}

orderTotal = Number(stoveTotal) + Number(bottleTotal);

var stoveShipping = ((stovesOrdered - 1) * .42) + 1.39;
var bottleShipping = (bottlesOrdered * .22);
var shippingPre = stoveShipping + bottleShipping;
var shipping = dollarValue(shippingPre);
totalDue = Number(orderTotal) +  Number(shipping);
totalDue = dollarValue(totalDue); 
var stoveTally = stovesOrdered + " ea. Pocket Stove(s)   " + stoveTotal;
var tally = stoveTally  + "<br>" +  bottleTally;


var beginTable = "<form name = 'ORDER_FORM' action = 'http://www.pkstove.com/cgi-bin/order_invoiceFiler.pl' method = 'post' ENCTYPE = 'multipart/form-data'><table border = '1' width = '100%'>";

var row1 = "<tr><td colspan = '2'><var class = 'subtitle'><u>Shipping Information</u></var></td><td colspan = '2' align = 'right'><var class = 'subtitle'>Your Order</var> </tr>";

var row2A = "<tr><td align = 'right'><var class = 'f9'>Name:</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'NAME' size = '30'></var></td>";

var row2Btally = "<td rowspan = '6' colspan = '2' align = 'center'><!-- begin inner tally table --><table align = 'center' width = '100%' border = '1'><tr><td colspan = '4' align = 'right'><var class = 'f12B'>" + tally + "</var><input type = 'hidden' name = 'TALLY' value = '" + tally + "'><input type = 'hidden' name = 'STOVE_TALLY' value = '" + stoveTally + "'><input type = 'hidden' name = 'BOTTLE_TALLY' value = '" + bottleTally + "'><input type = 'hidden' name = 'TOTAL_STOVES_ORDERED' value = '" + stoveTotal + "'></td></tr>";

var row2BorderTotal = "<tr><td colspan = '4' align = 'right'><var class = 'f10'>Order Total:</var><var class = 'f10B'>" + orderTotal + "</var><input type = 'hidden' name = 'ORDER_TOTAL' value = " + orderTotal + " /></td></tr>";

var row2Bshipping = "<tr><td colspan = '4' align = 'right'><var class = 'f10'>Shipping:</var><var class = 'f10B'>" + shipping + "</var><input type = 'hidden' name = 'SHIPPING' value = " + shipping + "></td></tr>";

var row2Btax = "<tr><td  colspan = '4' align = 'right'><var style = 'font-size:8pt; line-height:8pt; font-family:Arial, serif;'>(WA 8.5% sls tx) </var>&nbsp &nbsp<var class = 'f10B'  id = 'sales_tax_ID'>&nbsp; &nbsp; &nbsp; &nbsp; </var><input type = 'hidden' id = 'sales_tax_ID_hidden' name = 'SALES_TAX'  value = 0></td></tr>";

var row2BtotalDue = "<tr><td colspan = '4' align = 'right'><var class = 'f10'>Your Total:</var><var id = 'totalDueIDVAR' class = 'f10B'>" + totalDue + "</var><input type = 'hidden' name = 'TOTAL_DUE' id = 'totalDueID' value = " + totalDue + "></td></tr>";

row2BendInnerTable = "<!-- end inner tally table --></table>";

var row2C = "<var class = 'f9B'>Select Payment Method</var><br><var class = 'f10B'><select name = 'PAY_OPTION_URL' id = 'payment_method_select' onchange = 'PAY_METHOD_select()'><option value = 'Money Order' selected>Money Order</option><option value = 'Check'>Check</option><option value = 'Cash'>Cash</option><option value = 'PayPal'>PayPal</option><option value = 'Other - Call'>Other - Call</option><option value = ''> </option></select></var><br /></td></tr>";

row2 = row2A + row2Btally + row2BorderTotal + row2Bshipping + row2Btax + row2BtotalDue + row2BendInnerTable + row2C;

/********************************  PREVIOUS row2  - without Tally ****
var row2 = "<tr><td align = 'right'><var class = 'f10'>Name:</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'NAME' size = '30'></var></td><td rowspan = '5' colspan = '2' align = 'center'><var class = 'f9B'>Select Payment Method</var><br><var class = 'f10B'><select name = 'PAY_OPTION_URL' id = 'payment_method_select' onchange = 'PAY_METHOD_select()'><option value = 'Money Order' selected>Money Order</option><option value = 'Check'>Check</option><option value = 'Cash'>Cash</option><option value = 'PayPal'>PayPal</option><option value = 'CashExchangeNote'>Cash Exchange Note</option><option value = 'Other - Call'>Other - Call</option><option value = ''> </option></select></var><br /></td></tr>";
******************************************/

var row3 = "<tr><td align = 'right'><var class = 'f9'>CoName</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'CoNAME' size = '30'></var></td><!-- rowspan 1 of 5 --></tr>";

var row4 = "<tr><td align = 'right'><var class = 'f9'>Address</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'BILLING_ADDRESS' size = '30'></var></td><!-- rowspan 2 of 5 --></tr>";

var row5= "<tr><td align = 'right'><var class = 'f9'>City:</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'CITY' size = '10'></var><var class = 'f9'>St:</var><var class = 'f9B'><select name = 'ST' id ='stID' onchange = 'shippingStateSelected()'><option value = 'AL' selected>AL</option><option value = 'AK'>AK</option><option value = 'AS'>AS</option><option value = 'AZ'>AZ</option><option value = 'AR'>AR</option><option value = 'CA'>CA</option><option value = 'CO'>CO</option><option value = 'CT'>CT</option><option value = 'DE'>DE</option><option value = 'DC'>DC</option><option value = 'FM'>FM</option><option value = 'FL'>FL</option><option value = 'GA'>GA</option><option value = 'GU'>GU</option><option value = 'HI'>HI</option><option value = 'ID'>ID</option><option value = 'IL'>IL</option><option value = 'IN'>IN</option><option value = 'IA'>IA</option><option value = 'KS'>KS</option><option value = 'KY'>KY</option><option value = 'LA'>LA</option><option value = 'ME'>ME</option><option value = 'MH'>MH</option><option value = 'MD'>MD</option><option value = 'MA'>MA</option><option value = 'MI'>MI</option><option value = 'MN'>MN</option><option value = 'MS'>MS</option><option value = 'MO'>MO</option><option value = 'MT'>MT</option><option value = 'NE'>NE</option><option value = 'NV'>NV</option><option value = 'NH'>NH</option><option value = 'NJ'>NJ</option><option value = 'NM'>NM</option><option valUE = 'NY'>NY</option><option value = 'NC'>NC</option><option value = 'ND'>ND</option><option value = 'MP'>MP</option><option value = 'OH'>OH</option><option value = 'OK'>OK</option><option value = 'OR'>OR</option><option value = 'PW'>PW</option><option value = 'PA'>PA</option><option value = 'PR'>PR</option><option value = 'RO'>RI</option><option value = 'SC'>SC</option><option value = 'SD'>SD</option><option value = 'TN'>TN</option><option value = 'TX'>TX</option><option value = 'UT'>UT</option><option value = 'VT'>VT</option><option value = 'VI'>VI</option><option value = 'VA'>VA</option><option value = 'WA'>WA</option><option value = 'WV'>WV</option><option value = 'WI'>WI</option><option value = 'WY'>WY</option></select></var><var class = 'f9'>Zip:</var><var class = 'f10B'><input type = 'text' name = 'ZIP' size = '6'></var></td><!-- rowspan 3 of 5 --></tr>";















var row6= "<tr><td align = 'right'><var class = 'f9'>email:</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'EMAIL' size = '30'></var></td><!-- rowspan 4 of 5 --></tr>";

var row7= "<tr><td align = 'right'><var class = 'f9'>phone:</var><var class = 'pointer'>*</var></td><td align = 'left'><var class = 'f10B'><input type = 'text' name = 'PHONE' size = '30'></var></td><!-- rowspan 5 of 5 --></tr>";

var row8 = " <tr><td align = 'right'  valign = 'top'><var class = 'f9'>Comments.</var></td><td colspan = '3'><textarea name = 'SPECIAL_HANDLING' rows = '2' cols = '25' wrap = 'virtual'></textarea></td></tr>";

var row9 = "<tr><td colspan = '4' align = 'center'><var class = 'note'>Invoice will be generated when submitted.</var></td></tr>";

var row10 = "<tr><td colspan = '2' align = 'left'><var class = 'fbutton'><input type = 'button' name = '' value = 'Print' onClick='PrintPage();'></var><var class = 'f10'> a copy for your records or Fax</var></td><td colspan = '2' align = 'right'><br><var class = 'fbutton'><input type = 'submit' name = 'SUBMIT' value = 'Submit Order'></var></td></tr>";

var endTable = "</table></form>";

var checkoutTable = beginTable + row1 + row2 + row3 + row4 + row5 + row6 + row7 + row8 + row9 + row10 + endTable;


document.getElementById('orderTableID').innerHTML = checkoutTable;


}// end checkout function






















































var n = 0;

function dollarValue(n)
{

/* ==== Note:  dollar value js function returns    ====
    ==== number rounded to two decimal places. ====
    ==== Just feed parameter(n) and dollar value ====
    ==== is returned.  Example: v = dollarValue(n);  == 
    ==== where v is rounded to two decimal places. ==
    ===  © 2000 by Ken Bushnell, Programs Plus ====
    ====           www.orderformcity.com       ======== 
    =(permission to use with inclusion of of this notice)= */

var Bstr = "";
var b = n * 100;
var c = Math.round(b);
var Astr = c.toString();
var Alength = Astr.length;
if (Alength <= 2) Bstr = Bstr + ".";
var dot = Alength - 3;
var counter = 0;
  while (counter < Alength )
  { 
   Bstr = Bstr + Astr.charAt(counter);
    if (counter == dot) Bstr = Bstr + ".";
   counter = counter + 1;
  }
var d = Bstr;
return d;
}