//tab effects

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

            var background = $(this).parent().find(".moving_bg");

            $(background).stop().animate({
                left: $(this).position()['left']
            }, {
                duration: 300
            });

            TabbedContent.slideContent($(this), 300);
        });
    },

    slideContent: function (obj, DurationTime) {

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


//        $(obj).parent().parent().find(".tabslider").css("marginLeft", margin + "px");

    }
}

$(document).ready(function () {
    TabbedContent.init();
    $(".tab_item:last").each(function (index) { $(this).parent().find(".moving_bg").css("left", $(this).position()['left']); TabbedContent.slideContent($(this),0); });

});