function activateLabel(elemid,sty) {
  var lbl;
  lbl  = '<img src="i/prod/color-'+sty.icolor+'.gif" alt="'+sty.tag1+'" id="img'+elemid;
  //lbl += '" onmouseover="previewPage(\''+sty.icolor+'\',\'1\');" onmouseout="previewPage(\'\',\'0\');';
  //lbl += '" onclick="updatePage('+elemid+');';
  lbl += '">';
  $('#st'+sty.istyle+' span').html(lbl);
  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);
  });
}

function updatePage(updated) {
  seln = updated;
  szchange(items.list[updated].sizes);
  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;
}