//tab effects

var TabbedContent = {
	init: function() {	
		$(".tab_item").click(function() {
			
			$('.tab_item').removeClass('current_tab_item_1 current_tab_item_2 current_tab_item_3');
			
			$(this).addClass('current_'+$(this).attr('id'));
			
			TabbedContent.slideContent($(this));
			
		});
	},
	
	slideContent: function(obj) {
		
		var margin = $(obj).parent().parent().find(".slide_content").width();
		margin = margin * $(obj).prevAll().size();
		margin = margin * -1;
		
		$(obj).parent().parent().find(".tabslider").stop().animate({
			marginLeft: margin + "px"
		}, {
			duration: 300
		});
	}
}

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