window.onDomReady(function() {
  zlib.addOverNightShippingPopTo('overnship', 'http://zappos.com/overnightpop.html');
  zlib.addCartCounts();
  
  /*
  if ($('front-page-images')) {
    var hrefs = [
      "/n/p/p/7176762/c/41415.html",
      "/n/p/p/7134390.html",
      "/n/p/p/7209709/c/80458.html",
      "/n/p/p/7128876/c/7953.html",
      "/n/p/p/7223804/c/30865.html",
      "/n/p/p/7156479/c/32014.html",
      "/n/p/p/7324565/c/396.html",
      "/n/p/p/7324565/c/396.html",
      "/n/p/p/7294217/c/51310.html"
    ];
  	
    rotator = new ImageRotator('fpimage', "/img/shops/outdoor/rotate/outdoor_main_", hrefs);
    rotator.random();
  }
    */
  
  $$('.category-content').each(function(el) {
    if (el.id) tabMe(parseInt(el.id.split('-')[1]));
  });
  
  $$('.tabs').getElements('li a').each(function(el) {
    el.addEvent('mouseenter', function() { this.addClass('hovering'); });
    el.addEvent('mouseleave', function() { this.removeClass('hovering'); });
  });
});

TAB_NAMES = {
  'mens': "Men's",
  'womens': "Women's",
  'boys': "Boys'",
  'girls': "Girls'"
}

function tabMe(id) {
  var dds = $('category-' + id).getElements('dd');
  var tab_keys = [];
  var tabs = [];
  
  dds.each(function(dd) { tab_keys = tab_keys.include(dd.className); });
  
  var ul_element = new Element('ul', {
    'id': ("tabs-" + id),
    'class': 'tabs'
  });
    
  tab_keys.each(function(tab_key) {
    var li = new Element('li');
    var a = new Element('a').setText(TAB_NAMES[tab_key]);
    a.onclick = function() { tabClicked(id, tab_key); }
    
    li.adopt(a);
    ul_element.adopt(li);
  });
  ul_element.getFirst().addClass("active");
  ul_element.getLast().addClass("last");
  
  var keep_this = $('category-' + id).clone();
  var parent = $('category-' + id).getParent();
  parent.empty();
  parent.adopt(ul_element);
  parent.adopt(keep_this);
  
  keep_this.getChildren().each(function(el) { el.style.display = 'none'; });
  keep_this.getFirst().getNext().style.display = 'block';
}

function tabClicked(id, key) {
  var main = $('category-' + id);
  main.getChildren().each(function(el) { el.style.display = 'none'; });
  main.getElement('.' + key).style.display = 'block';
  
  var tabs = $('tabs-' + id);
  tabs.getElements('li').each(function(el) { el.removeClass('active'); });
  tabs.getElements('li a').each(function(el) {
    if (el.getText() == TAB_NAMES[key])
      el.parentNode.addClass('active');
  });
  return false;
}