(function($) {
    $.HoverTabs = function(buttonContainerId, contentContainerId, currentButtonCssName) {
        var links = $("#" + buttonContainerId).children();
        var contents = $("#" + contentContainerId).children();
        var ci = 0;
        var lastCi = 0;
        $(contents).hide();
        $(contents[ci]).show();
        $(links[ci]).attr("class", currentButtonCssName);
        $(links).mouseover(function() {
            $(contents[lastCi]).hide();
            $(links[lastCi]).attr("class", "");
            ci = $(this).index();
            lastCi = ci;
            $(contents[ci]).show();
            $(links[ci]).attr("class", currentButtonCssName);
        });
    }
})(jQuery);

(function($) {
    $.ClickTabs = function(buttonContainerId, contentContainerId, currentButtonCssName) {
        var links = $("#" + buttonContainerId).children();
        var contents = $("#" + contentContainerId).children();
        var ci = 0;
        var lastCi = 0;
        $(contents).hide();
        $(contents[ci]).show();
        $(links[ci]).attr("class", currentButtonCssName);
        $(links).click(function() {
            $(contents[lastCi]).hide();
            $(links[lastCi]).attr("class", "");
            ci = $(this).index();
            lastCi = ci;
            $(contents[ci]).show();
            $(links[ci]).attr("class", currentButtonCssName);
        });
    }
})(jQuery);

(function($) {
    $.DropDownMenuList = function(buttonContainerId, currentCssName, originalCssName) {
        var links = $("#" + buttonContainerId).children();
        var mouseOnMenu = false;
        $(links).hover(
            function() {
                $(this).attr("class", currentCssName);
            },
            function() {
                if (!mouseOnMenu)
                    $(this).attr("class", originalCssName);
            }
        );
        $.each(links, function(n, m) {
            $($(m).children()[1]).hover(
                function() {
                    mouseOnMenu = true;
                },
                function() {
                    mouseOnMenu = false;
                }
            );
        });
    }
})(jQuery);

(function($) {
    $.PlaySlide = function(elementId, currentButtonCssName) {
        var currentIndex = 0;
        var allImg = $($("#" + elementId).children()[0]).children();
        var allButton = $($("#" + elementId).children()[1]).children();
        $(allImg).hide();
        var firstElement = $(allImg).first();
        $(firstElement).show();
        $(allButton[0]).attr("class", currentButtonCssName);
        var currentElement = firstElement;
        var ti = setInterval(tickWork, 4000);

        $("#" + elementId).hover(
                function() {
                    clearInterval(ti);
                },
                function() {
                    clearInterval(ti);
                    ti = setInterval(tickWork, 4000);
                }
            );
        $(allButton).click(function() {
            $(currentElement).hide();
            $(allButton[$(currentElement).index()]).attr("class", "");
            currentElement = allImg[$(this).index()];
            $(this).attr("class", currentButtonCssName);
            $(currentElement).fadeIn(1000);
            
        });
        function tickWork() {
            $(allButton).filter("." + currentButtonCssName).attr("class", "");
            $(currentElement).hide();
            currentElement = $(currentElement).next();
            if ($(currentElement).html() == null) currentElement = $(firstElement);
            var ci = $(currentElement).index();
            $(allButton[ci]).attr("class", currentButtonCssName);
            $(currentElement).fadeIn(1000);
        }
    }
})(jQuery);