//tab effects

var currentTab = 0;
var numTabs;
var autoRotate;


$(document).ready(function() {
  $(".tab_item").mouseover(function() {
    window.clearInterval(autoRotate);
    var background = $(this).parent().find(".moving_bg");
    
    $(background).stop().animate({
      left: $(this).position()['left']
    }, {
      duration: 700
    });
    
    slideContent($(this));
    
  });
  
	numTabs = jQuery(".tab_item").length;
	autoRotate = setInterval('rotateContent()', 4000);
});
	
function slideContent(obj) {
  var margin = $(obj).parent().parent().find(".slide_content").width();
  margin = margin * ($(obj).prevAll().size() - 1);
  margin = margin * -1;
  
  $(obj).parent().parent().find(".tabslider").stop().animate({
    marginLeft: margin + "px"
  }, {
    duration: 700
  });
}

function rotateContent() {
  var nextTab = (currentTab == (numTabs - 1)) ? 0 : currentTab + 1;
  var objectTab = jQuery(".tab_item").get(nextTab);
  currentTab = nextTab;

  var background = jQuery(objectTab).parent().parent().find(".moving_bg");

  jQuery(background).stop().animate({
    left: jQuery(objectTab).position()['left']
  }, {
    duration: 700
  });

  slideContent(jQuery(objectTab));
}