//tab effects

var TabbedContent = {
	init: function() {	
		$(".tab_item").click(function() {
			tabPlay = false;
			var background = $(this).parent().find(".moving_bg");
			$(background).stop().animate({
				left: $(this).position()['left']
			}, {
				duration: 300
			});
			TabbedContent.slideContent($(this));
		});
	},
	slideContent: function(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: 300
		});
	}
}
var tabIndex = 6;
var tabPlay = true;
function startTabs(){
	if(tabPlay){
		// start copy from $(".tab_item").click(function() {
		var background = $("#tab_item_"+tabIndex).parent().find(".moving_bg");
		$(background).stop().animate({
			left: $("#tab_item_"+tabIndex).position()['left']
		}, {
			duration: 300
		});
		TabbedContent.slideContent($("#tab_item_"+tabIndex));
		// end copy from $(".tab_item").click(function() {
		tabIndex = tabIndex==1?6:tabIndex-1;
		setTimeout('startTabs()', 2000);
	}
}
$(document).ready(function() {
	TabbedContent.init();
	startTabs();
});