var timeout = new Array();
var timeoutLength = 6000;

function InitTabs(tabSelector, contentSelector, play, playSelector, pauseSelector, nextSelector, prevSelector) {

  if (jQuery(tabSelector).length > 1) {
    if (play != undefined) {

      timeout[contentSelector] = window.setTimeout(function () { SetNextTimeout(contentSelector, tabSelector, timeoutLength); }, timeoutLength);
    }

    SetActiveNavItem(tabSelector, 0);

    jQuery(tabSelector).click(function () {

      if (play != undefined) {

        clearTimeout(timeout[contentSelector]);
        play = false;
      }
      var index = jQuery(this).index();
      SetItem(contentSelector, tabSelector, index);

      return false;
    });

    if (playSelector != undefined) {

      jQuery(playSelector).click(function () {

        if (!play) {

          SetNextItem(contentSelector, tabSelector);
          timeout[contentSelector] = window.setTimeout(function () { SetNextTimeout(contentSelector, tabSelector, timeoutLength); }, timeoutLength);
          play = true;
        }

        return false;
      });
    }

    if (pauseSelector != undefined) {

      jQuery(pauseSelector).click(function () {

        clearTimeout(timeout[contentSelector]);
        play = false;
        return false;
      });
    }

    if (nextSelector != undefined) {

      jQuery(nextSelector).click(function () {

        SetNextItem(contentSelector, tabSelector);

        clearTimeout(timeout[contentSelector]);
        play = false;
        return false;
      });
    }

    if (prevSelector != undefined) {

      jQuery(prevSelector).click(function () {

        SetPrevItem(contentSelector, tabSelector);

        clearTimeout(timeout[contentSelector]);
        play = false;
        return false;
      });
    }

  }
  return false;
}

function SetItem(contentSelector, tabSelector, index) {

  if (!jQuery(contentSelector).is(':animated')) {

    var currentIndex = GetCurrentIndex(tabSelector);

    if (index != currentIndex) {

      SetActiveNavItem(tabSelector, index);

      var selectorData = contentSelector.split(',');
      for (var ii = 0; ii < selectorData.length; ii++) {

        var item = jQuery(selectorData[ii]).get(index);

        jQuery(selectorData[ii]).removeClass("on");
        jQuery(selectorData[ii]).hide();

        jQuery(item).fadeIn();
        jQuery(item).addClass("on");
      }
    }
  }
}

function SetActiveNavItem(tabSelector, index) {

  var currentNavItem = jQuery(tabSelector).get(index);
  jQuery(tabSelector).removeClass("on");
  jQuery(tabSelector).children().removeClass("active");
  jQuery(currentNavItem).addClass("on");
  jQuery(jQuery(currentNavItem).children()[0]).addClass("active");
}

function SetNextItem(contentSelector, tabSelector) {

  var index = GetCurrentIndex(tabSelector);
  var nextIndex = GetNextIndex(tabSelector, index);
  SetItem(contentSelector, tabSelector, nextIndex);
}

function SetPrevItem(contentSelector, tabSelector) {

  var index = GetCurrentIndex(tabSelector);
  var prevIndex = GetPrevIndex(tabSelector, index);
  SetItem(contentSelector, tabSelector, prevIndex);
}

function GetCurrentIndex(tabSelector) {

  var currentItem = jQuery(tabSelector + '.on')[0];
  return jQuery(currentItem).index(); ;
}

function GetNextIndex(selector, index) {

  if (jQuery(selector).size() > index + 1)
    return index + 1;
  else
    return 0;
}

function GetPrevIndex(selector, index) {

  if (index - 1 >= 0)
    return index - 1;
  else
    return jQuery(selector).size() - 1;
}

function SetNextTimeout(contentSelector, tabSelector, timeoutLength) {

  SetNextItem(contentSelector, tabSelector);
  timeout[contentSelector] = window.setTimeout(function () { SetNextTimeout(contentSelector, tabSelector, timeoutLength); }, timeoutLength);
}