Hey guys,

I am working on a pricing calculator for my shirt business and have gotten over my head. Here is what I have so far: www.shirtagency.com Ultimately this calculator should adjust for tiered pricing, file upload, have a submit/buy button, and use pictures instead of drop downs to select an item. Please help me out with any suggestions. I am especially anxious to implement the tiered pricing so it isn't stuck at 24 pcs like it currently is.

Below is my calculator code thus far....

<html>
<head>
<script type="text/javascript">
var divsarray=new Array('div0','div1','div2');

function showDivs(divs)
{
//get number of div to show
var num = parseInt(divs);

//show the div
document.getElementById(divsarray[num]).style.display='block';

//add one for next div
document.getElementById('lastdiv').value=(num+1);

//set quantity field
var quantity = 'quantity' + num;

//set price field
var price = 'price' + num;

//set total field
var total = 'total' + num;

//put values in inputs fields of div displayed above
document.getElementById(quantity).value= document.getElementById('quantity100').value;
document.getElementById(price).value = document.getElementById('price100').value;
document.getElementById(total).value=document.getElementById('total100').value;

//Clear the original input fields
document.getElementById('quantity100').value = "";
document.getElementById('mySelect').options[0].selected=true;
document.getElementById('price100').value = "";
document.getElementById('total100').value = "";
document.getElementById('grand').style.display='block';

//calculate the grand total
var grand=0;
for(var j=0;j<divsarray.length;j++)
{
var mytotal = "total" + j;
grand = eval(document.getElementById(mytotal).value) + grand;
document.getElementById('grandtotal').value=grand;
}
}

function updateForm(what)
{
selected = what.mySelect.selectedIndex;
values = what.mySelect.options[selected].value;
document.getElementById('price100').value = values;
document.getElementById('total100').value = eval(values * document.getElementById('quantity100').value).toFixed(2);
}
</script>
<style type="text/css">
#divsform p #quantity100 {
color: #C0C0C0;
}
</style>
</head>
<body>
<form name="divsform" id="divsform">
<div id="grand" style="display:none">
Order Total:<br>
<input type="text" value="0" id="grandtotal" name="grandtotal">
</div>
<p>
QUANTITY:
<input type="text" name="quantity100" id="quantity100">
ITEM:
<select name="mySelect" onChange="updateForm(this.form)">
<option value="">
<option value="4.72">Budget Tshirt
<option value="6.72">1 Color
<option value="7.02">2 Color
<option value="7.32">3 Color
<option value="7.62">4 Color
<option value="7">Ringspun Anvil
<option value="9">1 Color
<option value="9.30">2 Color
<option value="9.60">3 Color
<option value="9.90">4 Color
<option value="9.54">American Apparel
<option value="11.54">1 Color
<option value="11.84">2 Color
<option value="12.14">3 Color
<option value="12.44">4 Color
<option value="13">Embroidered Anvil Polo
<option value="18.34">Embroidered Featherlite Polo
</select>
<p>PRICE PER UNIT:
<input type="text" name="price100" id="price100">
TOTAL:
<input type="text" name="total100" id="total100" onClick="divsform.total100.value = (divsform.quantity100.value - 0) * (divsform.price100.value - 0))">
</form>
</body>
</html>