var tp = "120px";
var devils = 0;
var ext="";
    
var earr = ["model", "", "", "tape", ""];
var amain = ["spacer.gif", "DSHelix.gif", "DSHelixCross.gif"];
var abase = ["spacer.gif",
 "DS_B_Black.png",
 "DS_B_Blue.png",
 "DS_B_Green.png",
 "DS_B_Red.png",
 "DS_B_White.png",
 "DS_B_Yellow.png"];
var abase1 = ["spacer.gif",
 "DS_B1_Black.png",
 "DS_B1_Blue.png",
 "DS_B1_Green.png",
 "DS_B1_Red.png",
 "DS_B1_White.png",
 "DS_B1_Yellow.png"];
var abase2 = ["spacer.gif",
 "DS_B2_Black.png",
 "DS_B2_Blue.png",
 "DS_B2_Green.png",
 "DS_B2_Red.png",
 "DS_B2_White.png",
 "DS_B2_Yellow.png"];
var aover1 = ["spacer.gif",
 "DS_O2_Black.png",
 "DS_O2_Green.png",
 "DS_O2_Orange.png",
 "DS_O2_Pink.png",
 "DS_O2_Purple.png",
 "DS_O2_Red.png",
 "DS_O2_Teal.png",
 "DS_O2_White.png",
 "DS_O2_Yellow.png"];
var aover2 = ["spacer.gif",
 "DS_O1_Black.png",
 "DS_O1_Green.png",
 "DS_O1_Orange.png",
 "DS_O1_Pink.png",
 "DS_O1_Purple.png",
 "DS_O1_Red.png",
 "DS_O1_Teal.png",
 "DS_O1_White.png",
 "DS_O1_Yellow.png"];
var atape = ["spacer.gif", "DS_Tape_White.gif", "DS_Tape_Black.gif", "spacer.gif"];
var astick = ["spacer.gif", "sticks_white.jpg", "sticks_black.jpg", "sticks_orange.jpg", "sticks_green.jpg", "sticks_blue.jpg", "sticks_black.jpg"];

var helix = ["no selection|Base...",
 "black base|black",
 "blue base|blue",
 "green base|green",
 "red base|red",
 "white base|white",
 "yellow base|yellow"];
var helix2 = ["no selection|Base 2...",
 "black base 2|black",
 "blue base 2|blue",
 "green base 2|green",
 "red base 2|red",
 "white base 2|white",
 "yellow base 2|yellow"];
var helix4 = ["no selection|Overlay...",
 "black overlay|black",
 "green overlay|green",
 "orange overlay|orange",
 "pink overlay|pink",
 "purple overlay|purple",
 "red overlay|red",
 "teal overlay|teal",
 "white overlay|white",
 "yellow overlay|yellow"];
var helixs = [helix, helix2, helix4];

var cross = ["no selection|Overlay...",
 "black overlay|black",
 "green overlay|green",
 "orange overlay|orange",
 "pink overlay|pink",
 "purple overlay|purple",
 "red overlay|red",
 "teal overlay|teal",
 "white overlay|white",
 "yellow overlay|yellow"];
var cross2 = ["no selection|Overlay 2...",
 "black overlay 2|black",
 "green overlay 2|green",
 "orange overlay 2|orange",
 "pink overlay 2|pink",
 "purple overlay 2|purple",
 "red overlay 2|red",
 "teal overlay 2|teal",
 "white overlay 2|white",
 "yellow overlay 2|yellow"];
var cross4 = ["no selection|Base...",
 "black base|black",
 "blue base|blue",
 "green base|green",
 "red base|red",
 "white base|white",
 "yellow base|yellow"];
var crosss = [cross, cross2, cross4];

var blank = ["no selection|Please", "no selection|select", "no selection|model"]
var blank2 = [".|n/a"]
var blank4 = ["no selection|Please", "no selection|select", "no selection|model"]
var blanks = [blank, blank2, blank4];

var cf = 1;
var cdevil = 0;

function setpMod(i, p)
{ document.fm.elements["pModel[]"][cf].selectedIndex = i; 
  if (p) {document.mfm.swmodel[i-1].checked = true;}
  rePrice();
  reDraw(i, 1); }

function reDevilProduct(o)
{ i = o.selectedIndex - 1;
  f = getFline(o.value); cf = f;
  document.fm.pSel[f].checked = true;
  document.mfm.swmodel[i].checked = true;
  if (i > -1)
  { rePrice(); }
  reDraw(i+1, 1); }

function redoOptions(ax)
{ for (n=0; n<3; n++)
  { var s = ""; if (n>0) {s=n*2;}
    var z = "var op = document.fm.elements[\"pOption" + s + "[]\"][" + cf + "]";
    eval(z); ns = "|" + cf;
    op.length = 0; var c = 0; var ac = ax[n];
    for (i=0; i < (ac.length); i++)
    { zz = ac[i].split("|");
	c = op.length; op.length = (c+1);
	var nOpt = new Option(zz[1]);
	op.options[c] = nOpt;
	op.options[c].value = zz[0] + ns; }
    op.selectedIndex = 0; }
  document.fm.elements["pOption10[]"][cf].selectedIndex = 0;
  document.fm.elements["pOption3[]"][cf].selectedIndex = 0; }

function reDraw(i, p)
{ cdevil = i;
  if (i==1) {var ax = helixs; var ar = ["192px", "block", "block", "block", "none", "block"];}
  else if (i==2) {var ax = crosss; var ar = ["42px", "block", "none", "block", "block", "block"];}
  else {var ax = blanks; var ar = ["42px", "none", "none", "none", "none", "none"];}
  if (p==1) {redoOptions(ax);}
  document.getElementById("mainframe").src = "swatch/" + amain[i];
  document.getElementById("swtape").style.left = ar[0];
  document.getElementById("swtape").style.display = ar[5];
  document.getElementById("swbase1").style.display = ar[1];
  document.getElementById("swbase2").style.display = ar[2];
  document.getElementById("swover1").style.display = ar[3];
  document.getElementById("swover2").style.display = ar[4];
  reFill(); }

function reFill()
{ o10 = document.fm.elements["pOption10[]"][cf].selectedIndex;
  o3 = document.fm.elements["pOption3[]"][cf].selectedIndex;
  o2 = document.fm.elements["pOption2[]"][cf].selectedIndex;
  o4 = document.fm.elements["pOption4[]"][cf].selectedIndex;
  o1 = document.fm.elements["pOption[]"][cf].selectedIndex;
  m = document.fm.elements["pModel[]"][cf].selectedIndex;
  selTape(o3, 1);
  selStick(o10, 1);
  if (m==1) {selBase1(o1, 1); selBase2(o2, 1); selOver1(o4, 1); selOver2(0, 1);}
  else if (m==2) {selBase1(o4, 1); selBase2(0, 1); selOver1(o1, 1); selOver2(o2, 1);}
  else {selBase1(0, 1); selBase2(0, 1); selOver1(0, 1); selOver2(0, 1);} }

function rePrice()
{ m = document.fm.elements["pModel[]"][cf].selectedIndex;
  s = document.fm.elements["pOption10[]"][cf].selectedIndex;
  if (m > 0 && s > 0)
  { if (m==1)
    { if (s<3) {i=0;} else {i=1;} }
    else
    { if (s<3) {i=2;} else {i=3;} }
    document.fm.elements["pPrice[]"][cf].value = pPrices[i];
    document.fm.elements["pName[]"][cf].value = pNames[i];
    document.fm.elements["pNum[]"][cf].value = pNums[i]; } }

function selBase1(i, p)
{ if (cdevil == 1)
  {var ar = abase1, s = "";}
  else if (cdevil == 2)
  {var ar = abase, s = "4";}
  else
  {var ar = abase;}
  document.getElementById("ibase1").src = "swatch/" + ar[i] + ext;
  if (p != 1)
  { var z = "var op = document.fm.elements[\"pOption" + s + "[]\"][" + cf + "]";
    eval(z);
    op.selectedIndex = i; }
  return false; }

function selBase2(i, p)
{ document.getElementById("ibase2").src = "swatch/" + abase2[i] + ext;
  if (p != 1)
  { document.fm.elements["pOption2[]"][cf].selectedIndex = i; }
  return false; }

function selOver1(i, p)
{ if (cdevil == 2) {var s = "";} else {var s = "4";}
  document.getElementById("iover1").src = "swatch/" + aover1[i] + ext;
  if (p != 1)
  { var z = "var op = document.fm.elements[\"pOption" + s + "[]\"][" + cf + "]";
    eval(z);
    op.selectedIndex = i; }
  return false; }

function selOver2(i, p)
{ document.getElementById("iover2").src = "swatch/" + aover2[i] + ext;
  if (p != 1)
  { document.fm.elements["pOption2[]"][cf].selectedIndex = i; }
  return false; }

function selTape(i, p)
{ document.getElementById("itape").src = "swatch/" + atape[i] + ext;
  if (p != 1)
  { document.fm.elements["pOption3[]"][cf].selectedIndex = i; }
  return false; }

function selStick(i, p)
{ document.getElementById("istick").src = "swatch/" + astick[i] + ext;
  if (p != 1)
  { document.fm.elements["pOption10[]"][cf].selectedIndex = i; }
  rePrice(); return false; }

function reOption(o)
{ f = getFline(o.value);
  if (cf != f) {cf = f; setcf(o, 1);}
  document.fm.pSel[f].checked = true;
  i = o.selectedIndex;
  if (cdevil==2) {selOver1(i, 1);} else {selBase1(i, 1);} }

function reOption2(o)
{ f = getFline(o.value);
  if (cf != f) {cf = f; setcf(o, 1);}
  document.fm.pSel[f].checked = true;
  i = o.selectedIndex;
  if (cdevil==1) {selBase2(i, 1);} else {selOver2(i, 1);} }

function reOption4(o)
{ f = getFline(o.value);
  if (cf != f) {cf = f; setcf(o, 1);}
  document.fm.pSel[f].checked = true;
  i = o.selectedIndex;
  if (cdevil==2) {selBase1(i, 1);} else {selOver1(i, 1);} }

function reOption3(o)
{ f = getFline(o.value);
  if (cf != f) {cf = f; setcf(o, 1);}
  document.fm.pSel[f].checked = true;
  i = o.selectedIndex; selTape(i, 1); }

function reOption10(o)
{ f = getFline(o.value);
  if (cf != f) {cf = f; setcf(o, 1);}
  document.fm.pSel[f].checked = true;
  i = o.selectedIndex; selStick(i, 1); rePrice(); }

function setcf(o, i)
{ if (i != 1) {cf = o.value;}
  m = document.fm.elements["pModel[]"][cf].selectedIndex;
  if (m>0) {document.mfm.swmodel[m-1].checked = true;}
  else {for (n=0;n<2;n++){document.mfm.swmodel[n].checked = false;}}
  reDraw(m); }

function verifyDevil()
{ var qt = document.fm.elements["pQty[]"];
  var op1 = document.fm.elements["pOption[]"];
  for (i=2; i<=4; i++)
  { var x = "var op" + i + " = document.fm.elements['pOption" + i + "[]']";
    eval(x); }
  var x = "var ops = [0, op1";
  for (i=2; i<=4; i++)
  { x += ",op" + i; }
  x += "]"; eval(x);
  var pTotal = 0;
  for (i=0; i<qt.length; i++)
  { if (qt[i].value > 0) { pTotal += qt[i].value; }
    if (document.fm.elements["pOption10[]"][i].value == "no selection")
    { x = popAlert("Please select handsticks."); 
	cf = i; document.fm.pSel[cf].checked = true; setcf(cf, 1); return false; }
    m = document.fm.elements["pModel[]"][i].selectedIndex;
    if (document.fm.elements["pModel[]"][i].value == "no selection")
    { x = popAlert("Please select " + earr[0] + "."); 
	cf = i; document.fm.pSel[cf].checked = true; setcf(cf, 1); return false; }
    if (m==1) {earr[1] = "base 1"; earr[2] = "base 2"; earr[4] = "overlay";}
    else if (m==2) {earr[1] = "overlay 1"; earr[2] = "overlay 2"; earr[4] = "base";}
    for (c=4; c>0; c--)
    { if (ops[c][i].value.indexOf("no selection") > -1)
	{ x = popAlert("Please select " + earr[c] + "."); 
	  cf = i; document.fm.pSel[cf].checked = true; setcf(cf, 1); return false; } }
    }
  if (pTotal == 0)
  { return popAlert("You must input a quantity."); }
  return true; }

function doDevils()
{ // f = verifyClub();
//  if (f) {return doMoreClubs();}
  return doMoreDevils(); }
//  return false; }

function doMoreDevils()
{ var newdiv = document.createElement("div");
  newdiv.innerHTML = document.getElementById("fline").innerHTML;
  var container = document.getElementById("flines");
  container.appendChild(newdiv);
  document.fm.pSel[fc].checked = false;
  ++fc; ns = "|" + fc;
  cf = fc;
  document.fm.elements["pSel"][fc].value = fc;
  var om = document.fm.elements["pModel[]"][fc];
  for (c=1; c < om.length; c++) { om.options[c].value += ns; }
  var om = document.fm.elements["pOption10[]"][fc];
  for (c=1; c < om.length; c++) { om.options[c].value += ns; }
  for (i=0; i<3; i++)
  { document.mfm.swmodel[i].checked = false; }
  reDraw(0, 1);
  return false; }