var curr=0;
var godisp=true;
var swtimer=false;
var swatcher=false;

function popCombo(i)
{ var x = '<table><tr><td><img src="../' + bdir + '/splashes/' +  bimg + '" /></td>';
  x += '<td style="width:14px;"></td>';
  x += '<td style="width:360px; text-align:left;"><h2>' + bname + '</h2>';
  x += bdesc + '<p />';
  x += '<b>' + bnum + '</b></td></tr></table>';
  return popUp(x); }

function popCust(p)
{ if (p==1)
  { var t = "Hoops Come in 4 Pieces";
    var i = "4PieceDetail.jpg";
    var n = "1 of 2"; var b=""; var f="2"; }
  else if (p==2)
  { var t = "Snap Button Connects Hoop Pieces";
    var i = "ButtonDetail.jpg";
    var n = "2 of 2"; var b="1"; var f=""; }
  var x='<div class="detailp"><table><tr><td style="width: 342px; vertical-align: bottom; text-align:left;border-bottom: 1px solid #131145;">' + t + '</td>\n';
  x += '<tr><td colspan="4" style="border-bottom: 1px solid #131145;"><img src="images/' + i + '" alt="" /></td></tr>\n';
  x += '<tr><td style="border-bottom: 1px solid #131145;"></td><td style="width: 22px;border-bottom: 1px solid #131145;">';
  if (p>1)
  { x += '<a href="#" onclick="return popCust(' + b + ');"><img src="images/BackArrow_btn.gif" alt="" /></a>'; }
  x += '</td>\n<td style="width: 40px; text-align: center;border-bottom: 1px solid #131145;">' + n + '</td>\n<td style="width: 22px;border-bottom: 1px solid #131145;">';
  if (p<2)
  { x += '<a href="#" onclick="return popCust(' + f + ');"><img src="images/ForwardArrow_btn.gif" alt="" /></a>'; }
  x += '</td>\n</tr></table></div>';
  reb = true;
  document.getElementById("alrt").style.backgroundColor = "#131145";
  return popUp(x); }

function popSizeChart(i)
{ var x = '<table>';
  x += '<tr><td colspan="8"><h1 style="margin-top:0;">Hat Size Chart</h1></td></tr>';
  x += '<tr><td colspan="8" style="text-align:left;">Please specify your American or metric size number. If you do not know your head size, measure around the largest part of your head with tape above brow. Convert inches or centimeters to head size using chart below. If in between sizes, go to the next larger size.<p />';
  x += '</td></tr>';
  x += '<tr style="background-color: #eee;">';
  x += '<td width="120" height="36" class="center middle" style="color: #fff; background-color: #069;">American Sizes</td>';
  x += '<td width="50" class="center middle">7</td>';
  x += '<td width="50" class="center middle">7-1/8</td>';
  x += '<td width="50" class="center middle">7-1/4</td>';
  x += '<td width="50" class="center middle">7-3/8</td>';
  x += '<td width="50" class="center middle">7-1/2</td>';
  x += '<td width="50" class="center middle">7-5/8</td>';
  x += '<td width="50" class="center middle">7-3/4</td>';
  x += '</tr>';
  x += '<tr style="background-color: #eee;">';
  x += '<td height="36" class="center middle" style="color: #fff; background-color: #069;">Metric Sizes</td>';
  x += '<td class="center middle">56</td>';
  x += '<td class="center middle">57</td>';
  x += '<td class="center middle">58</td>';
  x += '<td class="center middle">59</td>';
  x += '<td class="center middle">60</td>';
  x += '<td class="center middle">61</td>';
  x += '<td class="center middle">62</td>';
  x += '</tr>';
  x += '<tr style="background-color: #eee;">';
  x += '<td height="36" class="center middle" style="color: #fff; background-color: #069;">Inches</td>';
  x += '<td class="center middle">21-7/8</td>';
  x += '<td class="center middle">22-1/4</td>';
  x += '<td class="center middle">22-5/8</td>';
  x += '<td class="center middle">23</td>';
  x += '<td class="center middle">23-1/2</td>';
  x += '<td class="center middle">23-7/8</td>';
  x += '<td class="center middle">24-1/4</td>';
  x += '</tr>';
  x += '</table>';
  return popUp(x); }

function setDisp(i)
{ if (swatcher) {window.clearTimeout(swtimer);}
  if (curr!=i || swatcher)
  { document.getElementById("cImage").src = "images/"+imgs[i];
    document.getElementById("swlabel").value = colors[i];
    godisp=true;
} if (swatcher) {swatcher=false;} }

function restoreDisp()
{ swatcher=true; swtimer = window.setTimeout("doRestore()", 100); }


function doRestore()
{ swatcher=false;
  if (godisp)
  document.getElementById("cImage").src = "images/"+imgs[curr];
  document.getElementById("swlabel").value = colors[curr];
}

function selectProd(i)
{ if (curr!=i)
  { godisp=false;
    var x = "swatch"+curr;
    document.getElementById(x).style.borderColor = "#ccc";
    document.getElementById(x).style.borderWidth = "1px";
    curr=i; x = "swatch"+curr;
    document.getElementById(x).style.borderColor = "#f22";
    document.getElementById(x).style.borderWidth = "2px";
    document.fm.elements["pOption[]"][1].value = opts[curr];
} }

function reOption(o)
{ var i = o.selectedIndex;
    var x = "swatch"+curr;
    document.getElementById(x).style.borderColor = "#ccc";
    document.getElementById(x).style.borderWidth = "1px";
    curr=i; x = "swatch"+curr;
  document.getElementById("cImage").src = "images/"+imgs[curr];
  document.getElementById("swlabel").value = colors[curr];
    document.getElementById(x).style.borderColor = "#f22";
    document.getElementById(x).style.borderWidth = "2px"; }

function light_d()
{ document.getElementById("descs").style.display = "block";
  document.getElementById("revws").style.display = "none";
  if(document.getElementById("vides")) {document.getElementById("vides").style.display = "none";}
  light_tabs(0); }
function light_r()
{ document.getElementById("descs").style.display = "none";
  document.getElementById("revws").style.display = "block";
  if(document.getElementById("vides")) {document.getElementById("vides").style.display = "none";}
  light_tabs(2); }
function light_v()
{ document.getElementById("descs").style.display = "none";
  document.getElementById("revws").style.display = "none";
  if(document.getElementById("vides")) {document.getElementById("vides").style.display = "block";}
  light_tabs(3); }

function light_tabs(i)
{ if (i==0 || tcurr==0)
  { if (i==0) {n="_on.gif')";} else {n="_off.gif')";}
    document.getElementById("dlnk").style.backgroundImage = "url('../images/1" + n; }
  if (i==2 || tcurr==2)
  { if (i==2) {n="_on.gif')";} else {n="_off.gif')";}
    document.getElementById("rlnk").style.backgroundImage = "url('../images/3" + n; }
  if (i==3 || tcurr==3)
  { if (i==3) {n="_on.gif')";} else {n="_off.gif')";}
    document.getElementById("vlnk").style.backgroundImage = "url('../images/4" + n; }
  tcurr = i; }