window.onDomReady(function() {
  zlib.addOverNightShippingPopTo('overnship', 'http://zappos.com/overnightpop.html');
  
  /*
  if ($('front-page-images')) {
    var hrefs = [
      "/n/p/p/7293131/c/136.html",
      "/n/p/p/7282036/c/81076.html",
      "/n/p/p/7293302/c/87164.html",
      "/n/p/p/7292089/c/2906.html",
      "/n/p/p/7282036/c/81076.html",
      "/n/p/p/7287493/c/84126.html",
      "/n/p/p/7296988/c/14847.html",
      "/n/p/p/7240706/c/64910.html",
      "/n/p/p/7287496/c/84130.html",
      "/n/p/p/7282038/c/3764.html",
      "/n/p/p/7287493/c/84126.html"
    ];
    rotator = new ImageRotator('fpimages', "/img/shops/running/rotate/running_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;
}