# HG changeset patch
# User rlm
# Date 1264669844 18000
# Node ID 1045db9799e30dd8c0fe8e1dae8546ec03aa683e
# Parent  329638a361ccd2f39d86b4db890bdf75e05a9e35
[svn r45] Greatly Enhanced Responsiveness of the website.

diff -r 329638a361cc -r 1045db9799e3 awesome_js/robert.js
--- a/awesome_js/robert.js	Thu Jan 28 00:32:54 2010 -0500
+++ b/awesome_js/robert.js	Thu Jan 28 04:10:44 2010 -0500
@@ -1,5 +1,3 @@
-
-
 
 function defaults()
 {
@@ -13,55 +11,125 @@
 }
 
 
-function drawElement(obj)
+
+function stabForm(ID)
 {
+var JSONtext = document.getElementById('formValues').innerHTML;
+var hash = new Object();
+hash = eval('(' + JSONtext + ')');
+
+propertyValue = document.getElementById(ID).value;
+propertyName = ID;
+propertyValue = escape(propertyValue);
+
+eval("hash."+propertyName+"='"+propertyValue+"'");
 	
+var JSONtext = document.getElementById('formValues').innerHTML = JSON.stringify(hash);	
+}
+
+
+
+function getPosition(style, field)
+{
+
+var cardType = eval ("laserkard." + style);
+
+
+if ( eval("typeof cardType." + field + " != 'undefined'"))  //shouldn't ever really matter
+{
+values = eval("cardType." + field);
+
+if (typeof values.posx != 'undefined'){posx = values.posx;}
+if (typeof values.posy != 'undefined'){posy = values.posy;}
+if (typeof values.center != 'undefined'){center = values.center;}
+if (typeof values.font != 'undefined'){font = values.font;}
+if (typeof values.weirdFlip != 'undefined'){weirdFlip = values.weirdFlip;}
+}
+
+
+}
+
+
+
+
+function smallRedraw(style,field)
+{
+
+var JSONtext = document.getElementById('formValues').innerHTML;
+var hash = new Object();
+hash = eval('(' + JSONtext + ')');
+
+var content = eval("hash."+field);
+
+ content = unescape(content);
+
+posx = 10;
+posy = 10;
+center = 0;
+font = 10;
+face = 700;
+weirdFlip = 0;
+
+getPosition(style, field);
+
+target = "d_" + field;
+
+
+var whatev = eval("typeof " + target + " != 'undefined'")
+
+if (whatev){eval ("{" + target + ".remove();}");}
+
+eval ( target + " = raphe.print(posx, posy, content , raphe.getFont('HelveticaNeue', face), font);" );
+
+ 
+eval ( target +".attr('stroke', '#6a6a6a');");
+eval ( target +".attr('fill', 'none');");
+
+
+if (center == 1)
+{
+eval ("var c = " + target+".getBBox().width; " + target + ".translate((485 - c)/2,0);");
+}
+
+
+if (weirdFlip == 1)
+{
+eval("var c = "+target+".getBBox().width;");
+eval(target+ ".translate((317 - c)/2,0);");
+eval(target+".translate(0, -490);");
+eval(target+".rotate(90,0,0);");
+}
+
+
+
+
+
+}
+
+function clearAll()
+{
+if(typeof d_Name != 'undefined' ){d_Name.remove();}	
+if(typeof d_Company != 'undefined' ){d_Company.remove();}	
+if(typeof d_Email != 'undefined' ){d_Email.remove();}	
+if(typeof d_Occupation != 'undefined' ){d_Occupation.remove();}	
+if(typeof d_Phone != 'undefined' ){d_Phone.remove();}	
+if(typeof d_Website != 'undefined' ){d_Website.remove();}	
+	
+if(typeof d_lineArt != 'undefined' ){d_lineArt.remove();}	
 }
 
 function redraw(style)
 {
 
 
-var JSONtext = document.getElementById('formValues').innerHTML;
-var hash = new Object();
-hash = eval('(' + JSONtext + ')');
 
-if(hash.Name){alias = hash.Name;}
-if(hash.Email){email = hash.Email;}
-if(hash.Occupation){occupation = hash.Occupation;}
-if(hash.Company){company = hash.Company;}
-if(hash.Phone){phone = hash.Phone;}
-if(hash.website){website = Website;}
 
 if (style == "bold")
 {
 	
-
-
-if(typeof d_alias != 'undefined' ){d_alias.remove();}
-if(typeof d_email != 'undefined' ){d_email.remove();}
-if(typeof d_occupation != 'undefined' ){d_occupation.remove();}
-if(typeof d_company != 'undefined' ){d_company.remove();}
-if(typeof d_phone != 'undefined' ){d_phone.remove();}
-if(typeof d_website != 'undefined' ){d_website.remove();}
-if(typeof d_lineArt != 'undefined' ){d_lineArt.remove();}
-
-
-
-
-d_alias = raphe.print(10, 160, alias, raphe.getFont('HelveticaNeue', 700), 60);
-d_alias.attr('stroke', '#6a6a6a');
-d_alias.attr('fill', 'none')
-var c = d_alias.getBBox().width;
-d_alias.translate((485 - c)/2,0);
-
-	
-
-
-d_email = raphe.print(280, 270, email, raphe.getFont("HelveticaNeue", 700), 25);
-d_email.attr('stroke', '#6a6a6a');
-d_email.attr('fill', 'TRANSPARENT');
-
+clearAll();
+smallRedraw("bold","Name");
+smallRedraw("bold","Email");
 
 
 	
@@ -71,32 +139,14 @@
 if (style == "arrow")
 {
 	
-if(typeof d_alias != 'undefined' ){d_alias.remove();}
-if(typeof d_email != 'undefined' ){d_email.remove();}
-if(typeof d_occupation != 'undefined' ){d_occupation.remove();}
-if(typeof d_company != 'undefined' ){d_company.remove();}
-if(typeof d_phone != 'undefined' ){d_phone.remove();}
-if(typeof d_website != 'undefined' ){d_website.remove();}
-if(typeof d_lineArt != 'undefined' ){d_lineArt.remove();}
+clearAll();
 
+smallRedraw("arrow","Name");
+smallRedraw("arrow","Email");
+smallRedraw("arrow","Occupation");
+smallRedraw("arrow","Company");
 
 
-d_alias = raphe.print(40, 110, alias, raphe.getFont('HelveticaNeue', 700), 55);
-d_alias.attr('stroke', '#6a6a6a');
-d_alias.attr('fill', 'none')
-
-d_company = raphe.print(40, 155, company, raphe.getFont("HelveticaNeue", 700), 27);
-d_company.attr('stroke', '#6a6a6a');
-d_company.attr('fill', 'TRANSPARENT');
-
-d_occupation = raphe.print(40, 190, occupation, raphe.getFont("HelveticaNeue", 700), 27);
-d_occupation.attr('stroke', '#6a6a6a');
-d_occupation.attr('fill', 'TRANSPARENT');
-
-d_email = raphe.print(280, 270, email, raphe.getFont("HelveticaNeue", 700), 25);
-d_email.attr('stroke', '#6a6a6a');
-d_email.attr('fill', 'TRANSPARENT');
-
 d_lineArt = raphe.path("M 2 272 L 258 272");
 d_lineArt.attr('stroke', '#6a6a6a');
 	
@@ -105,113 +155,29 @@
 
 if (style == "classic")
 {
-	
-if(typeof d_alias != 'undefined' ){d_alias.remove();}
-if(typeof d_email != 'undefined' ){d_email.remove();}
-if(typeof d_occupation != 'undefined' ){d_occupation.remove();}
-if(typeof d_company != 'undefined' ){d_company.remove();}
-if(typeof d_phone != 'undefined' ){d_phone.remove();}
-if(typeof d_website != 'undefined' ){d_website.remove();}
-if(typeof d_lineArt != 'undefined' ){d_lineArt.remove();}
 
+clearAll();
 
-d_email = raphe.print(0, 42, email, raphe.getFont("HelveticaNeue", 700), 29);
-d_email.attr('stroke', '#6a6a6a');
-d_email.attr('fill', 'TRANSPARENT');
-var c = d_email.getBBox().width;
-d_email.translate((510 - c)/2,0);
-
-
-
-d_phone = raphe.print(0, 75, phone, raphe.getFont("HelveticaNeue", 700), 27);
-d_phone.attr('stroke', '#6a6a6a');
-d_phone.attr('fill', 'TRANSPARENT');
-var c = d_phone.getBBox().width;
-d_phone.translate((510 - c)/2,0);
-
-
-d_alias = raphe.print(0, 164, alias, raphe.getFont('HelveticaNeue', 800), 47);
-d_alias.attr('stroke', '#6a6a6a');
-d_alias.attr('fill', 'none')
-var c = d_alias.getBBox().width;
-d_alias.translate((510 - c)/2,0);
-
-
-d_company = raphe.print(0, 247, company, raphe.getFont("HelveticaNeue", 700), 27);
-d_company.attr('stroke', '#6a6a6a');
-d_company.attr('fill', 'TRANSPARENT');
-var c = d_company.getBBox().width;
-d_company.translate((510 - c)/2,0);
-
-
-
-d_occupation = raphe.print(0, 278, occupation, raphe.getFont("HelveticaNeue", 700), 27);
-d_occupation.attr('stroke', '#6a6a6a');
-d_occupation.attr('fill', 'TRANSPARENT');
-var c = d_occupation.getBBox().width;
-d_occupation.translate((510 - c)/2,0);
-
-
-d_website = raphe.print(0, 0, website, raphe.getFont("HelveticaNeue", 700), 21);
-d_website.attr('stroke', '#6a6a6a');
-d_website.attr('fill', 'TRANSPARENT');
-
-var c = d_website.getBBox().width;
-d_website.translate((317 - c)/2,0);
-
-d_website.translate(0, -490);
-d_website.rotate(90,0,0);
+smallRedraw("classic","Name");
+smallRedraw("classic","Email");
+smallRedraw("classic","Occupation");
+smallRedraw("classic","Company");
+smallRedraw("classic","Phone");
+smallRedraw("classic","Website");
 }
 
 
 if (style == "direct")
 {
 	
-if(typeof d_alias != 'undefined' ){d_alias.remove();}
-if(typeof d_email != 'undefined' ){d_email.remove();}
-if(typeof d_occupation != 'undefined' ){d_occupation.remove();}
-if(typeof d_company != 'undefined' ){d_company.remove();}
-if(typeof d_phone != 'undefined' ){d_phone.remove();}
-if(typeof d_website != 'undefined' ){d_website.remove();}
-if(typeof d_lineArt != 'undefined' ){d_lineArt.remove();}
+clearAll();
 
-
-
-
-d_alias = raphe.print(37, 70, alias, raphe.getFont('HelveticaNeue', 700), 55);
-d_alias.attr('stroke', '#6a6a6a');
-d_alias.attr('fill', 'none')
-
-
-
-d_occupation = raphe.print(37, 120, occupation, raphe.getFont("HelveticaNeue", 700), 27);
-d_occupation.attr('stroke', '#6a6a6a');
-d_occupation.attr('fill', 'TRANSPARENT');
-
-
-
-d_company = raphe.print(37, 178, company, raphe.getFont("HelveticaNeue", 700), 27);
-d_company.attr('stroke', '#6a6a6a');
-d_company.attr('fill', 'TRANSPARENT');
-
-
-
-d_phone = raphe.print(37, 210, phone, raphe.getFont("HelveticaNeue", 700), 27);
-d_phone.attr('stroke', '#6a6a6a');
-d_phone.attr('fill', 'TRANSPARENT');
-
-
-
-d_email = raphe.print(37, 240, email, raphe.getFont("HelveticaNeue", 700), 27);
-d_email.attr('stroke', '#6a6a6a');
-d_email.attr('fill', 'TRANSPARENT');
-
-
-
-
-d_website = raphe.print(37, 270, website, raphe.getFont("HelveticaNeue", 700), 27);
-d_website.attr('stroke', '#6a6a6a');
-d_website.attr('fill', 'TRANSPARENT');
+smallRedraw("direct","Name");
+smallRedraw("direct","Email");
+smallRedraw("direct","Occupation");
+smallRedraw("direct","Company");
+smallRedraw("direct","Phone");
+smallRedraw("direct","Website");
 
 d_lineArt = raphe.path("M 350 165 L 512 165  M 350 173 L 512 173  M 350 181 L 512 181  M 350 189 L 512 189 M 350 197 L 512 197 M 350 213 L 512 213 M 350 205 L 512 205 M 350 221 L 512 221");
 d_lineArt.attr('stroke', '#6a6a6a');
diff -r 329638a361cc -r 1045db9799e3 buy.html
--- a/buy.html	Thu Jan 28 00:32:54 2010 -0500
+++ b/buy.html	Thu Jan 28 04:10:44 2010 -0500
@@ -87,11 +87,24 @@
 </div>
 
 
+<div id = "cardDefs">
+PERL::DEFS
+</div>
+
+
 <script language="javascript">
 //this is the main painting object, established here and created with Initial painting values
+
+JSONtex = document.getElementById('cardDefs').innerHTML;
+laserkard = new Object();
+laserkard = eval('(' + JSONtex + ')');
+
 var raphe = Raphael("disp_contain", 515, 318);
 defaults();
 redraw("bold");
+
+
+
 </script>
 </body>
 
diff -r 329638a361cc -r 1045db9799e3 buy.pl
--- a/buy.pl	Thu Jan 28 00:32:54 2010 -0500
+++ b/buy.pl	Thu Jan 28 04:10:44 2010 -0500
@@ -303,7 +303,13 @@
     $b = <FH>;
    }
 
+  {
+    local( $/, *FH ) ;
+    open( FH, "<./cardDefinitions.JSON" ) or die "sudden flaming death\n";
+    $c = <FH>;
+   }
 
+$a =~s/PERL::DEFS/$c/;
 
 
 
@@ -313,16 +319,28 @@
 $b = &template("big_acrylic_clear");
 
 
+
+
+
 $a =~ s/PERL-REPLACE::TEMPLATES/$b/; 
 
 $b = &display("big_acrylic_clear");
 $a =~ s/PERL-REPLACE::DISPLAY/$b/;
 
-$initials = <<HERE;
-{"Email":"rlm\@mit.edu","Name":"Robert McIntyre"}
+$initials = <<HERE ;
+{
+"Name":"James Bond",
+"Email":"jbond\@mi6.co.uk",
+"Phone": "123.456.7890", 
+"Company": "MI6",
+"Website" : "http://jamesbond.com",
+"Occupation" : "Secret Agent"
+}
+
 HERE
 
 
+
 $b = &inputbox("big_acrylic_clear", $initials);
 $a =~ s/PERL-REPLACE::INPUTBOX/$b/;
 
diff -r 329638a361cc -r 1045db9799e3 cardDefinitions.JSON
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/cardDefinitions.JSON	Thu Jan 28 04:10:44 2010 -0500
@@ -0,0 +1,64 @@
+
+
+{
+
+"bold" :  
+	{
+	"Name" : 
+		{"posx": "10", "posy" : "160", "center" : 1, "font" : "60"},
+	"Email" :
+		{"posx": "280", "posy" : "270", "font" : "25"},   
+	},
+	
+	
+"arrow" :
+	{
+	"Name" : 
+		{"posx": "40", "posy" : "110",  "font" : "55"},
+	"Company" :
+		{"posx": "40", "posy" : "155",  "font" : "27"},
+	"Occupation" :
+		{"posx": "40", "posy" : "190",  "font" : "27"},
+	"Email" :
+		{"posx": "280", "posy" : "270", "font" : "25"} ,   
+	},
+	
+	
+"classic" :  
+	{
+	"Email" : 
+		{"posy" : "42", "center" : 1, "font" : "29"},	
+	"Phone" : 
+		{"posy" : "75", "center" : 1, "font" : "27"},	
+	"Name" : 
+		{"posy" : "164", "center" : 1, "font" : "47", "face" : "800"},	
+	"Company" : 
+		{"posy" : "247", "center" : 1, "font" : "27"},	
+	"Occupation" : 
+		{"posy" : "278", "center" : 1, "font" : "27"},	
+	"Website" : 
+		{"posy" : "0", "posx" : "0",  "weirdFlip" : 1, "font" : "21"},	
+	},
+
+"direct" :
+	{
+	"Name" : 
+		{"posx": "37", "posy" : "70",  "font" : "55"},
+	"Occupation" :
+		{"posx": "37", "posy" : "120",  "font" : "27"},
+	"Company" :
+		{"posx": "37", "posy" : "178",  "font" : "27"},
+	"Phone" :
+		{"posx": "37", "posy" : "210",  "font" : "27"},
+	"Email" :
+		{"posx": "37", "posy" : "240", "font" : "27"} , 
+	"Website" :
+		{"posx": "37", "posy" : "270", "font" : "27"} , 
+	
+	 
+	},
+	
+	
+
+
+}
diff -r 329638a361cc -r 1045db9799e3 paypal/basic_acrylic_clear.paylist
--- a/paypal/basic_acrylic_clear.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/basic_acrylic_clear.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Name:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Name" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('arrow'); updateForm(['args__Name', 'Name', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Name');smallRedraw('arrow', 'Name');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Company:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Company" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('arrow'); updateForm(['args__Company', 'Company', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Company');smallRedraw('arrow', 'Company');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Occupation:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Occupation" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('arrow'); updateForm(['args__Occupation', 'Occupation', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Occupation');smallRedraw('arrow', 'Occupation');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Email:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Email" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('arrow'); updateForm(['args__Email', 'Email', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Email');smallRedraw('arrow', 'Email');"
 
 >
 <!--   -->
@@ -140,6 +140,10 @@
 
 <!-- End of Text Input Fields -->
 
+<br>
+<input type     = "checkbox"       onclick  = "ReadForm (this.form, false);"        value    = "( +0.01 ^__^ )">
+Add a penny! ^__^
+<br>
 
 <br>
 Total Cost:&nbsp; &nbsp;
diff -r 329638a361cc -r 1045db9799e3 paypal/basic_acrylic_green.paylist
--- a/paypal/basic_acrylic_green.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/basic_acrylic_green.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Line 1:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Line 1" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 1', 'Line 1', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 1');smallRedraw('', 'Line 1');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Line 2:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Line 2" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 2', 'Line 2', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 2');smallRedraw('', 'Line 2');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Line 3:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Line 3" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 3', 'Line 3', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 3');smallRedraw('', 'Line 3');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Line 4:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Line 4" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 4', 'Line 4', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 4');smallRedraw('', 'Line 4');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/big_acrylic_clear.paylist
--- a/paypal/big_acrylic_clear.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/big_acrylic_clear.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Name:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Name" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('bold'); updateForm(['args__Name', 'Name', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Name');smallRedraw('bold', 'Name');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Email:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Email" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('bold'); updateForm(['args__Email', 'Email', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Email');smallRedraw('bold', 'Email');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/big_acrylic_green.paylist
--- a/paypal/big_acrylic_green.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/big_acrylic_green.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Line 1:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Line 1" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 1', 'Line 1', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 1');smallRedraw('', 'Line 1');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Line 2:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Line 2" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 2', 'Line 2', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 2');smallRedraw('', 'Line 2');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/classic_acrylic_clear.paylist
--- a/paypal/classic_acrylic_clear.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/classic_acrylic_clear.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Email:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Email" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Email', 'Email', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Email');smallRedraw('classic', 'Email');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Phone:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Phone" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Phone', 'Phone', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Phone');smallRedraw('classic', 'Phone');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Name:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Name" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Name', 'Name', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Name');smallRedraw('classic', 'Name');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Company:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Company" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Company', 'Company', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Company');smallRedraw('classic', 'Company');"
 
 >
 <!--   -->
@@ -138,7 +138,7 @@
 <br>
 Occupation:&nbsp;&nbsp;
 <input type="text"  name="line_5b" size="20" id="Occupation" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Occupation', 'Occupation', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Occupation');smallRedraw('classic', 'Occupation');"
 
 >
 <!--   -->
@@ -146,7 +146,7 @@
 <br>
 Website:&nbsp;&nbsp;
 <input type="text"  name="line_6b" size="20" id="Website" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('classic'); updateForm(['args__Website', 'Website', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Website');smallRedraw('classic', 'Website');"
 
 >
 <!--   -->
@@ -156,10 +156,6 @@
 
 <!-- End of Text Input Fields -->
 
-<br>
-<input type     = "checkbox"       onclick  = "ReadForm (this.form, false);"        value    = "( +0.01 ^__^ )">
-Add a penny! ^__^
-<br>
 
 <br>
 Total Cost:&nbsp; &nbsp;
diff -r 329638a361cc -r 1045db9799e3 paypal/classic_acrylic_green.paylist
--- a/paypal/classic_acrylic_green.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/classic_acrylic_green.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Line 1:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Line 1" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 1', 'Line 1', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 1');smallRedraw('', 'Line 1');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Line 2:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Line 2" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 2', 'Line 2', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 2');smallRedraw('', 'Line 2');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Line 3:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Line 3" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 3', 'Line 3', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 3');smallRedraw('', 'Line 3');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Line 4:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Line 4" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 4', 'Line 4', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 4');smallRedraw('', 'Line 4');"
 
 >
 <!--   -->
@@ -138,7 +138,7 @@
 <br>
 Line 5:&nbsp;&nbsp;
 <input type="text"  name="line_5b" size="20" id="Line 5" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 5', 'Line 5', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 5');smallRedraw('', 'Line 5');"
 
 >
 <!--   -->
@@ -146,7 +146,7 @@
 <br>
 Side:&nbsp;&nbsp;
 <input type="text"  name="line_6b" size="20" id="Side" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Side', 'Side', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Side');smallRedraw('', 'Side');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/generate_paylists.pm
--- a/paypal/generate_paylists.pm	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/generate_paylists.pm	Thu Jan 28 04:10:44 2010 -0500
@@ -137,7 +137,7 @@
 <br>
 PERL::OPT:&nbsp;&nbsp;
 <input type="text"  name="line_PERL::NUMb" size="20" id="PERL::OPT" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('PERL::SHORT'); updateForm(['args__PERL::OPT', 'PERL::OPT', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('PERL::OPT');smallRedraw('PERL::SHORT', 'PERL::OPT');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/lines_acrylic_clear.paylist
--- a/paypal/lines_acrylic_clear.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/lines_acrylic_clear.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Name:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Name" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Name', 'Name', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Name');smallRedraw('direct', 'Name');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Occupation:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Occupation" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Occupation', 'Occupation', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Occupation');smallRedraw('direct', 'Occupation');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Company:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Company" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Company', 'Company', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Company');smallRedraw('direct', 'Company');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Phone:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Phone" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Phone', 'Phone', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Phone');smallRedraw('direct', 'Phone');"
 
 >
 <!--   -->
@@ -138,7 +138,7 @@
 <br>
 Email:&nbsp;&nbsp;
 <input type="text"  name="line_5b" size="20" id="Email" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Email', 'Email', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Email');smallRedraw('direct', 'Email');"
 
 >
 <!--   -->
@@ -146,7 +146,7 @@
 <br>
 Website:&nbsp;&nbsp;
 <input type="text"  name="line_6b" size="20" id="Website" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw('direct'); updateForm(['args__Website', 'Website', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Website');smallRedraw('direct', 'Website');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/lines_acrylic_green.paylist
--- a/paypal/lines_acrylic_green.paylist	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/lines_acrylic_green.paylist	Thu Jan 28 04:10:44 2010 -0500
@@ -106,7 +106,7 @@
 <br>
 Line 1:&nbsp;&nbsp;
 <input type="text"  name="line_1b" size="20" id="Line 1" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 1', 'Line 1', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 1');smallRedraw('', 'Line 1');"
 
 >
 <!--   -->
@@ -114,7 +114,7 @@
 <br>
 Line 2:&nbsp;&nbsp;
 <input type="text"  name="line_2b" size="20" id="Line 2" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 2', 'Line 2', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 2');smallRedraw('', 'Line 2');"
 
 >
 <!--   -->
@@ -122,7 +122,7 @@
 <br>
 Line 3:&nbsp;&nbsp;
 <input type="text"  name="line_3b" size="20" id="Line 3" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 3', 'Line 3', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 3');smallRedraw('', 'Line 3');"
 
 >
 <!--   -->
@@ -130,7 +130,7 @@
 <br>
 Line 4:&nbsp;&nbsp;
 <input type="text"  name="line_4b" size="20" id="Line 4" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 4', 'Line 4', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 4');smallRedraw('', 'Line 4');"
 
 >
 <!--   -->
@@ -138,7 +138,7 @@
 <br>
 Line 5:&nbsp;&nbsp;
 <input type="text"  name="line_5b" size="20" id="Line 5" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 5', 'Line 5', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 5');smallRedraw('', 'Line 5');"
 
 >
 <!--   -->
@@ -146,7 +146,7 @@
 <br>
 Line 6:&nbsp;&nbsp;
 <input type="text"  name="line_6b" size="20" id="Line 6" 
-ONFOCUS="clearDefault(this);" onKeyUp="redraw(''); updateForm(['args__Line 6', 'Line 6', 'formValues'] , ['formValues']);"
+ONFOCUS="clearDefault(this);" onKeyUp="stabForm('Line 6');smallRedraw('', 'Line 6');"
 
 >
 <!--   -->
diff -r 329638a361cc -r 1045db9799e3 paypal/make.pl
--- a/paypal/make.pl	Thu Jan 28 00:32:54 2010 -0500
+++ b/paypal/make.pl	Thu Jan 28 04:10:44 2010 -0500
@@ -40,7 +40,7 @@
 COSTS_CODE    => ['40 cards @125.00', '4 cards @30.00'],
 INITIAL_PRICE => '$125.00',
 
-ADD_PENNY       => 0,
+ADD_PENNY       => 1,
 );
 }
 
@@ -62,7 +62,7 @@
 COSTS_CODE    => ['40 cards @125.00', '4 cards @30.00'],
 INITIAL_PRICE => '$125.00',
 
-ADD_PENNY       => 1,
+ADD_PENNY       => 0,
 );
 }
 
diff -r 329638a361cc -r 1045db9799e3 sexy.css
--- a/sexy.css	Thu Jan 28 00:32:54 2010 -0500
+++ b/sexy.css	Thu Jan 28 04:10:44 2010 -0500
@@ -260,10 +260,16 @@
 position: absolute;
 top:45px;
 left: 15px;
+display:none;
 }
 
+div#cardDefs
+{
+color:green;
+position: absolute;
+width: 200px;
+top: 70px;
+left: 10px;
+display:none;
+}
 
-
-
-
-