//tab effects

var TabbedContent = {
	init: function() {	
		TabbedContent.banner_count = $(".tab_item").size();
		TabbedContent.banner_interval = setInterval(TabbedContent.autorotateContent,3000);
		$(".tab_item").mouseover(function() {
		
			var background = $(this).parent().find(".moving_bg");
			clearInterval(TabbedContent.banner_interval);
			$(background).stop().animate({
				left: $(this).position()['left']
			}, {
				duration: 300
			});
			
			TabbedContent.slideContent($(this));
			
		});
		$(".tab_item").mouseleave(function() {
		TabbedContent.banner_interval = setInterval(TabbedContent.autorotateContent,5000);
		});
	},
	
	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
		});
	},
	autorotateContent:function(){
		TabbedContent.current_banner = (TabbedContent.old_banner + 1) % TabbedContent.banner_count;
		TabbedContent.slideContent($(".tab_item:eq(" + TabbedContent.current_banner + ")"));
		TabbedContent.old_banner = TabbedContent.current_banner;
	},
	banner_count:null,
	banner_interval:null,
	old_banner : 0,
	current_banner : 0
}

$(document).ready(function() {
	TabbedContent.init();
});