//tab effects

var TabbedContent = {
init: function() {	
$(".tab_item").click(function() {

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
});
}
}

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