var cont = '<a href="#" onclick="return hideapop();">';
    cont += '<img src="../images/continue_button.gif" alt="continue" /></a>\n';
var dhelp = '<h3>How to Use the Decorator:</h3>';
 dhelp += 'Click the colored swatches inside the hoop to change the tapes.<br />';
 dhelp += 'To change between hoop styles, click the radial buttons above the hoop.<p />';
 dhelp += 'Can&rsquo;t decide? ';
 dhelp += 'Click &ldquo;random&rdquo; to load a random design.<br />';
 dhelp += 'Feel free to tweak the random design by clicking on the swatches.<br />';
 dhelp += 'When you find one you like, click &ldquo;save&rdquo; ';
 dhelp += 'to store the design while you continue decorating hoops.<br />';
 dhelp += 'Click the radio buttons next to your stored selections to review them.<p />';
 dhelp += 'When you see a design you like, click &ldquo;add to cart&rdquo; to make your order.<p />';
 dhelp += 'Still have questions? Email us at info@troohoops.com or ';
 dhelp += 'give us a call at 800-763-0909.<p />';
 dhelp += cont;

var model = 0;
var pieces = 0;
var size = 1;
var weight = 0;
var amodel = ["", "Twist", "Tango", "Swing", "Matrix", "Jazz", "DIY"];
var apieces = ["", "4-Piece Quattro", "8-Piece Pocket"];
var basenums = [0,5010,5020,5000,5040,5060,5350];
var cf = 1;
var cs = 0;
var pt = ["", "", "", "", "", ""];
var at = ["", "", "", "", "", ""];
var swtch = "";

/*
var acolors = ["Yellow", "Red", "Teal", "Green", "Orange", "Pink", "Black", "White", "Silver", "Gold", "Red", "Green", "Pink", "Purple", "Aqua", "Silver", "Red", "Fuschia", "Pink", "Purple", "Iridescent", "Green", "Blue"];
*/

var ccolors = ["Yellow", "Red", "Teal", "Green", "Orange", "Pink", "Black", "White"];
var pcolors = ["Silver", "Red", "Green", "Pink", "Purple", "Aqua"];
var mcolors = ["Silver", "Red", "Fuschia", "Pink", "Purple", "Iridescent", "Green", "Blue"];

var ccol=ccolors.length;
var pcol=pcolors.length;
var mcol=mcolors.length;
var acolors=ccolors.concat(pcolors, mcolors);


var shid="";
var thanks=false;

var xmlr = false;
var msxmlhttp = new Array(
	'Msxml2.XMLHTTP',
	'Microsoft.XMLHTTP');
for (var i = 0; i < msxmlhttp.length; i++)
{ try { xmlr = new ActiveXObject(msxmlhttp[i]); }
  catch (e) { xmlr = null; } }
if(!xmlr && typeof XMLHttpRequest != "undefined")
	xmlr = new XMLHttpRequest();
if (!xmlr) alert("Could not create connection object.");


function shareHoop()
{ if (shid) {doShare();}
  else
    { var url = "getshid.php?cst=85713&clubs=";
	var c = document.fm.elements["pQty[]"][1].value;
	var x = document.fm.elements["pNum[]"][1].value + "|" + c + "|";
	 x += document.fm.elements["pOption1[]"][1].value + "|";
	 x += document.fm.elements["pOption2[]"][1].value + "|";
	 x += document.fm.elements["pOption3[]"][1].value + "|";
	 x += document.fm.elements["pOption4[]"][1].value + "|";
	 x += document.fm.elements["pOption5[]"][1].value + "|";
	 x += model;
	url += x;
	xmlr.open("GET", url, true);
	xmlr.onreadystatechange = goShare;
	xmlr.send(null); }
  return false; }

function goShare()
{ if (xmlr.readyState == 4)
  { shid = xmlr.responseText;
    doShare(); } }	 


function verifyShare()
{ document.getElementById("tmlabel").style.display="none";
  document.getElementById("fmlabel").style.display="none";
  if (document.sharer.Tmail.value=="" || validEmail(document.sharer.Tmail.value))
  {document.getElementById("tmlabel").style.display="inline";}
  if (document.sharer.Fmail.value=="" || validEmail(document.sharer.Fmail.value))
  {document.getElementById("fmlabel").style.display="inline";}
else {
document.sharex.shid.value=document.sharer.shid.value;
document.sharex.xDir.value=document.sharer.xDir.value;
document.sharex.Tmail.value=document.sharer.Tmail.value;
document.sharex.Tname.value=document.sharer.Tname.value;
document.sharex.Fmail.value=document.sharer.Fmail.value;
document.sharex.Fname.value=document.sharer.Fname.value;
document.sharex.Comm.value=document.sharer.Comm.value;

popUp('<span style="text-decoration:blink; padding:72px;">Working . . .</span></div>');
document.sharex.submit();
}
 }


function doShare()
{ var msg='<div class="shareform">';
  msg += '<form name="sharer" method="post" action="sharer.php">';
  msg += '<input type="hidden" name="m" value="share" />';
  msg += '<input type="hidden" name="src" value="hoop" />';
  msg += '<input type="hidden" name="shid" value="' + shid + '" />';
  msg += '<input type="hidden" name="xDir" value="' + xDir + '" />';
  msg += '<span class="prom">Link to this hoop:</span><br />';
  msg += '<input type="text" name="link" value="http://www.troohoops.com/products/decorator.php?cst=' + shid + '" class="fnp" readonly /><p style="margin-top:4px;" />';
  msg += '<table style="width:100%;"><tr><td style="text-align:left; padding:0;">';
  msg += '<span class="prom">Email this hoop: (*required)</span></td>';
  msg += '<td style="width:48px;"><iframe src="http://www.facebook.com/plugins/like.php?href=';
  msg += 'http%3A%2F%2Fwww.troohoops.com%2Fproducts%2Fdecorator.php%3Fcst=' + shid + '&amp;send=false';
  msg += '&amp;layout=button_count&amp;width=84&amp;show_faces=false&amp;action=like&amp;';
  msg += 'colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; ';
  msg += 'overflow:hidden; width:48px; height:21px;" allowTransparency="true"></iframe></td>';
  msg += '</tr></table>\n';
  msg += '*To (email address): <span id="tmlabel" class="reqd">required</span><br />';
  msg += '<input type="text" name="Tmail" value="" class="fnp" onchange="doComment();" /><p style="margin-top:4px;" />';
  msg += 'To (name of recipient):<br />';
  msg += '<input type="text" name="Tname" value="" class="fnp" onchange="doComment();" /><p style="margin-top:4px;" />';
  msg += '*From (your email address): <span id="fmlabel" class="reqd">required</span><br />';
  msg += '<input type="text" name="Fmail" value="" class="fnp" onchange="doComment();" /><p style="margin-top:4px;" />';
  msg += 'From (your name):<br />';
  msg += '<input type="text" name="Fname" value="" class="fnp" onchange="doComment();" /><p style="margin-top:4px;" />';
  msg += 'Add a note (optional):<br />';
  msg += '<textarea name="Comm" class="fnt" onchange="doComment();"></textarea><p style="margin-top:4px;" />';
  msg += 'Message preview:<br />';
  msg += '<textarea name="Prev" class="fnx" readonly></textarea><p style="margin-top:4px;" />';
  msg += '<img src="../images/btn_sendemail.png" alt="send" class="point" onclick="verifyShare();"/><p style="margin-top:4px;" />';
  msg += '</form>';
  msg += '</div>';
popUp(msg);
}

function doComment()
{ if (document.sharer.Tname.value) {var t=document.sharer.Tname.value;} else {var t=document.sharer.Tmail.value;}
  if (document.sharer.Fname.value) {var f=document.sharer.Fname.value;} else {var f=document.sharer.Fmail.value;}
  var x = ""+model; var m = parseInt(x);
  var x = ""+pieces; var p = parseInt(x);
  var pc = p-1;
  var pm = m + (6 * pc);
  if (pm==0 || pm>12) {var prc="["+pm+"]";} else {var prc="";}
  var s = apieces[p] + " " + amodel[m] + " " + szs[size] + " " + wts[weight] + " Troo Hoop.\n";
  var x = "Dear " + t + ",\n";
  x += f + " has sent you a custom " + s;
  x += document.sharer.Comm.value;
  document.sharer.Prev.value = x; }

function reSize2(v)
{ size=v;
  reNameNum(); }

function reWeight2(v)
{ weight=v;
  reNameNum();
  if (v==0)
  { document.getElementById("sport").src = "images/NavBtn_On.gif";
    document.getElementById("dance").src = "images/NavBtn_Off.gif"; }
  else
  { document.getElementById("sport").src = "images/NavBtn_Off.gif";
    document.getElementById("dance").src = "images/NavBtn_On.gif"; }
 }

function reNameNum()
{ var x = ""+model; var m = parseInt(x);
  var x = ""+pieces; var p = parseInt(x);
  var pc = p-1;

  var pm = m + (6 * pc);
  if (pm==0 || pm>12) {var prc="["+pm+"]";} else {var prc="";}

  document.fm.elements["pName[]"][1].value = prc + basename + apieces[p] + " " + amodel[m] + " " + szs[size] + " " + wts[weight];
  document.fm.elements["pModel[]"][cf].value = m;
  document.fm.elements["pPieces[]"][cf].value = p;
  if (model==6) {var basen = basenums[model] + (500 * pc);}
  else {var basen = basenums[model] + (800 * pc);}
  document.fm.elements["pNum[]"][1].value = "T" + (basen + (size*2) + weight);
  document.fm.elements["pPrice[]"][cf].value = aprc[pm];
  document.fm.pSubhead.value = amodel[m] + " " + apieces[p] + " $" + aprc[pm] + " ea.";
   }

function selRandom()
{ if (model!=6) {var i=0; var t1=""; var agg=pcol+mcol; var cgg=ccol+pcol+mcol;
  if (model==5) {i = Math.floor(Math.random()*agg) + ccol;}
  else if (model!=3) {i = Math.floor(Math.random()*cgg);}
  else {i = Math.floor(Math.random()*ccol);}
  if (i<ccol) {t1="C_"+acolors[i];} else if (i>agg) {t1="M_"+acolors[i];} else {t1="P_"+acolors[i];}
if (model==3) {t1="";}
  if (model==5) {i = Math.floor(Math.random()*agg) + ccol;}
  else {i = Math.floor(Math.random()*ccol);}
  if (i<ccol) {t2=acolors[i];} else if (i>agg) {t2="M_"+acolors[i];} else {t2="P_"+acolors[i];}
  if (model>1 && model!=5) {i = Math.floor(Math.random()*ccol); var t3=acolors[i];} else {var t3="";}
  if (model>2 && model!=5) {i = Math.floor(Math.random()*ccol); var t4=acolors[i];} else {var t4="";}
  if (model==5) {t5="";} else {i = Math.floor(Math.random()*ccol); var t5=acolors[i];}
  selTape1(t1);
  selTape2(t2);
  selTape3(t3);
  selTape4(t4);
  selTape5(t5);} return false; }

function setDisp()
{ var s="";
  if (model!=6) {
  if (model!=3) {var s = at[1] + ", " + at[2];}
  else {var s = at[2];}
  if (model>1 && model<5) {s += ", " + at[3];}
  if (model>2 && model<5) {s += ", " + at[4];}
  if (model!=5) {s += ", " + at[5];} }
  document.fm.elements["pDisplay[]"][cf].value = s; }

function setCt(t)
{ if (model!=6) {
  var p = pt[t];
  var c = at[t];
  if (model==5) {var s="j";} else {var s="";}
  if (p)
  { var x = ""+p+s+t; document.getElementById(x).style.border = "1px solid #fff"; }
  if (c)
  { var x = ""+c+s+t; document.getElementById(x).style.border = "3px solid #8fe174"; }
  pt[t]=c; } }

function selTape1(c, d)
{ if (!c) {var i="swatch/spacer.gif"; var s=""; var p = "";}
  else
  { var i="swatch/1"+c+".png";
    if (c.substr(0,1)=="P") {var mt=" Prism";}
    else if (c.substr(0,1)=="M") {var mt=" Mirror";}
    else {var mt=" Cloth";}
    var s="Base 1: " + c.substr(2) + mt;
    var p="1"+c; }
  document.getElementById("tape1").src = i;
  if (model==5) {var x="slabelj1";} else {var x="slabel1";}
  document.getElementById(x).value = s;
  at[1] = c; setCt(1);
  if (!d)
  { document.fm.elements["pOption1[]"][cf].value = p;
    setDisp(); return false; } }
function selTape2(c, d)
{ if (!c) {var i="swatch/spacer.gif"; var s=""; var p = "";}
  else
  { 
  if (model==3) { if (pieces==2) {var z="_8";} else {var z="";}
	var i="swatch/1Q_"+c+z+".png"; var s="Q1:"+c+" Cloth"; var p="q1_"+c;}
  else if (model==5)
  { var i="swatch/2" + c + ".png";
    if (c.substr(0,1)=="P") {var mt=" Prism";}
    else {var mt=" Mirror";}
    var s="Base 2: " + c.substr(2) + mt; var p="2"+c;}
  else {var i="swatch/2_" + c + ".png"; var s="Base 2: " + c + " Cloth"; var p="2_"+c;}
  }
  document.getElementById("tape2").src = i;
  if (model==5) {var x="slabelj2";} else {var x="slabel2";}
  document.getElementById(x).value = s;
  at[2] = c; setCt(2);
  if (!d)
  { document.fm.elements["pOption2[]"][cf].value = p;
    setDisp(); return false; } }
function selTape3(c, d)
{ if (!c) {var i="swatch/spacer.gif"; var s=""; var p = "";}
  else if (model==3) { if (pieces==2) {var z="_8";} else {var z="";}
	var i="swatch/2Q_"+c+z+".png"; var s="Q2:"+c+" Cloth"; p="q2_"+c;}
  else {var i="swatch/3Ac_"+c+".png"; var s="Accent: "+c+" Cloth"; p="3Ac_"+c;}
  document.getElementById("tape3").src = i;
  document.getElementById("slabel3").value = s;
  at[3] = c; setCt(3);
  if (!d)
  { document.fm.elements["pOption3[]"][cf].value = p;
    setDisp(); return false; } }
function selTape4(c, d)
{ if (!c) {var i="swatch/spacer.gif"; var p = ""; var s="";}
  else if (model==3) { if (pieces==2) {var z="_8";} else {var z="";}
	var i="swatch/3Q_"+c+z+".png"; var s="Q3:"+c+" Cloth"; p="q3_"+c;}
  else {var i="swatch/4CrA_"+c+".png"; var s="Accent Cross: "+c+" Cloth"; var p="4CrA_"+c;}
  document.getElementById("tape4").src = i;
  document.getElementById("slabel4").value = s;
  at[4] = c; setCt(4);
  if (!d)
  { document.fm.elements["pOption4[]"][cf].value = p;
    setDisp(); return false; } }
function selTape5(c, d)
{ var j="swatch/spacer.gif";
  if (model==3) { if (pieces==2) {var z="_8";} else {var z="";}
	var i="swatch/4Q_"+c+z+".png"; var s="Q4:"+c+" Cloth"; p="q4_"+c;}
  else if (model==5) {var i="swatch/Conn_Jazz.png"; var s=""; var p="";
	if (pieces==2) {var i="swatch/Conn_Jazz_8.png";} }
  else if (model==6) {var i="swatch/Conn_DIY.png"; var s=""; var p="";
	if (pieces==2) {var i="swatch/Conn_DIY_8.png";} }
  else {var i="swatch/Conn_"+c+".png"; var s="Connector: "+c+" Cloth"; var p="Conn_"+c;
	if (pieces==2) {var j="swatch/Conn_"+c+"_8.png";} }
  document.getElementById("tape5").src = i;
  document.getElementById("tape6").src = j;
  document.getElementById("slabel5").value = s;
  at[5] = c; setCt(5);
  if (!d)
  { document.fm.elements["pOption5[]"][cf].value = p;
    setDisp(); return false; } }

function selPieces(i)
{ pieces=i; setPuttons();
  reNameNum();
  if (model==3) {selTape2(at[2], 1); selTape3(at[3], 1); selTape4(at[4], 1);}
  selTape5(at[5], 1);
  return false; }

function selModel(m, p, t1, t2, t3, t4, t5, s, w)
{ pt = ["", "", "", "", "", ""];
  if (s) {reSize2(s);}
  if (w) {reWeight2(w);}
  if (!m) {model=1;} else {model=m;}
  if (!p) {if (!pieces) {pieces=1;}} else {pieces=p;}
  reNameNum();
  if (!t1 && model!=3 && model!=5) {t1="P_Silver";}
  if (!t1 && model==5) {t1="M_Fuschia";}
  if (!t2)
  { if (model==1 || model==4) {t2="Teal";}
    else if (model==5) {t2="M_Fuschia";}
    else if (model==3) {t2="White";}
    else {t2="White";} }
  if (!t3)
  { if (model==2 || model==3) {t3="Teal";}
    else if (model==4) {t3="White";} }
  if (!t4)
  { if (model==4) {t4="Pink";}
    else if (model==3) {t4="White";} }
  if (!t5 || model==5)
  { if (model==5) {t5="";} else {t5="Teal";} }
  if (model==6) {t1=""; t2=""; t3=""; t4=""; t5="";}
  setButtons();
  setPuttons();
  setBG();
  t1=asearch(t1, 1); selTape1(t1);
  t2=asearch(t2, 2); selTape2(t2);
  t3=asearch(t3, 3); selTape3(t3);
  t4=asearch(t4, 4); selTape4(t4);
  t5=asearch(t5, 5); selTape5(t5);
  return false; }

function asearch(s, t)
{ if (!s) {return s;}
  else
  { var p=""; var arr=ccolors;
    if (t==1 || (t==2 && model==5))
    { var a=s.split("_");
	var p = a[0]+"_"; var c = a[1];
	if (a[0]=="P") {var arr=pcolors;}
	else if (a[0]=="M") {var arr=mcolors;} }
    else {c=s;}

  for (var i=0; i<arr.length; i++)
  { if (arr[i] == c) { return s; } }
  alert(s+" tape "+t+" is out of stock!");
  return p+arr[0]; } }

/*
  if (m==5) {var t2 = document.fm.elements["pOption2[]"][cf].value.substr(1);}
  else {var a = document.fm.elements["pOption2[]"][cf].value.split("_"); var t2 = a[1];}


    if ($model!=6) {$tape1=substr($p['pOption1'][1], 1);}
    if ($model==5) {$tape2=substr($p['pOption2'][1], 1);}
    elseif ($model!=6) {$a=explode("_", $p['pOption2'][1]); $tape2=$a[1];}
    else {$tape2="";}
    if ($model>1 && $model!=6) {$a=explode("_", $p['pOption3'][1]); $tape3=$a[1];} else {$tape3="";}
    if ($model==4) {$a=explode("_", $p['pOption4'][1]); $tape4=$a[1];} else {$tape4="";}
    if ($model!=6) {$a=explode("_", $p['pOption5'][1]); $tape5=$a[1];} else {$tape5="";} }

function setClubs()
{ var i=0; var v=0; var succ=true;
  for (var c=0; c<csets.length; c++)
  { var a = csets[c];
    v=a[4]; i=asearch(ahandle, v);
    if (i == -1) {succ=false;} else {selHandle(i);}
  }
if (succ) {showAll();}
else {popAlert("Sorry! Some options are out of stock.");}
}

*/

function setButtons()
{ var nx = ["", "Off", "Off", "Off", "Off", "Off", "Off"];
  nx[model] = "On";
  document.getElementById("navb1").src = "images/NavBtn_" + nx[1] + ".gif";
  document.getElementById("navb2").src = "images/NavBtn_" + nx[2] + ".gif";
  document.getElementById("navb3").src = "images/NavBtn_" + nx[3] + ".gif";
  document.getElementById("navb4").src = "images/NavBtn_" + nx[4] + ".gif";
  document.getElementById("navb5").src = "images/NavBtn_" + nx[5] + ".gif";
  document.getElementById("navb6").src = "images/NavBtn_" + nx[6] + ".gif";
  var nx = ["", "none", "none", "none", "none", "none", "none"];
  nx[model] = "block";
  document.getElementById("model1").style.display = nx[1];
  document.getElementById("model2").style.display = nx[2];
  document.getElementById("model3").style.display = nx[3];
  document.getElementById("model4").style.display = nx[4];
  document.getElementById("model5").style.display = nx[5];
  document.getElementById("model6").style.display = nx[6]; }

function setPuttons()
{ var nx = ["", "Off", "Off"];
  nx[pieces] = "On";
  var dx = ["", "none", "none"];
  dx[pieces] = "block";
  document.getElementById("navp2").src = "images/NavBtn_" + nx[2] + ".gif";
  document.getElementById("navp1").src = "images/NavBtn_" + nx[1] + ".gif";
  document.getElementById("snipQuattro").style.display = dx[1];
  document.getElementById("snipPocket").style.display = dx[2];
  document.getElementById("revQuattro").style.display = dx[1];
  document.getElementById("revPocket").style.display = dx[2];
  if (model==6) {
  document.getElementById("detQuattro").style.display = "none";
  document.getElementById("detPocket").style.display = "none";
  document.getElementById("detSnap").style.display = "none";
  document.getElementById("diyQuattro").style.display = dx[1];
  document.getElementById("diyPocket").style.display = dx[2];
  document.getElementById("diySnap").style.display = "block";}
  else {
  document.getElementById("detQuattro").style.display = dx[1];
  document.getElementById("detPocket").style.display = dx[2];
  document.getElementById("detSnap").style.display = "block";
  document.getElementById("diyQuattro").style.display = "none";
  document.getElementById("diyPocket").style.display = "none";
  document.getElementById("diySnap").style.display = "none";}
 }

function setBG()
{ var rnd = document.getElementById("random");
  if (model!=6)
  { document.getElementById("imodel").src = "swatch/arrow" + amodel[model] + ".png"; 
    if (rnd.style.display != "block") {rnd.style.display = "block";}
  }
  else
  { document.getElementById("imodel").src = "swatch/spacer.gif";
    if (rnd.style.display != "none") {rnd.style.display = "none";}
  }
  if (model>2 && model<5) {var h="block";} else {var h="none";}
  document.getElementById("swtape4").style.display = h;
  if (model!=1 && model!=5 && model!=6) {var h="block";} else {var h="none";}
  document.getElementById("swtape3").style.display = h;
  if (model==5)
  { document.getElementById("swtape1").style.display = "none";
    document.getElementById("swtape2").style.display = "none";
    document.getElementById("swtapej1").style.display = "block";
    document.getElementById("swtapej2").style.display = "block";
    document.getElementById("swtape5").style.display = "none"; }
  else if (model==6)
  { document.getElementById("swtapej1").style.display = "none";
    document.getElementById("swtapej2").style.display = "none";
    document.getElementById("swtape1").style.display = "none";
    document.getElementById("swtape2").style.display = "none";
    document.getElementById("swtape5").style.display = "none"; }
  else
  { document.getElementById("swtapej1").style.display = "none";
    document.getElementById("swtapej2").style.display = "none";
    document.getElementById("swtape1").style.display = "block";
    document.getElementById("swtape2").style.display = "block";
    document.getElementById("swtape5").style.display = "block"; }
  if (model==3)
  { document.getElementById("swtape1").style.display = "none";
    document.getElementById("ibase").src = "swatch/TubeBlack.png";
    document.getElementById("slabel2").style.paddingLeft = "24px";
    document.getElementById("swtape2").style.top = "34px";
    document.getElementById("swtape2").style.left = "146px";
    document.getElementById("swtape3").style.top = "260px";
    document.getElementById("swtape3").style.left = "270px";
    document.getElementById("swtape4").style.top = "368px";
    document.getElementById("swtape4").style.left = "190px";
    document.getElementById("swtape5").style.top = "162px";
    document.getElementById("swtape5").style.left = "48px"; }
  else if (model==6)
  { document.getElementById("swtape1").style.display = "none";
    document.getElementById("ibase").src = "swatch/TubeBlack.png"; }
  else if (model!=5)
  { document.getElementById("swtape1").style.display = "block";
    document.getElementById("ibase").src = "swatch/spacer.gif";
    document.getElementById("slabel2").style.paddingLeft = "0px";
    document.getElementById("swtape2").style.top = "104px";
    document.getElementById("swtape2").style.left = "274px";
    document.getElementById("swtape3").style.top = "262px";
    document.getElementById("swtape3").style.left = "44px";
    document.getElementById("swtape4").style.top = "302px";
    document.getElementById("swtape4").style.left = "274px";
    document.getElementById("swtape5").style.top = "204px";
    document.getElementById("swtape5").style.left = "274px"; }

  if (model==5)
  { for (i=ccol; i<(ccol+pcol); i++)
    { var x = "P_"+acolors[i]+"j1"; document.getElementById(x).style.border = "1px solid #fff";
      var x = "P_"+acolors[i]+"j2"; document.getElementById(x).style.border = "1px solid #fff"; } }
  else if (model!=6)
  { if (model!=3)
    { for (i=0; i<(ccol+pcol); i++)
      { if (i>(ccol-1)) {var s="P_";} else {var s="C_";}
        var x = ""+s+acolors[i]+"1"; document.getElementById(x).style.border = "1px solid #fff"; } }
    for (i=0; i<ccol; i++)
    { var x = ""+acolors[i]+"2"; document.getElementById(x).style.border = "1px solid #fff"; }
    for (i=0; i<ccol; i++)
    { var x = ""+acolors[i]+"5"; document.getElementById(x).style.border = "1px solid #fff"; }
    if (model>1)
    { for (i=0; i<ccol; i++)
      { var x = ""+acolors[i]+"3"; document.getElementById(x).style.border = "1px solid #fff"; } }
    if (model>2)
    { for (i=0; i<ccol; i++)
      { var x = ""+acolors[i]+"4"; document.getElementById(x).style.border = "1px solid #fff"; } }
  }
 }

function reDraw(m, p, t1, t2, t3, t4, t5)
{ model = m; setButtons();
  pieces = p; setPuttons();
  setBG();
  selTape1(t1, 1);
  selTape2(t2, 1);
  selTape3(t3, 1);
  selTape4(t4, 1);
  selTape5(t5, 1); }

function verifyHoops()
{ var qt = document.fm.elements["pQty[]"];
  var pTotal = 0;
  for (i=0; i<qt.length; i++)
  { if (qt[i].value > 0) { pTotal += qt[i].value; } }
  if (pTotal == 0)
  { return popAlert("You must input a quantity."); }
  return true; }

function saveStyle()
{ if (cs==0)
  { cs=1; document.getElementById("fline").style.display="block"; }
  else
  { var newdiv = document.createElement("div");
    newdiv.innerHTML = document.getElementById("fline").innerHTML;
    var container = document.getElementById("flines");
    container.appendChild(newdiv);
    document.fm.elements["xSel[]"][cs].checked = false;
    ++cs;
    document.fm.elements["xSel[]"][cs].value = cs; }
  var m = document.fm.elements["pModel[]"][cf].value;
  var p = document.fm.elements["pPieces[]"][cf].value;
  var s = amodel[m]+" "+apieces[p]+": ";
  if (m==6) {var t1=""; var t2=""; var t3=""; var t4=""; var t5=""; }
  else {
  var t1 = document.fm.elements["pOption1[]"][cf].value.substr(1);
  if (m==5) {var t2 = document.fm.elements["pOption2[]"][cf].value.substr(1);}
  else {var a = document.fm.elements["pOption2[]"][cf].value.split("_"); var t2 = a[1];}
  if (m>1 && m<5) {a = document.fm.elements["pOption3[]"][cf].value.split("_"); var t3 = a[1];} else {var t3="";}
  if (m>2 && m<5) {a = document.fm.elements["pOption4[]"][cf].value.split("_"); var t4 = a[1];} else {var t4="";}
  if (m==5) {var t5="";} else {a = document.fm.elements["pOption5[]"][cf].value.split("_"); var t5 = a[1];}
  s += t1;
  if (m!=3) {s+=", ";}
  s += t2;
  if (m>1 && m<5) {s += ", " + t3;}
  if (m>2 && m<5) {s += ", " + t4;}
  if (m!=5) {s += ", " + t5;}
  }
  document.fm.elements["xSel[]"][cs].checked = true;
  document.fm.elements["xModel[]"][cs].value = m;
  document.fm.elements["xPieces[]"][cs].value = p;
  document.fm.elements["xTape1[]"][cs].value = t1;
  document.fm.elements["xTape2[]"][cs].value = t2;
  document.fm.elements["xTape3[]"][cs].value = t3;
  document.fm.elements["xTape4[]"][cs].value = t4;
  document.fm.elements["xTape5[]"][cs].value = t5;
  document.fm.elements["xLabel[]"][cs].value = s; return false; }

function setCf(o)
{ var n = o.value;
  var m = document.fm.elements["xModel[]"][n].value;
  var p = document.fm.elements["xPieces[]"][n].value;
  var t1 = document.fm.elements["xTape1[]"][n].value;
  var t2 = document.fm.elements["xTape2[]"][n].value;
  var t3 = document.fm.elements["xTape3[]"][n].value;
  var t4 = document.fm.elements["xTape4[]"][n].value;
  var t5 = document.fm.elements["xTape5[]"][n].value;
  selModel(m, p, t1, t2, t3, t4, t5); }