$(document).ready(function () {
	    $("#freshly-home-1").verticaltabs({
	        speed: 500,
	        slideShow: false,
	        activeIndex: 1
	    });
	    $("#freshly-home-2").verticaltabs({
	        speed: 500,
	        slideShow: false,
	        activeIndex: 1
	    });
	    $("#freshly-home-3").verticaltabs({
	        speed: 500,
	        slideShow: false,
	        activeIndex: 1
	    });
		$("#freshly-home-4").verticaltabs({
	        speed: 500,
	        slideShow: false,
	        activeIndex: 1
	    });
		$("#freshly-home-5").verticaltabs({
	        speed: 500,
	        slideShow: false,
	        activeIndex: 1
	    });
	});
	
	
(function ($) {
    $.fn.verticaltabs = function (options) {
        var defaults = {
            speed: 500,
            slideShow: true,
            slideShowSpeed: 1000,
            activeIndex: 0,
            playPausePos: "bottomRight",
            pauseOnHover: true
        };
        var options = $.extend(defaults, options);
        return this.each(function () {
            var verticaltabs = $(this);
            var tabs = $(verticaltabs).children(".projects_tabs").children();
            var contents = $(verticaltabs).children(".projects_items").children();
            var sliderInterval;
            var arrowBlock = "";
            var activeIndex = defaults.activeIndex;
            var slideShow = options.slideShow;
            var timeout;
            var totalHeight;
            $(contents[defaults.activeIndex]).addClass("activeContent");
            $(tabs[activeIndex]).addClass("activeTab").append(arrowBlock);
            totalHeight = $(tabs).length * $(".projects_tabs a").outerHeight();
            $(".projects_items li", verticaltabs).css({
                height: totalHeight + "px"
            });
            if (options.slideShow) {
                $(verticaltabs).children(".projects_items").append("<div class=\"playPause\"><div class=\"play\"><a href=\"#\"></a></div><div class=\"pause\"><a href=\"#\"></a></div></div>");
                switch (options.playPausePos) {
                case "topRight":
                    $(".projects .playPause").css({
                        marginTop: "0px",
                        marginLeft: $(".projects_items").width() - $(".projects  .playPause a").width()
                    });
                    break;
                case "topLeft":
                    $(".projects  .playPause").css({
                        marginTop: "0px",
                        marginLeft: "0px"
                    });
                    break;
                case "bottomRight":
                    $(".projects  .playPause").css({
                        marginTop: totalHeight - $(".projects  .playPause a").height(),
                        marginLeft: $(".projects_items").width() - $(".projects  .playPause a").width()
                    });
                    break;
                case "bottomLeft":
                    $(".projects  .playPause").css({
                        marginTop: totalHeight - $(".projects  .playPause a").height(),
                        marginLeft: "0px"
                    });
                    break
                }
            }
            $(".projects_tabs a", verticaltabs).click(function () {
                if (!$(this).parent().hasClass("activeTab")) {
                    activeIndex = $(this).parent().prevAll().length;
                    switchContents();
                    if (slideShow) {
                        clearTimeout(timeout);
                        slideShow = false;
                        $(".pause a", verticaltabs).css("display", "none");
                        $(".play a", verticaltabs).css("display", "block")
                    }
                }
                return false
            });
            $(".play, .pause", verticaltabs).click(function () {
                slideShow = !slideShow;
                $(".play a, .pause a", verticaltabs).toggle();
                if (slideShow) {
                    startSlideShow()
                }
                return false
            });
            $(tabs).add(contents).hover(function () {
                if (options.pauseOnHover && slideShow) {
                    slideShow = !slideShow
                }
            }, function () {
                if (options.pauseOnHover && !slideShow && $(".pause a", verticaltabs).is(":visible")) {
                    startSlideShow()
                }
            });

            function switchContents() {
                $(".activeTab", verticaltabs).removeClass("activeTab");
                $('.arrow', verticaltabs).remove();
                $(tabs[activeIndex], verticaltabs).addClass("activeTab").append(arrowBlock);
                $(".activeContent", verticaltabs).fadeOut(options.speed).removeClass("activeContent");
                $(contents[activeIndex], verticaltabs).fadeIn(options.speed).addClass("activeContent")
            };

            function startSlideShow() {
                slideShow = true;
                clearTimeout(timeout);
                timeout = setTimeout(function () {
                    autoUpdate()
                }, options.speed + options.slideShowSpeed)
            }
            function autoUpdate() {
                if (slideShow) {
                    activeIndex++;
                    if (activeIndex == contents.length) {
                        activeIndex = 0
                    }
                    switchContents();
                    startSlideShow()
                }
            };
            if (slideShow) {
                timeout = setTimeout(function () {
                    autoUpdate()
                }, options.speed + options.slideShowSpeed)
            }
        })
    }
})(jQuery);