var ardSlider = {
    content: "sliderContent",

    initialize: function (con, count) {
        this.content = con;

        $("#" + this.content).prev().click(function () {
            ardSlider.prevElement();
        });

        $("#" + this.content).next().click(function () {
            ardSlider.nextElement();
        });

        var allItem = $("#" + this.content).find("div").length;

        $("#" + this.content).find("div").each(function (index, item) {
            $(this).attr("id", "sliderContent_" + index);

            if ((index + 1) <= allItem - count)
                $(this).css("display", "none");

            $(this).hover(
                function () {
                    ardSlider.opacityChange(this);
                },
                function () {
                    ardSlider.cleanOpacity();
                }
            );
        });
    },

    prevElement: function () {
        var visibleElements = $("#" + this.content).find("div:visible");

        if ($($($(visibleElements).first()).prev()).attr("id") != null) {
            $($($(visibleElements).first()).prev()).css("display", "block");
            $($(visibleElements).last()).css("display", "none");
        }
    },

    nextElement: function () {
        var visibleElements = $("#" + this.content).find("div:visible");

        if ($($($(visibleElements).last()).next()).attr("id") != null) {
            $($($(visibleElements).last()).next()).css("display", "block");
            $($(visibleElements).first()).css("display", "none");
        }
    },

    opacityChange: function (element) {
        var visibleElements = $("#" + this.content).find("div:visible");

        for (var i = 0; i < visibleElements.length; i++) {
            if ($(visibleElements[i]).attr("id") == $(element).attr("id")) {
                $(visibleElements[i]).css({ opacity: 1 });
            }
            else {
                $(visibleElements[i]).css({ opacity: 0.5 });
            }
        }
    },

    cleanOpacity: function () {
        var visibleElements = $("#" + this.content).find("div:visible");

        for (var i = 0; i < visibleElements.length; i++) {
            $(visibleElements[i]).css({ opacity: 1 });
        }
    }
}

/*
function ardSlider(con) {
    var content = con;

    this.initialize = function () {
        $("#" + content).prev().click(function () {
            prevElement();
        });

        $("#" + content).next().click(function () {
            nextElement();
        });

        $("#" + content).find("div").each(function (index, item) {
            $(this).hover(
                function () {
                    opacityChange(this);
                },
                function () {
                    cleanOpacity();
                }
            );
        });
    };

    function prevElement() {
        var visibleElements = $("#" + content).find("div:visible");

        if ($($($(visibleElements).first()).prev()).attr("id") != null) {
            $($($(visibleElements).first()).prev()).css("display", "block");
            $($(visibleElements).last()).css("display", "none");
        }
    };

    function nextElement () {
        var visibleElements = $("#" + content).find("div:visible");

        if ($($($(visibleElements).last()).next()).attr("id") != null) {
            $($($(visibleElements).last()).next()).css("display", "block");
            $($(visibleElements).first()).css("display", "none");
        }
    };

    function opacityChange (element) {
        var visibleElements = $("#" + content).find("div:visible");

        for (var i = 0; i < visibleElements.length; i++) {
            if ($(visibleElements[i]).attr("id") == $(element).attr("id")) {
                $(visibleElements[i]).css({ opacity: 1 });
            }
            else {
                $(visibleElements[i]).css({ opacity: 0.5 });
            }
        }
    };

    function cleanOpacity () {
        var visibleElements = $("#" + content).find("div:visible");

        for (var i = 0; i < visibleElements.length; i++) {
            $(visibleElements[i]).css({ opacity: 1 });
        }
    };
}
*/