function chf(){
isOK=true;
n=0;
fq=0;
   for(var x=1; x<=6; x++)
   {
if(document.getElementById("t"+x)){
fq++;
if((document.getElementById("t"+x).value=='male') || (document.getElementById("t"+x).value=='female') || (document.getElementById("t"+x).value=='pet') || (document.getElementById("t"+x).value=='baby'))
{
d='name'+x;
if(document.getElementById(d)){

f=document.getElementById(d);
if(f.value){}
else{

n++;

}
}

}

}

}
//alert(n);
//alert(fq);

   for(var x=1; x<=6; x++)
   {
if(n<fq){

//alert(h);
if(document.getElementById("t"+x)){
if((document.getElementById("t"+x).value=='male') || (document.getElementById("t"+x).value=='female') || (document.getElementById("t"+x).value=='pet') || (document.getElementById("t"+x).value=='baby'))
{

d='name'+x;
if(document.getElementById(d)){

f=document.getElementById(d);
if(f.value){}
else{

}
}

}

}}


if(document.getElementById("hair"+x)){
ok=2;
if(document.getElementById("accface"+x)){
if(document.getElementById("accface"+x).value==""){ok=1;}
}
if((document.getElementById("selectedImage"+x).src=='http://www.doodlekins.com/doodlekins/baby_tshirts/BABY1.jpg') || ((document.getElementById("selectedImage"+x).src=='http://www.doodlekins.com/doodlekins/male_tshirts/MALE31.jpg')&(ok==1))){}else{
if(document.getElementById("hair"+x).value){}
else{
isOK=false;
alert("Please select haircolor for character number "+x+".");
}
}
}


if(document.getElementById("t"+x)){
f1=document.getElementById("t"+x);


if(document.getElementById("t"+x).value=='pet'){

if(document.getElementById("colora"+x)){
f=document.getElementById("colora"+x);
//if(document.getElementById("colora"+x).style.display != ""){
if(f.value){}
else{
isOK=false;
alert("Please select pet color for gray area shown on character number "+x+".");
}
}
//}

if(document.getElementById("colorb"+x)){
f=document.getElementById("colorb"+x);
if(document.getElementById("colorBDiv"+x).style.display != "none"){
if(f.value){}
else{
isOK=false;
alert("Please select pet color for yellow area shown on character number "+x+".");
}}
}

if(document.getElementById("colorc"+x)){
f=document.getElementById("colorc"+x);
//alert(document.getElementById("colorCDiv"+x).style.display);
//if(document.getElementById("colorc"+x).style.display){alert("ss");}
if(document.getElementById("colorCDiv"+x).style.display!="none"){
if(f.value){}
else{
isOK=false;
alert("Please select pet color for orange area shown on character number "+x+".");
}}
}

}
}
if(document.getElementById("size"+x)){
f=document.getElementById("size"+x);
if(f.value){}
else{
isOK=false;
alert("Please select size for character number "+x+".");
}}
if(document.getElementById("skin"+x)){
f=document.getElementById("skin"+x);
if(f.value){}
else{
isOK=false;
alert("Please select skin color for character number "+x+".");
}}

}
return isOK;
}
function getMaleForm(imgNum)
{

 var formText = "";

 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='male'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize Character</b></td>";

 formText +="  <td align='center'><b>Optional Accessories</b></td>";

 formText +="  <td align='center'><b><font color=red>*Accessory Color (if noted)</font color=red></b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top' id='trait" + imgNum + "'>";

 formText +="  Name:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  Size:<select name='size" + imgNum + "' id='size" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Adult'>Adult</option>";

 formText +="   <option value='Teen'>Teen</option>";

 formText +="   <option value='Older Child'>Older Child</option>";

 formText +="   <option value='Child'>Child</option>";

 formText +="   </select>";


//if(imgNum != '1')
formText +="   <br>Hair:<select name='hair" + imgNum + "' id='hair" + imgNum + "'><option value=''> </option><option value='Pale Blonde Hair' style='background:#FFF7B0; color:black'>Pale Blonde</option><option value='Bright Blonde Hair' style='background:#FFEF7F; color:black'>Bright Blonde</option><option value='Light Brown Hair' style='background:#D3C689; color:black'>Light Brown</option><option value='Medium Brown Hair' style='background:#8E7951; color:black'>Medium Brown</option><option value='Dark Brown Hair' style='background:#5C3F24; color:white'>Dark Brown</option><option value='Auburn Hair' style='background:#994517; color:black'>Auburn</option><option value='Copper Hair' style='background:#FFBC27; color:black'>Copper</option><option value='Bright Red Hair' style='background:#F67500; color:black'>Bright Red</option><option value='Black Hair' style='background:#1F1E1E; color:white'>Black</option><option value='White Hair' style='background:#FFFFFF; color:black'>White</option><option value='Deep Grey Hair' style='background:#9A9393; color:black'>Deep Grey</option><option value='Silver' style='background:#CCCCCC; color:black'>Silver</option></select>";

// formText +="   ";

 formText +="  Skin:<select name='skin" + imgNum + "' id='skin" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Fair/Rosy Skin' style='background:#F8D4CC; color:black'>Fair/Rosy</option>";

 formText +="   <option value='Medium Skin' style='background:#F7C6A3; color:black'>Medium</option>";

 formText +="   <option value='Gold Skin' style='background:#E9BC75; color:black'>Gold</option>";

 formText +="   <option value='Brown Skin' style='background:#B5723B; color:black'>Brown</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Asian:<INPUT TYPE='checkbox' name='asian" + imgNum + "' id='asian" + imgNum + "' value='Asian'>";

 formText +="  </td>";

 formText +="  <td valign='top' id='acc" + imgNum + "'>";

 formText +="  Eyes:<select name='acceyes" + imgNum + "' id='acceyes" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Glasses'>Glasses</option>";

 formText +="   <option value='Sunglasses'>Sunglasses</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Mouth:<select name='accmouth" + imgNum + "' id='accmouth" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Nervously Grinning Groom'>Nervous Groom</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Face:<select name='accface" + imgNum + "' id='accface" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Mustache'>Mustache</option>";

 formText +="   <option value='Chin-only Goatee'>Chin-only Goatee</option>";

 formText +="   <option value='Full Mustache Goatee Set'>Full Mustache Goatee</option>";

 formText +="   <option value='Stubble Mustache Goatee Set'>Stubble Mustache Goatee</option>";

 formText +="   <option value='Stubble Mustache Beard Set'>Stubble Mustache Beard</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Head:";

 formText +="   <select name='acchead" + imgNum + "' id='acchead" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Santa Cap'>Santa Cap</option>";

 formText +="   <option value='Elf Hat'>Elf Hat</option>";

 formText +="   <option value='Kippah/Yarmulke' style='color:red'>Yarmulke (*Color)</option>";

 formText +="   <option value='Baseball Cap' style='color:red'>Baseball Cap (*Color)</option>";

 formText +="   <option value='Groom Top Hat'>Groom's Top Hat</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Neck:";

 formText +="   <select name='accneck" + imgNum + "' id='accneck" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='' style='color:blue'>If you choose neckwear,</option>";

 formText +="   <option value='' style='color:blue'>it is required for ALL characters</option>";

 formText +="   <option value='' style='color:blue'>for height balance!</option>";

 formText +="   <option value='Colorful Hawaiian Flower Lei'>Colorful Flower Lei</option>";

 formText +="   <option value='Hawaiian Maile Leaf Lei'>Maile Leaf Lei</option>";

 formText +="   <option value='Wedding Bow Tie' style='color:red'>Wedding Bow Tie (*Color)</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +="  <td valign='top' id='color" + imgNum + "'>";

 formText +="  Color:<select name='colora" + imgNum + "' id='colora" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Accessory Color - White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Accessory Color - Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Accessory Color - Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Accessory Color - Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Accessory Color - Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Accessory Color - Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Accessory Color - Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Accessory Color - Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Accessory Color - Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Accessory Color - Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Accessory Color - Bright Green' style='background:#77E471; color:black'>Bright Green</option>";

 formText +="   <option value='Accessory Color - Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='Accessory Color - Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='Accessory Color - Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Accessory Color - Peach' style='background:#FFA789; color:black'>Peach</option>";

 formText +="   <option value='Accessory Color - Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Accessory Color - Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='Accessory Color - Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='Accessory Color - Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='Accessory Color - Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='Accessory Color - Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='Accessory Color - Navy' style='background:#3C60FC; color:black'>Navy</option>";

 formText +="   </select>";


 formText +="   <br>";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";
 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='male'>";
 formText +="<input type='hidden' id='im"+imgNum+"' name='im"+imgNum+"' value=''>";


 return formText;

}





function getFemaleForm(imgNum)

{

 var formText = "";


 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='female'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize Character</b></td>";

 formText +="  <td align='center'><b>Optional Accessories</b></td>";

 formText +="  <td align='center'><b><font color=red>*Accessory Color (if noted)</font color=red></b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top'>";

 formText +="  Name:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  Size:<select name='size" + imgNum + "' id='size" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Adult'>Adult</option>";

 formText +="   <option value='Teen'>Teen</option>";

 formText +="   <option value='Child'>Child</option>";

 formText +="   <option value='Younger Child'>Younger Child</option>";

 formText +="   </select>";

// formText +="   <br>";

 formText +="  Hair:<select name='hair" + imgNum + "' id='hair" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Pale Blonde Hair' style='background:#FFF7B0; color:black'>Pale Blonde</option>";

 formText +="   <option value='Bright Blonde Hair' style='background:#FFEF7F; color:black'>Bright Blonde</option>";

 formText +="   <option value='Light Brown Hair' style='background:#D3C689; color:black'>Light Brown</option>";

 formText +="   <option value='Medium Brown Hair' style='background:#8E7951; color:black'>Medium Brown</option>";

 formText +="   <option value='Dark Brown Hair' style='background:#5C3F24; color:white'>Dark Brown</option>";

 formText +="   <option value='Auburn Hair' style='background:#994517; color:black'>Auburn</option>";

 formText +="   <option value='Copper Hair' style='background:#FFBC27; color:black'>Copper</option>";

 formText +="   <option value='Bright Red Hair' style='background:#F67500; color:black'>Bright Red</option>";

 formText +="   <option value='Black Hair' style='background:#1F1E1E; color:white'>Black</option>";

 formText +="   <option value='White Hair' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Deep Grey Hair' style='background:#9A9393; color:black'>Deep Grey</option>";

 formText +="   <option value='Silver' style='background:#CCCCCC; color:black'>Silver</option>";

 formText +="          </select>";

 formText +="   <br>";

 formText +="  Skin:<select name='skin" + imgNum + "' id='skin" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Fair/Rosy Skin' style='background:#F8D4CC; color:black'>Fair/Rosy</option>";

 formText +="   <option value='Medium Skin' style='background:#F7C6A3; color:black'>Medium</option>";

 formText +="   <option value='Gold Skin' style='background:#E9BC75; color:black'>Gold</option>";

 formText +="   <option value='Brown Skin' style='background:#B5723B; color:black'>Brown</option>";

 formText +="             </select>";

 formText +="   <br>";

 formText +="  Asian:<INPUT TYPE='checkbox' name='asian" + imgNum + "' id='asian" + imgNum + "' value='Asian'>";

 formText +="  </td>";

 formText +="  <td valign='top'>";

 formText +="  Eyes:<select name='acceyes" + imgNum + "' id='acceyes" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Glasses'>Glasses</option>";

 formText +="   <option value='Sunglasses'>Sunglasses</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Mouth:<select name='accmouth" + imgNum + "' id='accmouth" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Bright Pink Lipstick'>Pink Lipstick</option>";

 formText +="   <option value='Red Lipstick'>Red Lipstick</option>";

 formText +="   <option value='Copper Lipstick'>Copper Lipstick</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Head:<select name='acchead" + imgNum + "' id='acchead" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Santa Cap'>Santa Cap</option>";

 formText +="   <option value=\"Lady's Santa Cap\">Lady's Santa Cap</option>";

 formText +="   <option value='Elf Hat'>Elf Hat</option>";

 formText +="   <option value='Light Pink Bow'>Light Pink Bow</option>";

 formText +="   <option value='Bright Pink Bow'>Bright Pink Bow</option>";

 formText +="   <option value='Red Bow'>Red Bow</option>";

 formText +="   <option value='Hawaiian Hair Flower'>Hair Flower</option>";

 formText +="   <option value='Baseball Cap' style='color:red'>Baseball Cap (*Color)</option>";

 formText +="   <option value='Veil & Headpiece 1'>Veil & Headpiece 1</option>";

 formText +="   <option value='Veil & Headpiece 2'>Veil & Headpiece 2</option>";

 formText +="   <option value='Veil & Headpiece 3'>Veil & Headpiece 3</option>";

 formText +="   <option value='Bridal Veil Only'>Bridal Veil Only</option>";

 formText +="   <option value='Headpiece 1 Only'>Headpiece 1 Only</option>";

 formText +="   <option value='Headpiece 2 Only'>Headpiece 2 Only</option>";

 formText +="   <option value='Headpiece 3 Only'>Headpiece 3 Only</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Neck:";

 formText +="   <select name='accneck" + imgNum + "' id='accneck" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='' style='color:blue'>If you choose neckwear,</option>";

 formText +="   <option value='' style='color:blue'>it is required for ALL characters</option>";

 formText +="   <option value='' style='color:blue'>for height balance!</option>";

 formText +="   <option value='Colorful Hawaiian Flower Lei'>Colorful Flower Lei</option>";

 formText +="   <option value='Hawaiian Maile Leaf Lei'>Maile Leaf Lei</option>";

 formText +="   <option value='Wedding Necklace'>Wedding Necklace</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +="  <td valign='top'>";

 formText +="  Color:<select name='colora" + imgNum + "' id='colora" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Accessory Color - White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Accessory Color - Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Accessory Color - Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Accessory Color - Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Accessory Color - Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Accessory Color - Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Accessory Color - Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Accessory Color - Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Accessory Color - Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Accessory Color - Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Accessory Color - Bright Green' style='background:#77E471; color:black'>Bright Green</option>";

 formText +="   <option value='Accessory Color - Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='Accessory Color - Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='Accessory Color - Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Accessory Color - Peach' style='background:#FFA789; color:black'>Peach</option>";

 formText +="   <option value='Accessory Color - Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Accessory Color - Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='Accessory Color - Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='Accessory Color - Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='Accessory Color - Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='Accessory Color - Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='Accessory Color - Navy' style='background:#3C60FC; color:black'>Navy</option>";

 formText +="   </select>";


 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";
 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='female'>";


 return formText;

}



function getBabyForm(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='baby'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize Character</b></td>";

 formText +="  <td align='center'><b>Optional Accessories</b></td>";

 formText +="  <td align='center'><b><font color=red>*Accessory Color (if noted)</font color=red></b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top'>";

 formText +="  Name:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  Size:<select name='size" + imgNum + "' id='size" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Older Toddler'>Older Toddler</option>";

 formText +="   <option value='Toddler'>Toddler</option>";

 formText +="   <option value='Baby'>Baby</option>";

 formText +="   </select>";

// formText +="   <br>";

 formText +="  Hair:<select name='hair" + imgNum + "' id='hair" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Pale Blonde Hair' style='background:#FFF7B0; color:black'>Pale Blonde</option>";

 formText +="   <option value='Bright Blonde Hair' style='background:#FFEF7F; color:black'>Bright Blonde</option>";

 formText +="   <option value='Light Brown Hair' style='background:#D3C689; color:black'>Light Brown</option>";

 formText +="   <option value='Medium Brown Hair' style='background:#8E7951; color:black'>Medium Brown</option>";

 formText +="   <option value='Dark Brown Hair' style='background:#5C3F24; color:white'>Dark Brown</option>";

 formText +="   <option value='Auburn Hair' style='background:#994517; color:black'>Auburn</option>";

 formText +="   <option value='Copper Hair' style='background:#FFBC27; color:black'>Copper</option>";

 formText +="   <option value='Bright Red Hair' style='background:#F67500; color:black'>Bright Red</option>";

 formText +="   <option value='Black Hair' style='background:#1F1E1E; color:white'>Black</option>";

 formText +="          </select>";

 formText +="   <br>";

 formText +="  Skin:<select name='skin" + imgNum + "' id='skin" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Fair/Rosy Skin' style='background:#F8D4CC; color:black'>Fair/Rosy</option>";

 formText +="   <option value='Medium Skin' style='background:#F7C6A3; color:black'>Medium</option>";

 formText +="   <option value='Gold Skin' style='background:#E9BC75; color:black'>Gold</option>";

 formText +="   <option value='Brown Skin' style='background:#B5723B; color:black'>Brown</option>";

 formText +="             </select>";

 formText +="   <br>";

 formText +="  Asian:<INPUT TYPE='checkbox' name='asian" + imgNum + "' id='asian" + imgNum + "' value='Asian'>";

 formText +="  </td>";

 formText +="  <td valign='top'>";

 formText +="  Eyes:<select name='acceyes" + imgNum + "' id='acceyes" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Glasses'>Glasses</option>";

 formText +="   <option value='Sunglasses'>Sunglasses</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Mouth:<select name='accmouth" + imgNum + "' id='accmouth" + imgNum + "' size='1'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Pink Pacifier'>Pink Pacifier</option>";

 formText +="   <option value='Blue Pacifier'>Blue Pacifier</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Head:<select name='acchead" + imgNum + "' id='acchead" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Baseball Cap' style='color:red'>Ball Cap (*Color)</option>";

 formText +="   <option value='Santa Cap'>Santa Cap</option>";

 formText +="   <option value='Elf Hat'>Elf Hat</option>";

 formText +="   <option value='Kippah/Yarmulke' style='color:red'>Yarmulke (*Color)</option>";

 formText +="   <option value='Light Pink Bow(s)'>Light Pink Bow(s)</option>";

 formText +="   <option value='Bright Pink Bow(s)'>Bright Pink Bow(s)</option>";

 formText +="   <option value='Red Bow'>Red Bow(s)</option>";

 formText +="   <option value='Hawaiian Hair Flower'>Hair Flower</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Neck:";

 formText +="   <select name='accneck" + imgNum + "' id='accneck" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='' style='color:blue'>If you choose neckwear,</option>";

 formText +="   <option value='' style='color:blue'>it is required for ALL characters</option>";

 formText +="   <option value='' style='color:blue'>for height balance!</option>";

 formText +="   <option value='Colorful Hawaiian Flower Lei'>Colorful Flower Lei</option>";

 formText +="   <option value='Hawaiian Maile Leaf Lei'>Maile Leaf Lei</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +="  <td valign='top'>";

 formText +="  Color:<select name='colora" + imgNum + "' id='colora" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Accessory Color - White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Accessory Color - Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Accessory Color - Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Accessory Color - Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Accessory Color - Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Accessory Color - Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Accessory Color - Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Accessory Color - Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Accessory Color - Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Accessory Color - Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Accessory Color - Bright Green' style='background:#77E471; color:black'>Bright Green</option>";

 formText +="   <option value='Accessory Color - Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='Accessory Color - Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='Accessory Color - Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Accessory Color - Peach' style='background:#FFA789; color:black'>Peach</option>";

 formText +="   <option value='Accessory Color - Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Accessory Color - Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='Accessory Color - Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='Accessory Color - Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='Accessory Color - Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='Accessory Color - Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='Accessory Color - Navy' style='background:#3C60FC; color:black'>Navy</option>";

 formText +="   </select>";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";
 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='baby'>";


 return formText;

}



function getPetForm(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='pet'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize Pet</b></td>";

 formText +="  <td align='center'><b>optional Accessories</b></td>";

 formText +="  <td align='center' id='colorHeader" + imgNum + "'><b>Color your pet</b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top'>";

 formText +="  Name:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "'  maxlength='12' size='10'><br />";

 formText +="  Size:<select name='size" + imgNum + "' id='size" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Large Pet'>Large Pet</option>";

 formText +="   <option value='Medium Pet'>Medium Pet</option>";

 formText +="   <option value='Small Pet'>Small Pet</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +="  <td valign='top'>";

 formText +="  Eyes:<select name='acceyes" + imgNum + "' id='acceyes" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Sunglasses'>Sunglasses</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Head:<select name='acchead" + imgNum + "' id='acchead" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Santa Cap'>Santa Cap</option>";

 formText +="   <option value='Elf Hat'>Elf Hat</option>";

 formText +="   <option value='Pet Xmas Antlers'>Pet Xmas Antlers</option>";

 formText +="   <option value='Pet Antlers & Red Nose'>Antlers & Red Nose</option>";

 formText +="   <option value='Light Pink Hair Bow'>Light Pink Hair Bow</option>";

 formText +="   <option value='Bright Pink Hair Bow'>Bright Pink Hair Bow</option>";

 formText +="   <option value='Red Hair Bow'>Red Hair Bow</option>";

 formText +="   <option value='Blue Hair Bow'>Blue Hair Bow</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Neck:";

 formText +="   <select name='accneck" + imgNum + "' id='accneck" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='' style='color:blue'>If you choose neckwear,</option>";

 formText +="   <option value='' style='color:blue'>it is required for ALL characters</option>";

 formText +="   <option value='' style='color:blue'>for height balance!</option>";

 formText +="   <option value='Colorful Hawaiian Flower Lei'>Colorful Flower Lei</option>";

 formText +="   <option value='Hawaiian Maile Leaf Lei'>Maile Leaf Lei</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +="  <td valign='top' id='colorBody" + imgNum + "'>";

 formText +="  <span style='background-color:#3FA8FF;color=#ffffff'><b>Color blue area:</b></span><select name='colora" + imgNum + "' id='colora" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  <div id='colorBDiv" + imgNum + "'>";

 formText +="  <span style='background-color:#5AE650;color=#ffffff'><b>Color green area:</b></span><select name='colorb" + imgNum + "' id='colorb" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="   </div>";

 formText +="  <div id='colorCDiv" + imgNum + "'>";

 formText +="  <span style='background-color:#FF1313;color=#ffffff'><b>Color red area:</b></span><select name='colorc" + imgNum + "' id='colorc" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   </select>";

 formText +="   </div>";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";

 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='pet'>";









 return formText;

}



function getStoryForm0(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='storymaker0'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize</b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top' align='center'>";

 formText +="  Caption:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";
 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='story0'>";








 return formText;

}



function getStoryForm1(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='storymaker1'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize</b></td>";

 formText +="  <td align='center'><b>Custom Color</b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top' align='center'>";

 formText +="  Caption:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  </td>";

 formText +="  <td valign='top' align='center'>";

 formText +="  Color 1:<select name='colora" + imgNum + "' id='colora" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Custom Color White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Custom Color Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Custom Color Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Custom Color Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Custom Color Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Custom Color Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Custom Color Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Custom Color Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Custom Color Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Custom Color Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Custom Color Bright Green' style='background:#77E471; color:black'>Bright Green</option>";

 formText +="   <option value='Custom Color Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='Custom Color Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='Custom Color Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Custom Color Peach' style='background:#FFA789; color:black'>Peach</option>";

 formText +="   <option value='Custom Color Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Custom Color Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='Custom Color Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='Custom Color Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='Custom Color Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='Custom Color Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='Custom Color Navy' style='background:#3C60FC; color:black'>Navy</option>";

 formText +="   </select>";

  formText +="   <br>";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";


 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='story1'>";








 return formText;

}



function getStoryForm3(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='storymaker3'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td align='center'><b>Customize</b></td>";

 formText +="  <td align='center'><b>Custom Color</b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td valign='top' align='center'>";

 formText +="  Caption:<input type='text' name='name" + imgNum + "' id='name" + imgNum + "' maxlength='12' size='10'><br />";

 formText +="  </td>";

 formText +="  <td valign='top' align='center'>";

 formText +="  Roof, window trim and step colors:<select name='colora" + imgNum + "' id='colora" + imgNum + "' >";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Roof and Trim Color-White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Roof and Trim Color-Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Roof and Trim Color-Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Roof and Trim Color-Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Roof and Trim Color-Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Roof and Trim Color-Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Roof and Trim Color-Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Roof and Trim Color-Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Roof and Trim Color-Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Roof and Trim Color-Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Roof and Trim Color-Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  House Paint Color:<select name='colorb" + imgNum + "' id='colorb" + imgNum + "' >";

 formText +="   <option value=''> </option>";

 formText +="   <option value='House Paint Color-White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='House Paint Color-Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='House Paint Color-Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='House Paint Color-Dk Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='House Paint Color-Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='House Paint Color-Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='House Paint Color-Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='House Paint Color-Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='House Paint Color-Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='House Paint Color-Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='House Paint Color-Bright Green' style='background:#77E471; color:black'>Bright Green</option>";

 formText +="   <option value='House Paint Color-Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='House Paint Color-Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='House Paint Color-Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='House Paint Color-Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='House Paint Color-Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='House Paint Color-Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='House Paint Color-Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='House Paint Color-Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='House Paint Color-Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='House Paint Color-Blue' style='background:#3C60FC; color:black'>Blue</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  Door Color:<select name='colorc" + imgNum + "' id='colorc" + imgNum + "' >";

 formText +="   <option value=''> </option>";

 formText +="   <option value='Door Color-White' style='background:#FFFFFF; color:black'>White</option>";

 formText +="   <option value='Door Color-Tan' style='background:#E8E5CC; color:black'>Tan</option>";

 formText +="   <option value='Door Color-Brown' style='background:#C2AC94; color:black'>Brown</option>";

 formText +="   <option value='Door Color-Dark Brown' style='background:#896E4E; color:black'>Dk Brown</option>";

 formText +="   <option value='Door Color-Cream' style='background:#FAE6BF; color:black'>Cream</option>";

 formText +="   <option value='Door Color-Gold' style='background:#EFD08E; color:black'>Gold</option>";

 formText +="   <option value='Door Color-Rust' style='background:#E09B2B; color:black'>Rust</option>";

 formText +="   <option value='Door Color-Light Gray' style='background:#CDCACB; color:black'>Light Gray</option>";

 formText +="   <option value='Door Color-Dark Gray' style='background:#8F8A8B; color:black'>Dark Gray</option>";

 formText +="   <option value='Door Color-Black' style='background:#5F595A; color:white'>Black</option>";

 formText +="   <option value='Door Color-Green' style='background:#77E471; color:black'>Green</option>";

 formText +="   <option value='Door Color-Aqua Blue' style='background:#3DBFFE; color:black'>Aqua Blue</option>";

 formText +="   <option value='Door Color-Teal' style='background:#00D2AF; color:black'>Teal</option>";

 formText +="   <option value='Door Color-Orange' style='background:#FC790D; color:black'>Orange</option>";

 formText +="   <option value='Door Color-Yellow' style='background:#FDE24B; color:black'>Yellow</option>";

 formText +="   <option value='Door Color-Pink' style='background:#FF3770; color:black'>Pink</option>";

 formText +="   <option value='Door Color-Rose' style='background:#FF9DEA; color:black'>Rose</option>";

 formText +="   <option value='Door Color-Red' style='background:#F61314; color:black'>Red</option>";

 formText +="   <option value='Door Color-Hunter Green' style='background:#1CA21E; color:black'>Hunter Green</option>";

 formText +="   <option value='Door Color-Purple' style='background:#B434C2; color:black'>Purple</option>";

 formText +="   <option value='Door Color-Navy' style='background:#3C60FC; color:black'>Navy</option>";

 formText +="   </select>";

 formText +="   <br>";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";






 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='story2'>";


 return formText;

}



function getSpeechForm(imgNum)

{

 var formText = "";



 formText +=" <input type='hidden' name='type" + imgNum + "' id='type" + imgNum + "' value='speechbubble'>";

 formText +=" <table width='100%' style='font-family: Tahoma; font-size: 12px; color: #717171;' cellspacing='0'>";

 formText +=" <tr>";

 formText +="  <td><b>&nbsp;</b></td>";

 formText +=" </tr>";

 formText +=" <tr>";

 formText +="  <td align='left'>";

 formText +="  <b>Choose one of ours: </b><select name='sbText" + imgNum + "' id='sbText" + imgNum + "'>";

 formText +="   <option value=''> </option>";

 formText +="   <option value=\"It's a boy!!!\" >It's a boy!!!</option>";
 formText +="   <option value=\"It's a girl!!!\">It's a girl!!!</option>";
 formText +="   <option value=\"We have TWINS!\">We have TWINS!</option>";
 formText +="   <option value=\"We have THREE!\">We have THREE!</option>";
 formText +="   <option value=\"We're engaged!\">We're engaged!</option>";
 formText +="   <option value=\"Will you?\">Will you?</option>";
 formText +="   <option value=\"YES!\">YES!</option>";
 formText +="   <option value=\"We're gettin' hitched!\">We're gettin' hitched!</option>";
 formText +="   <option value=\"I love my dog!\">I love my dog!</option>";
 formText +="   <option value=\"I love my cat!\">I love my cat!</option>";
 formText +="   <option value=\"We've moved!\">We've moved!</option>";
 formText +="   <option value=\"I moved!\">I moved!</option>";
 formText +="   <option value=\"Happy Holidays!\">Happy Holidays!</option>";
 formText +="   <option value=\"Merry Christmas!\">Merry Christmas!</option>";
 formText +="   <option value=\"Happy Hanukka!\">Happy Hanukka!</option>";
 formText +="   <option value=\"Happy New Year!\">Happy New Year!</option>";

 formText +="   </select>";

 formText +="   <br><br><b>Or</b><br><br>";

 formText +="  <b>Write your own custom text:</b><input type='sbctext' name='sbctext" + imgNum + "' id='name" + imgNum + "' maxlength='20' size='35'><br />";

 formText +="  </td>";

 formText +=" </tr>";

 formText +=" </table>";


 formText +="<input type='hidden' id='t"+imgNum+"' name='t"+imgNum+"' value='speech'>";
 return formText;

}



function serializeForm(imgNum)

{

 var serializedText = "";

 var type = "";

 var objForm = document.getElementById("type" + imgNum);



 if(objForm)

 {

  type = objForm.value;



  serializedText = type;



  serializedText += "|" + document.getElementById("selectedImage" + imgNum).src;





  // Speech Bubbles form

  if(type == "speechbubble")

  {

   // KEY: type|src|sbtext|sbctext



   serializedText += "|" + document.getElementById("sbtext" + imgNum).value;

   serializedText += "|" + document.getElementById("sbctext" + imgNum).value;

  }



  // Storymaker 0 form

  if(type == "storymaker0")

  {

   // KEY: type|src|name



   serializedText += "|" + document.getElementById("name" + imgNum).value;

  }



  // Storymaker 1 form

  if(type == "storymaker1")

  {

   // KEY: type|src|name|colora



   serializedText += "|" + document.getElementById("name" + imgNum).value;

   serializedText += "|" + document.getElementById("colora" + imgNum).value;

  }



  // Storymaker 3 form

  if(type == "storymaker3")

  {

   // KEY: type|src|name|colora|colorb|colorc



   serializedText += "|" + document.getElementById("name" + imgNum).value;

   serializedText += "|" + document.getElementById("colora" + imgNum).value;

   serializedText += "|" + document.getElementById("colorb" + imgNum).value;

   serializedText += "|" + document.getElementById("colorc" + imgNum).value;

  }



  // Male form

  if(type == "male")

  {

   // KEY: type|src|name|size|hair|skin|asian|acceyes|accmouth|accface|acchead|accneck|colora



   serializedText += "|" + document.getElementById("name" + imgNum).value;

   serializedText += "|" + document.getElementById("size" + imgNum).value;

   serializedText += "|" + document.getElementById("hair" + imgNum).value;

   serializedText += "|" + document.getElementById("skin" + imgNum).value;

   serializedText += "|" + ((document.getElementById("asian" + imgNum).checked) ? "Asian" : "");

   serializedText += "|" + document.getElementById("acceyes" + imgNum).value;

   serializedText += "|" + document.getElementById("accmouth" + imgNum).value;

   serializedText += "|" + document.getElementById("accface" + imgNum).value;

   serializedText += "|" + document.getElementById("acchead" + imgNum).value;

   serializedText += "|" + document.getElementById("accneck" + imgNum).value;

   serializedText += "|" + document.getElementById("colora" + imgNum).value;

  }



  // Female or Baby form

  if(type == "female" ||  type == "baby")

  {

   // KEY: type|src|name|size|hair|skin|asian|acceyes|accmouth|acchead|accneck|colora



   serializedText += "|" + document.getElementById("name" + imgNum).value;

   serializedText += "|" + document.getElementById("size" + imgNum).value;

   serializedText += "|" + document.getElementById("hair" + imgNum).value;

   serializedText += "|" + document.getElementById("skin" + imgNum).value;

   serializedText += "|" + ((document.getElementById("asian" + imgNum).checked) ? "Asian" : "");

   serializedText += "|" + document.getElementById("acceyes" + imgNum).value;

   serializedText += "|" + document.getElementById("accmouth" + imgNum).value;

   serializedText += "|" + document.getElementById("acchead" + imgNum).value;

   serializedText += "|" + document.getElementById("accneck" + imgNum).value;

   serializedText += "|" + document.getElementById("colora" + imgNum).value;

  }



  // Pet form

  if(type == "pet")

  {

   // KEY: type|src|name|size|acceyes|acchead|accneck|colora|colorb|colorc



   serializedText += "|" + document.getElementById("name" + imgNum).value;

   serializedText += "|" + document.getElementById("size" + imgNum).value;

   serializedText += "|" + document.getElementById("acceyes" + imgNum).value;

   serializedText += "|" + document.getElementById("acchead" + imgNum).value;

   serializedText += "|" + document.getElementById("accneck" + imgNum).value;

   serializedText += "|" + document.getElementById("colora" + imgNum).value;

   serializedText += "|" + document.getElementById("colorb" + imgNum).value;

   serializedText += "|" + document.getElementById("colorc" + imgNum).value;

  }
/*alert(imgNum);
alert(document.getElementById("holt"));
alert(document.getElementById("hats0"));
alert(document.getElementById("hats1"));
alert(document.getElementById("hats2"));
*/
   if(document.getElementById("charh"+imgNum))serializedText += "|" + document.getElementById("charh"+imgNum).value;

 }
   if((document.getElementById("holt")))serializedText += "|" + document.getElementById("holt").value;


 // replace special characters
//alert(serializedText);
 serializedText = serializedText.replace(/"/g,"dqt;");

 serializedText = serializedText.replace(/'/g,"sqt;");



 return serializedText;

}



function deserializeForm(imgNum){
var serializedText = document.getElementById("formData" + imgNum).value;
// replace special characters
serializedText = serializedText.replace(/dqt;/g,"\"");
serializedText = serializedText.replace(/sqt;/g,"'");
var formArray = serializedText.split("|");
if(formArray.length > 0){// show the image with the appropriate form
fillImage(imgNum, formArray[1]);
// fill the image's form
var type = formArray[0];
// Speech Bubbles form
if(type == "speechbubble"){
// KEY: type|src|sbtext|sbctext
document.getElementById("sbtext" + imgNum).value = formArray[2];
document.getElementById("sbctext" + imgNum).value = formArray[3];}
// Storymaker 0 form
if(type == "storymaker0"){// KEY: type|src|name
document.getElementById("name" + imgNum).value = formArray[2];}
// Storymaker 1 form
if(type == "storymaker1"){
// KEY: type|src|name|colora
document.getElementById("name" + imgNum).value = formArray[2];
document.getElementById("colora" + imgNum).value = formArray[3];}
// Storymaker 3 form
if(type == "storymaker3"){
// KEY: type|src|name|colora|colorb|colorc
document.getElementById("name" + imgNum).value = formArray[2];
document.getElementById("colora" + imgNum).value = formArray[3];
document.getElementById("colorb" + imgNum).value = formArray[4];
document.getElementById("colorc" + imgNum).value = formArray[5];}
// Male form
if(type == "male"){
// KEY: type|src|name|size|hair|skin|asian|acceyes|accmouth|accface|acchead|accneck|colora
document.getElementById("name" + imgNum).value = formArray[2];
document.getElementById("size" + imgNum).value = formArray[3];
document.getElementById("hair" + imgNum).value = formArray[4];
document.getElementById("skin" + imgNum).value = formArray[5];
document.getElementById("asian" + imgNum).checked = (formArray[6] == "Asian") ? true : false;
document.getElementById("acceyes" + imgNum).value = formArray[7];
document.getElementById("accmouth" + imgNum).value = formArray[8];
document.getElementById("accface" + imgNum).value = formArray[9];
document.getElementById("acchead" + imgNum).value = formArray[10];
document.getElementById("accneck" + imgNum).value = formArray[11];
document.getElementById("colora" + imgNum).value = formArray[12];
if(document.getElementById("charh" + imgNum))document.getElementById("charh" + imgNum).value=formArray[13];
}
// Female or Baby form
if(type == "female" ||  type == "baby"){
// KEY: type|src|name|size|hair|skin|asian|acceyes|accmouth|acchead|accneck|colora
document.getElementById("name" + imgNum).value = formArray[2];
document.getElementById("size" + imgNum).value = formArray[3];
document.getElementById("hair" + imgNum).value = formArray[4];
document.getElementById("skin" + imgNum).value = formArray[5];
document.getElementById("asian" + imgNum).checked = (formArray[6] == "Asian") ? true : false;
document.getElementById("acceyes" + imgNum).value = formArray[7];
document.getElementById("accmouth" + imgNum).value = formArray[8];
document.getElementById("acchead" + imgNum).value = formArray[9];
document.getElementById("accneck" + imgNum).value = formArray[10];
document.getElementById("colora" + imgNum).value = formArray[11];
if(document.getElementById("charh" + imgNum))document.getElementById("charh" + imgNum).value=formArray[12];
}
// Pet form
if(type == "pet"){// KEY: type|src|name|size|acceyes|acchead|accneck|colora|colorb|colorc
document.getElementById("name" + imgNum).value = formArray[2];
document.getElementById("size" + imgNum).value = formArray[3];
document.getElementById("acceyes" + imgNum).value = formArray[4];
document.getElementById("acchead" + imgNum).value = formArray[5];
document.getElementById("accneck" + imgNum).value = formArray[6];
document.getElementById("colora" + imgNum).value = formArray[7];
document.getElementById("colorb" + imgNum).value = formArray[8];
document.getElementById("colorc" + imgNum).value = formArray[9];
if(document.getElementById("charh" + imgNum))document.getElementById("charh" + imgNum).value=formArray[10];
}}}

function copyData(data){
var formArray = data.split("~~");
var active = 0;
if(formArray.length > 0){
for(var x=1; x<=formArray.length; x++ ){
document.getElementById("formData" + x).value = formArray[x-1];
if(formArray[x-1] != "") active++;}}
selectImage(active);
for(var y=1; y<=active; y++ )

 {

  deserializeForm(y);

 }

}








 