//tab effects

var TabbedContent = {
    currentSlide: 0,
    
    timer: null,
    
	slideContent: function(obj) {
        var background = $(obj).parent().find(".moving_bg");
        $(background).stop().animate({
            left: $(obj).position()['left']
        }, {
            duration: 300
        });

		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
		});
	},
    
    nextSlide: function () {
        TabbedContent.currentSlide++;
        if (TabbedContent.currentSlide > $('.tab_item').length - 1)
            TabbedContent.currentSlide = 0;
        TabbedContent.slideContent($('.tab_item')[TabbedContent.currentSlide]);
    },
    
    startTimer: function () {
        TabbedContent.timer = window.setInterval(TabbedContent.nextSlide, 3000); // 3000 = intervalul de rotire a slide-urilor în milisecunde
    },
    
    stopTimer: function () {
        window.clearInterval(TabbedContent.timer);
    },
    
	init: function() {
		$(".tab_item").mouseover(function () {
            TabbedContent.slideContent($(this));
        });
        $('.tabbed_content')
            .mouseover(function () { TabbedContent.stopTimer(); })
            .mouseout(function () { TabbedContent.startTimer(); });
        TabbedContent.startTimer();
	}
	
}

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