(function ($) {
    $.fn.sliders = function (settings) {
        settings = jQuery.extend({
            intervalTime: 5,
            moveSpeedTime: 400,
            moveStyle: "left",
            mouseEvent: "mouseclick",
            isHasTitleBar: true,
            titleBar: {
                titleBar_height: 30,
                titleBar_bgColor: "#000000",
                titleBar_alpha: 0.3
            },
            isHasTitleFont: true,
            titleFont: {
                TitleFont_size: 12,
                TitleFont_color: "#FFFFFF",
                TitleFont_family: "Verdana",
                TitleFont_weight: "bold"
            },
            isHasBtn: true,
            btn: {
                btn_bgColor: "#666666",
                btn_bgHoverColor: "#239000",
                btn_fontColor: "#CCCCCC",
                btn_fontHoverColor: "#ffffff",
                btn_fontFamily: "Verdana",
                btn_borderColor: "#cccccc",
                btn_borderHoverColor: "#078205",
                btn_borderWidth: 1,
                btn_bgAlpha: 0.7
            }
        },
        settings);
        var titleBar_Bak = {
            titleBar_height: 40,
            titleBar_bgColor: "#000000",
            titleBar_alpha: 0.5
        }
        var titleFont_Bak = {
            TitleFont_size: 12,
            TitleFont_color: "#FFFFFF",
            TitleFont_family: "Verdana",
            TitleFont_weight: "bold"
        }
        var btn_Bak = {
            btn_bgColor: "#666666",
            btn_bgHoverColor: "#CC0000",
            btn_fontColor: "#CCCCCC",
            btn_fontHoverColor: "#000000",
            btn_fontFamily: "Verdana",
            btn_borderColor: "#999999",
            btn_borderHoverColor: "#FF0000",
            btn_borderWidth: 1,
            btn_bgAlpha: 0.7
        }
        for (var key in titleBar_Bak) {
            if (settings.titleBar[key] == undefined) {
                settings.titleBar[key] = titleBar_Bak[key];

            }

        }
        for (var key in titleFont_Bak) {
            if (settings.titleFont[key] == undefined) {
                settings.titleFont[key] = titleFont_Bak[key];

            }

        }
        for (var key in btn_Bak) {
            if (settings.btn[key] == undefined) {
                settings.btn[key] = btn_Bak[key];

            }

        }
        var sthis = this;
        var sbs = $(sthis).selector;
        var ss_DateArray = new Array();
        var ss_imgaeLength = 0;
        var ss_Size = new Array();
        var ss_changeFlag = 0;
        var ss_IntervalTime = settings.intervalTime;
        var ss_setInterval;
        var ss_firstMoveFlag = true;
        var getTitleBar_Height;
        if (isNaN(ss_IntervalTime) || ss_IntervalTime <= 1) {
            ss_IntervalTime = 5;

        }
        if (settings.moveSpeedTime > 500) {
            settings.moveSpeedTime = 500;

        } else if (settings.moveSpeedTime < 100) {
            settings.moveSpeedTime = 100;

        }
        function ss_initialize() {
            $(sthis).css({
                visibility: "hidden"
            });
            $(sbs + " a img").css({
                border: 0
            });
            ss_start();
            ss_mousehover();

        };
        function ss_start() {
            ss_imgaeLength = $(sbs + " a").length;
            ss_Size.push($(sbs + " a img").width());
            ss_Size.push($(sbs + " a img").height());
            $(sbs + " a img").each(function (i) {
                ss_DateArray.push($(this).attr("alt"));

            });
            $(sbs + " a").wrapAll("<div id='ss_content'></div>");
            $(sbs).find("#ss_content").clone().attr("id", "ss_contentClone").appendTo(sthis);
            ss_setTitleBar();
            ss_setTitleFont();
            ss_setBtn();
            ss_action();
            ss_btnEvent(settings.mouseEvent);
            $(sthis).css({
                visibility: "visible"
            });

        };
        function ss_setTitleBar() {
            $(sthis).css({
                width: ss_Size[0],
                height: ss_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(sthis).append("<div class='ss_titleBar'></div>");
            getTitleBar_Height = settings.titleBar.titleBar_height;
            if (isNaN(getTitleBar_Height)) {
                getTitleBar_Height = 40;

            } else if (getTitleBar_Height < 25) {
                getTitleBar_Height = 25;

            };
            $(sbs + " .ss_titleBar").css({
                height: getTitleBar_Height,
                width: "100%",
                position: "absolute",
                bottom: 0,
                left: 0
            })
            if (settings.isHasTitleBar) {
                $(sbs + " .ss_titleBar").css({
                    background: settings.titleBar.titleBar_bgColor,
                    opacity: settings.titleBar.titleBar_alpha
                })

            }

        };
        function ss_setTitleFont() {
            if (settings.isHasTitleFont) {
                $(sthis).append("<div class='ss_titleBox'><h2 class='title' style='margin:3px 0 0 6px;padding:0;'></h2></div>");
                $(sbs + " .ss_titleBox").css({
                    height: getTitleBar_Height,
                    width: "100%",
                    position: "absolute",
                    bottom: 0,
                    left: 0
                })
                $(sbs + " .ss_titleBox h2").css({
                    fontSize: settings.titleFont.TitleFont_size,
                    color: settings.titleFont.TitleFont_color,
                    fontFamily: settings.titleFont.TitleFont_family,
                    fontWeight: settings.titleFont.TitleFont_weight
                });
                setTiltFontShow(0);

            };

        };
        function ss_setBtn() {
            if (settings.btn.btn_borderWidth > 2) {
                settings.btn.btn_borderWidth = 2
            }
            if (settings.btn.btn_borderWidth < 0 || isNaN(settings.btn.btn_borderWidth)) {
                settings.btn.btn_borderWidth = 0
            }
            if (settings.isHasBtn && ss_imgaeLength >= 2) {
                $(sthis).append("<div class='ss_btnBox' style='position:absolute;right:10px;bottom:5px; z-index:100'></div>");
                var ss_btnList = "";
                for (i = 1; i <= ss_imgaeLength; i++) {
                    ss_btnList += "<li>" + i + "</li>";

                }
                ss_btnList = "<ul id='btnlistID' style='margin:0;padding:0; overflow:hidden'>" + ss_btnList + "</ul>";
                $(sbs + " .ss_btnBox").append(ss_btnList);
                $(sbs + " .ss_btnBox #btnlistID li").css({
                    listStyle: "none",
                    float: "left",
                    width: 18,
                    height: 18,
                    borderWidth: settings.btn.btn_borderWidth,
                    borderColor: settings.btn.btn_borderColor,
                    borderStyle: "solid",
                    background: settings.btn.btn_bgColor,
                    textAlign: "center",
                    cursor: "pointer",
                    marginLeft: 3,
                    fontSize: 12,
                    fontFamily: settings.btn.btn_fontFamily,
                    lineHeight: "18px",
                    opacity: settings.btn.btn_bgAlpha,
                    color: settings.btn.btn_fontColor
                });
                $(sbs + " #btnlistID li:eq(0)").css({
                    background: settings.btn.btn_bgHoverColor,
                    borderColor: settings.btn.btn_borderHoverColor,
                    color: settings.btn.btn_fontHoverColor
                });

            };

        };
        function ss_action() {
            switch (settings.moveStyle) {
                case "left":
                    ss_moveLeft();
                    break;
                case "right":
                    ss_moveRight();
                    break;
                case "up":
                    ss_moveUp();
                    break;
                case "down":
                    ss_moveDown();
                    break;
                default:
                    settings.moveStyle = "left";
                    ss_moveLeft();

            }

        };
        function ss_moveLeft() {
            $(sbs + " div:lt(2)").wrapAll("<div id='ss_moveBox'></div>");
            $(sbs).find("#ss_moveBox").css({
                width: ss_Size[0],
                height: ss_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(sbs).find("#ss_content").css({
                float: "left"
            });
            $(sbs).find("#ss_contentClone").css({
                float: "left"
            });
            $(sbs + " #ss_moveBox div").wrapAll("<div id='ss_XposBox'></div>");
            $(sbs).find("#ss_XposBox").css({
                float: "left",
                width: "2000%"
            });
            ss_setInterval = setInterval(function () {
                ss_move(settings.moveStyle)
            },
            ss_IntervalTime * 1000 + settings.moveSpeedTime);

        };
        function ss_moveRight() {
            $(sbs + " div:lt(2)").wrapAll("<div id='ss_moveBox'></div>");
            $(sbs).find("#ss_moveBox").css({
                width: ss_Size[0],
                height: ss_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(sbs).find("#ss_content").css({
                float: "left"
            });
            $(sbs).find("#ss_contentClone").css({
                float: "left"
            });
            $(sbs + " #ss_moveBox div").wrapAll("<div id='ss_XposBox'></div>");
            $(sbs).find("#ss_XposBox").css({
                float: "left",
                width: "2000%"
            });
            $(sbs).find("#ss_contentClone").html("");
            $(sbs + " #ss_content a").wrap("<span></span>")
            $(sbs + " #ss_content a").each(function (i) {
                $(sbs).find("#ss_contentClone").prepend($(sbs + " #ss_content span:eq(" + i + ")").html());

            })
            $(sbs).find("#ss_content").html($(sbs).find("#ss_contentClone").html());
            var ss_offsetLeft = (ss_imgaeLength - 1) * ss_Size[0];
            $(sbs).find("#ss_moveBox").scrollLeft(ss_offsetLeft);
            ss_setInterval = setInterval(function () {
                ss_move(settings.moveStyle)
            },
            ss_IntervalTime * 1000 + settings.moveSpeedTime);

        };
        function ss_moveUp() {
            $(sbs + " div:lt(2)").wrapAll("<div id='ss_moveBox'></div>");
            $(sbs).find("#ss_moveBox").css({
                width: ss_Size[0],
                height: ss_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(sbs).find("#ss_moveBox").animate({
                scrollTop: 0
            },
            1);
            ss_setInterval = setInterval(function () {
                ss_move(settings.moveStyle)
            },
            ss_IntervalTime * 1000 + settings.moveSpeedTime);

        };
        function ss_moveDown() {
            $(sbs + " div:lt(2)").wrapAll("<div id='ss_moveBox'></div>");
            $(sbs).find("#ss_moveBox").css({
                width: ss_Size[0],
                height: ss_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(sbs).find("#ss_contentClone").html("");
            $(sbs + " #ss_content a").wrap("<span></span>")
            $(sbs + " #ss_content a").each(function (i) {
                $(sbs).find("#ss_contentClone").prepend($(sbs + " #ss_content span:eq(" + i + ")").html());

            })
            $(sbs).find("#ss_content").html($(sbs).find("#ss_contentClone").html());
            var ss_offsetTop = (ss_imgaeLength - 1) * ss_Size[1];
            $(sbs).find("#ss_moveBox").animate({
                scrollTop: ss_offsetTop
            },
            1);
            ss_setInterval = setInterval(function () {
                ss_move(settings.moveStyle)
            },
            ss_IntervalTime * 1000 + settings.moveSpeedTime);

        };
        function ss_move(style) {
            switch (style) {
                case "left":
                    if (ss_changeFlag >= ss_imgaeLength) {
                        ss_changeFlag = 0;
                        $(sbs).find("#ss_moveBox").scrollLeft(0);
                        $(sbs).find("#ss_moveBox").animate({
                            scrollLeft: ss_Size[0]
                        },
                    settings.moveSpeedTime);

                    } else {
                        sp = (ss_changeFlag + 1) * ss_Size[0];
                        if ($(sbs).find("#ss_moveBox").is(':animated')) {
                            $(sbs).find("#ss_moveBox").stop();
                            $(sbs).find("#ss_moveBox").animate({
                                scrollLeft: sp
                            },
                        settings.moveSpeedTime);

                        } else {
                            $(sbs).find("#ss_moveBox").animate({
                                scrollLeft: sp
                            },
                        settings.moveSpeedTime);

                        }

                    }
                    setTiltFontShow(ss_changeFlag + 1);
                    break;
                case "right":
                    var ss_offsetLeft = (ss_imgaeLength - 1) * ss_Size[0];
                    if (ss_changeFlag >= ss_imgaeLength) {
                        ss_changeFlag = 0;
                        $(sbs).find("#ss_moveBox").scrollLeft(ss_offsetLeft + ss_Size[0]);
                        $(sbs).find("#ss_moveBox").animate({
                            scrollLeft: ss_offsetLeft
                        },
                    settings.moveSpeedTime);

                    } else {
                        if (ss_firstMoveFlag) {
                            ss_changeFlag++;
                            ss_firstMoveFlag = false;

                        }
                        sp = ss_offsetLeft - (ss_changeFlag * ss_Size[0]);
                        if ($(sbs).find("#ss_moveBox").is(':animated')) {
                            $(sbs).find("#ss_moveBox").stop();
                            $(sbs).find("#ss_moveBox").animate({
                                scrollLeft: sp
                            },
                        settings.moveSpeedTime);

                        } else {
                            $(sbs).find("#ss_moveBox").animate({
                                scrollLeft: sp
                            },
                        settings.moveSpeedTime);

                        }

                    }
                    setTiltFontShow(ss_changeFlag);
                    break;
                case "up":
                    if (ss_changeFlag >= ss_imgaeLength) {
                        ss_changeFlag = 0;
                        $(sbs).find("#ss_moveBox").scrollTop(0);
                        $(sbs).find("#ss_moveBox").animate({
                            scrollTop: ss_Size[1]
                        },
                    settings.moveSpeedTime);

                    } else {
                        sp = (ss_changeFlag + 1) * ss_Size[1];
                        if ($(sbs).find("#ss_moveBox").is(':animated')) {
                            $(sbs).find("#ss_moveBox").stop();
                            $(sbs).find("#ss_moveBox").animate({
                                scrollTop: sp
                            },
                        settings.moveSpeedTime);

                        } else {
                            $(sbs).find("#ss_moveBox").animate({
                                scrollTop: sp
                            },
                        settings.moveSpeedTime);

                        }

                    }
                    setTiltFontShow(ss_changeFlag + 1);
                    break;
                case "down":
                    var ss_offsetLeft = (ss_imgaeLength - 1) * ss_Size[1];
                    if (ss_changeFlag >= ss_imgaeLength) {
                        ss_changeFlag = 0;
                        $(sbs).find("#ss_moveBox").scrollTop(ss_offsetLeft + ss_Size[1]);
                        $(sbs).find("#ss_moveBox").animate({
                            scrollTop: ss_offsetLeft
                        },
                    settings.moveSpeedTime);

                    } else {
                        if (ss_firstMoveFlag) {
                            ss_changeFlag++;
                            ss_firstMoveFlag = false;

                        }
                        sp = ss_offsetLeft - (ss_changeFlag * ss_Size[1]);
                        if ($(sbs).find("#ss_moveBox").is(':animated')) {
                            $(sbs).find("#ss_moveBox").stop();
                            $(sbs).find("#ss_moveBox").animate({
                                scrollTop: sp
                            },
                        settings.moveSpeedTime);

                        } else {
                            $(sbs).find("#ss_moveBox").animate({
                                scrollTop: sp
                            },
                        settings.moveSpeedTime);

                        }

                    }
                    setTiltFontShow(ss_changeFlag);
                    break;

            }
            ss_changeFlag++;

        }
        function setTiltFontShow(index) {
            if (index == ss_imgaeLength) {
                index = 0
            };
            if (settings.isHasTitleFont) {
                $(sbs + " .ss_titleBox h2.title").html(ss_DateArray[index]);

            };
            $(sbs + " #btnlistID li").each(function (i) {
                if (i == index) {
                    $(this).css({
                        background: settings.btn.btn_bgHoverColor,
                        borderColor: settings.btn.btn_borderHoverColor,
                        color: settings.btn.btn_fontHoverColor
                    });

                } else {
                    $(this).css({
                        background: settings.btn.btn_bgColor,
                        borderColor: settings.btn.btn_borderColor,
                        color: settings.btn.btn_fontColor
                    });

                }

            })

        };
        function ss_btnEvent(Event) {
            switch (Event) {
                case "mouseover":
                    ss_btnMouseover();
                    break;
                case "mouseclick":
                    ss_btnMouseclick();
                    break;
                default:
                    ss_btnMouseclick();

            }

        };
        function ss_btnMouseover() {
            $(sbs + " #btnlistID li").mouseover(function () {
                var curLiIndex = $(sbs + " #btnlistID li").index($(this));
                switch (settings.moveStyle) {
                    case "left":
                        ss_changeFlag = curLiIndex - 1;
                        break;
                    case "right":
                        if (ss_firstMoveFlag) {
                            ss_changeFlag = curLiIndex - 1;
                            break;

                        } else {
                            ss_changeFlag = curLiIndex;
                            break;

                        }
                    case "up":
                        ss_changeFlag = curLiIndex - 1;
                        break;
                    case "down":
                        if (ss_firstMoveFlag) {
                            ss_changeFlag = curLiIndex - 1;
                            break;

                        } else {
                            ss_changeFlag = curLiIndex;
                            break;

                        }

                }
                ss_move(settings.moveStyle);
                $(sbs + " #btnlistID li").each(function (i) {
                    if (i == curLiIndex) {
                        $(this).css({
                            background: settings.btn.btn_bgHoverColor,
                            borderColor: settings.btn.btn_borderHoverColor,
                            color: settings.btn.btn_fontHoverColor
                        });

                    } else {
                        $(this).css({
                            background: settings.btn.btn_bgColor,
                            borderColor: settings.btn.btn_borderColor,
                            color: settings.btn.btn_fontColor
                        });

                    }

                })

            })

        };
        function ss_btnMouseclick() {
            $(sbs + " #btnlistID li").click(function () {
                var curLiIndex = $(sbs + " #btnlistID li").index($(this));
                switch (settings.moveStyle) {
                    case "left":
                        ss_changeFlag = curLiIndex - 1;
                        break;
                    case "right":
                        if (ss_firstMoveFlag) {
                            ss_changeFlag = curLiIndex - 1;
                            break;

                        } else {
                            ss_changeFlag = curLiIndex;
                            break;

                        }
                    case "up":
                        ss_changeFlag = curLiIndex - 1;
                        break;
                    case "down":
                        if (ss_firstMoveFlag) {
                            ss_changeFlag = curLiIndex - 1;
                            break;

                        } else {
                            ss_changeFlag = curLiIndex;
                            break;

                        }

                };
                ss_move(settings.moveStyle);
                $(sbs + " #btnlistID li").each(function (i) {
                    if (i == curLiIndex) {
                        $(this).css({
                            background: settings.btn.btn_bgHoverColor,
                            borderColor: settings.btn.btn_borderHoverColor,
                            color: settings.btn.btn_fontHoverColor
                        });

                    } else {
                        $(this).css({
                            background: settings.btn.btn_bgColor,
                            borderColor: settings.btn.btn_borderColor,
                            color: settings.btn.btn_fontColor
                        });

                    }

                })

            })

        };
        function ss_mousehover() {
            $(sbs + " #btnlistID li").mouseover(function () {
                clearInterval(ss_setInterval);

            })
            $(sbs + " #btnlistID li").mouseout(function () {
                ss_setInterval = setInterval(function () {
                    ss_move(settings.moveStyle)
                },
                ss_IntervalTime * 1000 + settings.moveSpeedTime);

            })

        };
        return ss_initialize();

    };

})(jQuery);