$(function() {
  
  // Slider
  var $slider = $('#slider');
  if ($slider.length > 0) {
    var $nav = $('<ul>').addClass('cf').appendTo($slider).wrap('<nav>');
    var $slides = $slider.children('.slide').hide(), $current_slide = $slides.first().show();
    var $timer, $timer_duration = 5000, $change = function() {
      $next = $nav.find('a.current').parent().next('li').find('a');
      if ($next.length == 0) $next = $nav.find('a').first();
      if ($next) $next.trigger('click');
    };
    $slides.each(function($i, $slide) {
      var $link = $('<a>').prop('href', '#').text('Slide: '+$i).wrapInner('<span>').data('slide', $i).appendTo($nav).click(function(e) {
        e.preventDefault();
        var $this = $(this), $new_slide = $slides.eq($this.data('slide'));
        if (!$current_slide.is($new_slide)) {
          clearInterval($timer);
          $current_slide.fadeOut(500);
          $current_slide = $new_slide.fadeIn(500);
          $nav.find('a').removeClass('current');
          $this.addClass('current');
          $timer = setInterval($change, $timer_duration);
        }
      }).wrap('<li>');
    });
    $nav.find('a').eq($current_slide.index()).addClass('current');
    if ($slides.length > 1) $timer = setInterval($change, $timer_duration);
  }
  
  // Tabs
  var $tab_cont = $('#tabs');
  if ($tab_cont.length > 0) {
    var $tabs = $tab_cont.find('.tab').hide();
    var $tab_nav = $tab_cont.find('nav a');
    var $current_tab = $tabs.first().addClass('current').show();
    $tab_nav.filter('[href=#'+ $current_tab.attr('id').replace('#','') + ']').addClass('current');
    $tab_nav.click(function(e) {
      e.preventDefault();
      var $this = $(this);
      $tab_nav.removeClass('current');
      $this.addClass('current');
      $tabs.removeClass('current').hide();
      $current_tab = $tabs.filter('#'+ $this.attr('href').replace('#','')).addClass('current').show();
    });
  }

});