Al final de cuentas opte por hacerlo de otra manera y me resulto perfecto

.
asi me quedo :
Código:
<html>
<head>
<title>Dulceria Sonrisas</title>
<script language="JavaScript">
var primeraVez = true;
function limpia(){
if (primeraVez){
document.sonrisas.mensaje.value = "";
primeraVez = false;
}
}
function cuenta(){
document.sonrisas.caracteres.value = document.sonrisas.mensaje.value.length;
}
</script>
</head>
<body bgcolor="#FF9900">
<form name="sonrisas">
<p align="center"><b><font face="Goudy Stout" size="6">"DULCERÍA SONRISAS"</font><font size="4"><br>
<br>
</font></b></p>
<p align="left"><b><font size="4">Especificaciones de compra:</font></b><br>
<br>
<i>• De 4 caracteres por caja c/u cuesta $200.00<br>
• Si las cajas son mas de 5 el costo será de $150.00 de c/u y te
obsequiamos una caja gratis.<br>
• Si son 7 caracteres cuesta $250 .00.<br>
• Si son mas de 3 cajas cuesta $200.00 y te obsequiamos un vale
por $50.00<br>
• Si son 9 caracteres las cajas cuestan $300.00.<br>
• Y si son mas de 7 cajas el costo es de $100.00 c/u y te damos
una entrada al cine gratis.</i></p>
<p align="left"> </p>
<p align="left"><br>
<b>No. de Cajas </b> <input name="T1" size="7" style="font-weight: 700"><b> Producto
</b>
<font size="4">
<input name="mensaje" onfocus="limpia()" onKeyUp="cuenta()" rows="2" cols="17" size="15" style="border-style: solid; border-width: 1px; padding: 0; font-weight:700"><b>
</b> </font>
<b>
<font size="2">
caracteres</font></b><font size="4"><input type="number" name="caracteres" size="5" maxlength="3" style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; font-weight:700" value="0"><b><br>
</b></font></p>
<p align="center"><font size="4">Sub./ Total $<input type="text" name="T2" size="20" disabled>
<br>
<br>
TOTAL +IVA $<input type="text" name="T3" size="20" disabled style="font-weight: bold"><br>
<br>
<br>
Promoción:<br>
<textarea rows="4" name="S1" cols="23" disabled style="font-style: italic; font-weight: bold"></textarea><br>
</font></p>
<p align="center"><input type="button" value="Calcular Costo" name="B1" onclick="precio()">
<input type="reset" value="Borrar Datos" name="B2"><br>
<br>
</p>
</form>
<script type="text/javascript">
function precio() {
a=100;
b=150;
c=200;
d=250;
e=300;
f=200*1.15;
g=150*1.15;
h=250*1.15;
i=200*1.15;
j=300*1.15;
k=100*1.15;
var T1 = parseFloat(document.sonrisas.T1.value);
var caracteres = parseFloat(document.sonrisas.caracteres.value);
if (caracteres<=4) {
document.sonrisas.T2.value = T1*c;
document.sonrisas.T3.value = T1*f;
document.sonrisas.S1.value = "No tenemos promociones por menos de 5 cajas y menos de 4 caracteres.";
}
if(T1>=3){
document.sonrisas.T2.value = T1*c;
document.sonrisas.T3.value = T1*f;
document.sonrisas.S1.value = "Te regalamos 1 vale por $50.00.";
}
if(T1<3){
document.sonrisas.T2.value = T1*c;
document.sonrisas.T3.value = T1*f;
document.sonrisas.S1.value = "Lo sentimos no tenemos promocion por menos de 3 cajas";
}
if (T1>=5){
document.sonrisas.T2.value = T1*b;
document.sonrisas.T3.value = T1*g;
document.sonrisas.S1.value = "Te obsequiamos una caja gratis";
}
if (caracteres>=7) {
document.sonrisas.T2.value = T1*d;
document.sonrisas.T3.value = T1*h;
}
if (caracteres>=9) {
document.sonrisas.T2.value = T1*e;
document.sonrisas.T3.value = T1*j;
}
if (T1>=7){
document.sonrisas.T2.value = T1*a;
document.sonrisas.T3.value = T1*k;
document.sonrisas.S1.value = "Te obsequiamos una entrada al cine gratis";
}
}
</script>
</body>
</html>
Para descargarlo desde este enlace :
http://www.yousendit.com/transfer.ph...994D2A4316E961
de cualquier manera gracias a los que hayan leido el tema

.
Y dejo el programita para quien le sirva

.