//tab effects

var TabbedContent = {
	init: function(i) {	
		$(".tab_item").mouseover(function() {
		
			var background = $(this).parent().find(".moving_bg"+i+"");
			
			$(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(1);
	TabbedContent.init(2);
	$('.tabbed_content').corner();
	$('.moving_bg1').corner("top");
	$('.moving_bg2').corner("top");
	$('.slide_content').corner("bottom")
	
	if($.browser.safari){
			$('.tab_item').css("padding","15px 15px 12px 15px");
		}else{
			$('.tab_item').css("padding","15px");
		}
});