//Home Tab Rotator
jQuery(document).ready(
function() {

    var allHighlights = $('.tabs_content.display').find('.highlight');
    var tabIndex;

    //click on left arrow
    $(".leftArrow").click(
    function() {
        //all highlights
        var currentHighlight = allHighlights.parent().find('.highlight.display');
        //current index
        var currentIndex = allHighlights.index(currentHighlight);

        if (allHighlights.length > 1) {
            //show previous highlight
            var previousHighlight;
            if (currentIndex > 0) {
                previousHighlight = allHighlights.eq(currentIndex - 1);
            }
            else {
                previousHighlight = allHighlights.eq(allHighlights.length - 1);
            }

            currentHighlight.removeClass("display").addClass("displaynone");
            previousHighlight.removeClass("displaynone").addClass("display");
        }
    });

    //click on right arrow
    $(".rightArrow").click(
    function() {
        //show next highlight

        //all highlights
        var currentHighlight = allHighlights.parent().find('.highlight.display');
        //current index
        var currentIndex = allHighlights.index(currentHighlight);

        if (allHighlights.length > 1) {
            //show previous highlight
            var nextHighlight;
            if (currentIndex < allHighlights.length - 1) {
                nextHighlight = allHighlights.eq(currentIndex + 1);
            }
            else {
                nextHighlight = allHighlights.eq(0);
            }
            currentHighlight.removeClass("display").addClass("displaynone");
            nextHighlight.removeClass("displaynone").addClass("display");
        }
    });


    $(".tabLink").click(
        function() {
            //show arrows
            $(".arrows").show();
            
            //change tab index and make it active
            var currentTabLink = $(this);
            $(".tabLink").removeClass("active");
            $(this).addClass("active");
            tabIndex = $(".tabLink").index($(this));

            $('.tabs_content').removeClass('display').addClass('displaynone');
            $('.tabs_content').eq(tabIndex).removeClass('displaynone').addClass('display');
            
            //find current tab highlights
            allHighlights = $('.tabs_content.display').find('.highlight');
            
            if (allHighlights.length < 2) {
                //hide arrows
                $(".arrows").hide();
            }
        }
    );
});