﻿$j(function () {
  var tabs = $j('#flowtabs').tabs('#flowpanes div.image', {
    rotate: true,
    history: true,
    effect: 'fade',
    fadeOutSpeed: 200,
    fadeInSpeed: 600,
    clickable: false
  }).slideshow({
    interval: 6000,
    autoplay: true
  });

  var api = tabs.data('tabs');
  
  api.onBeforeClick(function (event, index) {
    var tabLinks = this.getTabs();
    tabLinks.parent().removeClass('current');
  });

  api.onClick(function (event, index) {
    api.getCurrentTab().parent().addClass('current');
  });

});
