var pic=[],prs=[],prc=[],clr=[],imgm=1,qbox='',curitype,curicolor;
var imgbase = 'http://www.workplacepro.com/prod/';

// Array object for all of the individual styles
function avail(count) {
  this.count = count;
  this.list = [];
  this.addAvail = avail_addAvail;
}
// Add a style to the list of available items
function avail_addAvail(num,itype,icolor,istyle,thumb,tag1,tag2,sizes,price,pers) {
  this.list[num] = []; // new Object();
  this.list[num].itype = itype;
  this.list[num].icolor = thumb; //icolor;
  this.list[num].istyle = istyle;
  this.list[num].thumb = thumb;
  this.list[num].tag1 = tag1;
  this.list[num].tag2 = tag2;
  this.list[num].sizes = sizes;
  this.list[num].price = price;
  this.list[num].pers = (pers=='0');
  this.list[num].img = [];
  this.list[num].img[0] = imgbase+des+'-CU-'+icolor.toLowerCase()+'.jpg';
  this.list[num].img[1] = imgbase+des+'-'+istyle+'.jpg';
}


function activateLabel(elemid,sty) {
  $('#st'+sty.istyle+' span').html('<img src="i/prod/color-'+sty.icolor+'.gif" alt="'+sty.tag1+'" id="img'+elemid+'">');
  return;
}


function imgSwitch() {
  $('#stylename').html(items.list[seln].tag1);
  $('#styledesc').html(items.list[seln].tag2);
  $('#imgprod').attr('src',items.list[seln].img[0]);
  $('#imgcu').attr('src',items.list[seln].img[1]);
  return;
}


function loadImages() {
  for(var i=0;i<items.count;++i) {
    pic[i] = new Image();
    pic[i].src = items.list[i].img[1];
    clr[i] = new Image();
    clr[i].src = items.list[i].img[0];
  }
  return;
}


function persChange(switchTo) {
  if(switchTo) {
    $("#prsec h4").html('Unpersonalized Only');
    $("#prsec span,#prsec a,#prsin").css('display','none');
    $("#persy").attr('disabled','disabled').removeAttr('checked');
    $("#persn").attr('disabled','disabled');
    $("#persn").removeAttr('checked');
  } else {
    $("#prsec h4").html('Personalization');
    $("#prsec span,#prsec a,#prsin").css('display','inline');
    $("#persy").removeAttr('disabled');
    $("#persn").removeAttr('disabled');
  }
  return;
}


function perscheck()  {
  if($('#persy').length==0) return true;
  if($("#persy").attr('disabled')) return true;
  if($("#persy").attr('type')=='hidden') return true;
  var ps = $('input:radio[name=perselect]:checked').val(); // get value from a set of radio buttons
  if(!ps) {
    $("#prsec").addClass('error');
    $("#prsec").after('<div id="persalert">Please choose if you would like this item personalized</div>');
    $("#persy,#persn").click(function(){
      $("#prsec").removeClass('error');
      $("#persalert").remove();
    });
    return false;
  }
  return true;
}


function prcTbl(prcname) {
  var prcStr = prc[items.list[seln].price];
  var noPers = items.list[seln].pers;
  var newTable = '';
  if(prcStr) {
    var temp = prcStr.split('!');
    if(temp.length > 1) {
      prcStr = "1!"+prcStr;
      temp = prcStr.split('!');
      var r1 = "";
      var r2 = "";
      var r3 = "";
      for(var i=0; i<temp.length; i=i+2) {
        if(temp[i+2]) {
          r1 += "<td>"+temp[i]+" - "+(temp[i+2] - 1)+"</td>";
          r2 += "<td>$"+temp[i+1]+"</td>";
          r3 += "<td>$"+temp[i+1]+"</td>";
        }
      }
      newTable = '<table cellspacing="0"><tr class="qty"><th>Quantity</th>'+r1+'</tr><tr class="prc"><th>Price</th>'+r2+"</tr></table>";
    } else {
      newTable = "<div class='oneprc'><b>$"+prcStr+"</b> Each</div>";
    }
  } else {
    $('#pricetbl').html("<i>Price Coming Soon</i>");
  }
  $('#pricetbl').html(newTable);
  return;
}


function preparePage() {
  updatePage(seln);
  // Find all elements that will trigger switching
  for(var i=0;i<items.count;++i) {
    activateLabel(i,items.list[i]);
  }
  $('#styles label').mouseenter(function(e) {
     var tid = this.getAttribute('id');
     tid = $('#'+tid+' img').attr('id').substring(3);
     $('#preview').attr('src',items.list[tid].img[imgm]);
     $('#preview').css('visibility','visible');
  });
  $('#styles label').mouseleave(function(e) {
     $('#preview').css('visibility','hidden');
  });
  $('#styles label').click(function(e) {
     var tid = this.getAttribute('id');
     tid = $('#'+tid+' img').attr('id').substring(3);
     updatePage(tid);
  });
  if($("#stgthm").length > 0){
    preparePage2();
  }
}


function setCartMsg(msg,stat) {
  //alert(msg);
  if(stat=='success' && msg) {
    $('#slidecart').removeClass('loading');
    var temp = msg.split('!');
    if(temp[1]=='') temp[1] = '<a href="cart.php">View Your Cart</a>';
    temp[1] = '<div class="spacer"></div>' + temp[1];
    $('#slidecart').html(temp[1]);
    if(temp[0]=='1') {
      $('#slidecart').addClass('success');
      $("#orderform").fadeOut("slow",function(){document.getElementById('lk').reset();});
      $("#orderform").fadeIn("slow");
      $("#slidecart").delay(3000).slideUp("slow");
      $.get('cart-refresh.php','js=1',function(data){
          var temp = data.split('!');
          $('#citem').html(temp[0]);
          $('#ctotl').html(temp[1]);
        },'html');
      //$("#btnadd").after('<a href="cart.php"><img src="i/btn-view.gif" alt="View Cart" title="View Items in Your Cart" style="display:block;margin:6px auto 0 auto;"></a>');
    } else {
      $('#slidecart').addClass('error');
      $("#slidecart").delay(4000).slideUp("slow");
    }
  } else if(msg) {
    $('#slidecart').html(msg);
  } else {
      $('#lk').submit();
  }
  return;
}


function setPrs(js,min) {
  prs['js'] = js;
  prs['min'] = min;
  return;
}


function szchange(vsizes) {
  var len = vsizes.length;
  useOneBox(vsizes.charAt(len-1));
  for(var i=0;i<len;++i) {
    if(vsizes.charAt(i)=='0') {
      $('#szc'+i).attr('disabled','disabled');
      $('#szc'+i).val('N/A');
    } else {
      $('#szc'+i).removeAttr('disabled');
      $('#szc'+i).val('');
    }
  }
}


function updatePage(updated) {
  seln = updated;
  szchange(items.list[updated].sizes);
  curicolor = items.list[updated].icolor;
  imgSwitch();
  prcTbl();
  if(prs['js'] > 0) persChange(items.list[updated].pers);
  //extra code for IE
  var waschkd = $('#styles input:checked').attr('id');
  $('#'+waschkd).attr('checked','');
  $('#style'+items.list[updated].istyle).attr('checked','checked');
  $('#styles label').removeClass('radioOn').addClass('radioOff');
  $('#st'+items.list[updated].istyle).addClass('radioOn').removeClass('radioOff');
  return;
}


function useOneBox(toggle) {
  if(toggle=='1') {
    $('#qtyboxes').html("<table align='center'><tr valign='top'><tr><td class='szlbl'>Quantity:</td><td><input type='text' name='NjOnej0' size=2 maxlength=3></td></tr></table>");
  } else {
    $('#qtyboxes').html(qbox);
  }
}


$(document).ready(function() {
  curitype = items.list[seln].itype;
  curicolor = items.list[seln].icolor;
  qbox = $('#qtyboxes').html();
  initARC('lk','radioOn','radioOff','','');
  preparePage();

  // Color Preview setup
  var n = document.createElement('img');
  n.setAttribute('id','preview');
  n.style.visibility = 'hidden';
  document.getElementById('imgmain').appendChild(n);

  // Add to Cart
  $("#btnadd").click(function(e){
    e.preventDefault();
    var ok = perscheck();
    if(ok) {
      $('#slidecart').removeClass('success');
      $('#slidecart').removeClass('error');
      $('#slidecart').addClass('loading');
      $("#prsec").removeClass('error');
      setCartMsg('<div class="loading">Adding to Cart...</div>');
      $("#slidecart").slideDown("slow");
      $.post('cart-add-js.php',$('#lk').serialize(),setCartMsg,'html');
      pageTracker._trackEvent('Shop','Add',des);
    } else {
      return false;
    }
	});

  $('#imgmore img').mouseenter(function(e) {
     $('#preview').attr('src',this.src); //.attr('src')
     $('#preview').css('visibility','visible');
  });
  $('#imgmore img').mouseleave(function() {
     $('#preview').css('visibility','hidden');
  });

  if(prs['js']==1) {
    persChange(items.list[seln].pers);
  }
  if($('#prsec a').length>0 && (!$.browser.msie || parseInt($.browser.version)>=7)) {
    $("#prsec a").attr('href',$("#prsec a").attr('href').replace('personalize','personalize-mini'));
    $("#prsec a").click(function(){GB_show(this.href);return false;});
  }

  loadImages();
  return;
});



// Greybox Redux John Resig
var GB_DONE=false,GB_W=550,GB_H=320;function GB_show(url){if(!GB_DONE){$(document.body).append("<div id='GB_overlay'></div><div id='GB_window'><img src='/i/prod/gb-close.gif' alt='Close box'/></div>");$("#GB_window img,#GB_overlay").click(GB_hide);$(window).resize(GB_position);GB_DONE=true;}$("#GB_frame").remove();$("#GB_window").append("<iframe id='GB_frame' src='"+url+"' frameborder='0'></iframe>");$("#GB_overlay").show();GB_position();$("#GB_window").slideDown("slow");}function GB_hide(){$("#GB_window,#GB_overlay").hide();}
function GB_position(){var de=document.documentElement;var w=self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth;var h=self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight;$("#GB_window").css({width:GB_W+"px",height:GB_H+"px",left:((w-GB_W)/2)+"px",top:((h-GB_H)/2)+"px"});$("#GB_frame").css("height",GB_H+"px");}
// ADAMS's RADIO CUSTOMISATION adam.burmister@gmail.com (c) 2005.
function initARC(formId,onClassRadio,offClassRadio,onClassCheckbox,offClassCheckbox){var agt=navigator.userAgent.toLowerCase();this.major=parseInt(navigator.appVersion);this.ie=((agt.indexOf("msie")!=-1)&&(agt.indexOf("opera")==-1));this.ie3=(this.ie&&(this.major<4));this.ie4=(this.ie&&(this.major==4)&&(agt.indexOf("msie 4")!=-1));this.iemac=(this.ie&&(agt.indexOf("mac")!=-1));if(!(this.iemac||ie3||ie4)){customiseInputs(formId,onClassRadio,offClassRadio,onClassCheckbox,offClassCheckbox);}}
function addLabelProperties(f){if(typeof f.getElementsByTagName=='undefined')return;var labels=f.getElementsByTagName("label"),label,elem,i=j=0;while(label=labels[i++]){if(typeof label.htmlFor=='undefined')return;elem=document.getElementById(label.htmlFor);if(typeof elem=='undefined'){var inputs=label.getElementsByTagName("input");if(inputs.length==0){continue;}else{elem=inputs[0];}}else if(typeof elem.label!='undefined'){continue;}else if(typeof elem.length!='undefined'&&elem.length>1&&elem.nodeName!='SELECT'){for(j=0;j<elem.length;j++){elem.item(j).label=label;}}elem.label=label;}}
function toggleLabelStyle(formId,label,onClass,offClass){if(!document.getElementById||!label)return;var form=document.getElementById(formId);if(!form)return;if(label.htmlFor){var e=document.getElementById(label.htmlFor);if(e.type=="radio"){var radioGroup=form.elements[e.name];if(!radioGroup)return;for(var i=0;i<radioGroup.length;i++){if(radioGroup[i].label){radioGroup[i].label.className=((radioGroup[i].checked=(radioGroup[i].id==e.id))&&radioGroup[i].label)?onClass:offClass;}}}}}
function customiseInputs(formId,onClassRadio,offClassRadio,onClassCheckbox,offClassCheckbox){if(!document.getElementById)return;var prettyForm=document.getElementById(formId);if(!prettyForm)return;prettyForm.onreset=function(){customiseInputs(formId,onClassRadio,offClassRadio,onClassCheckbox,offClassCheckbox);}
addLabelProperties(prettyForm);var inputs=prettyForm.getElementsByTagName('input');for(var i=0;i<inputs.length;i++){if((inputs[i].type=="radio")&&inputs[i].label&&inputs[i].name!='perselect'&&onClassRadio&&offClassRadio){inputs[i].style.position="absolute";inputs[i].style.left="-1000px";inputs[i].label.className=offClassRadio;inputs[i].label.onclick=function(){toggleLabelStyle(formId,this,onClassRadio,offClassRadio);return false;};inputs[i].onclick=function(){toggleLabelStyle(formId,this.label,onClassRadio,offClassRadio);};if(inputs[i].defaultChecked||inputs[i].checked){toggleLabelStyle(formId,inputs[i].label,onClassRadio,offClassRadio);}}
if(!this.ie&&(inputs[i].type=="radio")&&inputs[i].label&&inputs[i].name!='perselect'){inputs[i].onfocus=function(){this.label.style.border="1px dotted #333";this.label.style.margin="0px";return false;};inputs[i].onblur=function(){this.label.style.border="none";this.label.style.margin="1px";return false;};}}}