(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(".verticalslider_tabs").children();
            var contents=$(verticaltabs).children(".verticalslider_contents").children();
            var sliderInterval;
            var arrowBlock="<div class=\"arrow\">&nbsp;</div>";
            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*$(".verticalslider_tabs a").outerHeight();
            $(".verticalslider_contents li",verticaltabs).css({
                height:totalHeight+"px"
                });
            if(options.slideShow){
                $(verticaltabs).children(".verticalslider_contents").append("<div class=\"playPause\"><div class=\"play\"><a href=\"#\"></a></div><div class=\"pause\"><a href=\"#\"></a></div></div>");
                switch(options.playPausePos){
                    case"topRight":
                        $(".verticalslider .playPause").css({
                        marginTop:"0px",
                        marginLeft:$(".verticalslider_contents").width()-$(".verticalslider .playPause a").width()
                        });
                    break;
                    case"topLeft":
                        $(".verticalslider .playPause").css({
                        marginTop:"0px",
                        marginLeft:"0px"
                    });
                    break;
                    case"bottomRight":
                        $(".verticalslider .playPause").css({
                        marginTop:totalHeight-$(".verticalslider .playPause a").height(),
                        marginLeft:$(".verticalslider_contents").width()-$(".verticalslider .playPause a").width()
                        });
                    break;
                    case"bottomLeft":
                        $(".verticalslider .playPause").css({
                        marginTop:totalHeight-$(".verticalslider .playPause a").height(),
                        marginLeft:"0px"
                    });
                    break
                    }
                    }
            $(".verticalslider_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();
    $(".activeContent",verticaltabs).fadeOut(options.speed).removeClass("activeContent");
    $(tabs[activeIndex],verticaltabs).addClass("activeTab").append(arrowBlock);
    
    $(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);