var numshirts;
var feat1 = 0;
var feat2 = 1;

function featNext() {
  feat1 = feat2;
  feat2 = (feat2 + 1) % numshirts;
  moveImgs();
  return false;
}
function featPrev() {
  feat2 = feat1;
  feat1 = (feat2 + numshirts-1) % numshirts;
  moveImgs();
  return false;
}
function moveImgs() {
  // Large Features:
  $('#feature1').html('<a href="shop/'+shirts[feat1][0]+'.htm"><img src="products/'+shirts[feat1][0]+'-'+shirts[feat1][1]+'.jpg" alt="'+shirts[feat1][2]+'" align="middle" width="290" height="286"></a>');
  if(shirts[feat1][3]=='U') $('#feature1').append('<div class="ixunp">Unpersonalized Only</div>');
  $('#feature2').html('<a href="shop/'+shirts[feat2][0]+'.htm"><img src="products/'+shirts[feat2][0]+'-'+shirts[feat2][1]+'.jpg" alt="'+shirts[feat2][2]+'" align="middle" width="290" height="286"></a>');
  if(shirts[feat2][3]=='U') $('#feature2').append('<div class="ixunp">Unpersonalized Only</div>');
  // Small Features:
  i = (feat2 + 1) % numshirts;
  for(var featid=3;featid<=numshirts;++featid) {
    $('#feature'+featid).html('<a href="shop/'+shirts[i][0]+'.htm"><img src="products/'+shirts[i][0]+'-thumb.jpg" alt="'+shirts[i][2]+'" width="100" height="125"></a>');
    if(shirts[i][3]=='U') $('#feature'+featid).append('<div class="ixunp">Unpersonalized Only</div>');
    i = (i + 1) % numshirts;
  }
  //pageTracker._trackEvent('index','rotator','Feature '+feat1);
  return;
}


$(document).ready(function() {

  numshirts = shirts.length;
  $('#btnnext').html('<img src="images/2010-btn-next.gif" alt="" align="middle">');
  $('#btnprev').html('<img src="images/2010-btn-prev.gif" alt="" align="middle">');
  $('#btnnext').click(featNext);
  $('#btnprev').click(featPrev);

  $('#ezbubble').fadeIn();
  $('#ezbubble').delay(5000).fadeOut();
  $('#ezfrog').css('cursor','pointer');
  $('#ezfrog').mouseenter(function(){
    $('#ezbubble').clearQueue();
    $('#ezfrog').css('width','315px');
    $('#ezfrog').css('height','240px');
    $('#ezbubble').fadeTo(300,1); 
  });
  $('#ezfrog').mouseleave(function(){
    $('#ezbubble').clearQueue();
    $('#ezfrog').css('width','105px');
    $('#ezfrog').css('height','70px');
    $('#ezbubble').fadeOut(); 
  });

  return;
});