﻿

(function($) {
    $.fn.main = function(options) {
        var defaults = {
            showcnt: 3,      //显示数量
            speed: 2000      //设置速度
        };


        var options = $.extend(defaults, options); //代替

        var thisobj = $(this); // $("#b")

        var sidx = 0;
        var slideridx = 0;
        var timerhander = 0;
        var sliderwidth = $("#box div").width() + 32;
        //alert(sliderwidth);

        var slidercnt = $("#box div").not(".clear").length;
        //alert(slidercnt);

        //var sidx = slidercnt - options.showcnt;



        function f_show(idx) {

            if (slidercnt == 0) return;
            if (idx < 0 || idx > (slidercnt - 1)) {
                idx = 0;
            }
            if (idx <= (slidercnt - options.showcnt)) {
                slideridx = idx;
            } else if (idx > (slidercnt - options.showcnt)) {
                slideridx = slidercnt - options.showcnt;
            }

            thisobj.animate({
                marginLeft: "-" + sliderwidth * slideridx + "px"


            }, options.speed, function() {



                $("#box2").find(".show").removeClass("show").addClass("close");
                $("#a" + sidx).removeClass("close").addClass("show");


                $("#box3").find(".shop_a_right_pic_li_catch").removeClass("shop_a_right_pic_li_catch").addClass("shop_a_right_pic_li_catch2");
                $("#d" + sidx).removeClass("shop_a_right_pic_li_catch2").addClass("shop_a_right_pic_li_catch");

                $(".shop_a_right_text_li").html(thisobj.find(".shop_a_right_pic_li1").find("img").attr('alt'));

            });

            sidx = idx;

            thisobj.find(".shop_a_right_pic_li1").removeClass("shop_a_right_pic_li1").addClass("shop_a_right_pic_li");
            $("#b" + sidx).removeClass("shop_a_right_pic_li").addClass("shop_a_right_pic_li1");



        }




        function f_select(idx) {
            sidx = idx;
            thisobj.find(".shop_a_right_pic_li1").removeClass("shop_a_right_pic_li1").addClass("shop_a_right_pic_li");
            $("#b" + sidx).removeClass("shop_a_right_pic_li").addClass("shop_a_right_pic_li1");


            $("#box2").find(".show").removeClass("show").addClass("close");
            $("#a" + sidx).removeClass("close").addClass("show");


            $("#box3").find(".shop_a_right_pic_li_catch").removeClass("shop_a_right_pic_li_catch").addClass("shop_a_right_pic_li_catch2");
            $("#d" + sidx).removeClass("shop_a_right_pic_li_catch2").addClass("shop_a_right_pic_li_catch");

            $(".shop_a_right_text_li").html(thisobj.find(".shop_a_right_pic_li1").find("img").attr('alt'));



        }




        function f_select2(idx) {
            if (slidercnt == 0) return;
            if (idx < 0) {
                idx = slidercnt - 1;
            } else if (idx > (slidercnt - 1)) {
                idx = 0;
            }
            if (idx <= (slidercnt - options.showcnt)) {
                slideridx = idx;
            } else if (idx > (slidercnt - options.showcnt)) {
                slideridx = slidercnt - options.showcnt;
            }
            sidx = idx;
            thisobj.css({ marginLeft: "-" + sliderwidth * slideridx + "px" });

            thisobj.find(".shop_a_right_pic_li1").removeClass("shop_a_right_pic_li1").addClass("shop_a_right_pic_li");
            $("#b" + sidx).removeClass("shop_a_right_pic_li").addClass("shop_a_right_pic_li1");


            $("#box2").find(".show").removeClass("show").addClass("close");
            $("#a" + sidx).removeClass("close").addClass("show");


            $("#box3").find(".shop_a_right_pic_li_catch").removeClass("shop_a_right_pic_li_catch").addClass("shop_a_right_pic_li_catch2");
            $("#d" + sidx).removeClass("shop_a_right_pic_li_catch2").addClass("shop_a_right_pic_li_catch");

            $(".shop_a_right_text_li").html(thisobj.find(".shop_a_right_pic_li1").find("img").attr('alt'));

        }




        function f_start() {
            timerhander = setInterval(function() { f_show(parseInt(sidx) + 1); }, options.speed);
        }

        function f_stop() {
            //alert('1');
            clearInterval(timerhander);
            timerhander = 0;
        }





        //上一个
        $("#shop_a_right_pic_bg_left").mouseover(function() {
            // alert('1');
            f_stop();
        }).click(function() {
            idx = thisobj.find(".shop_a_right_pic_li1").attr("id").substr(1);
            idx = parseInt(idx) - 1;
            f_select2(idx);
        }).mouseout(function() {
            f_start();
        });



        //下一个
        $("#shop_a_right_pic_bg_right").mouseover(function() {
            f_stop();
        }).click(function() {
            idx = thisobj.find(".shop_a_right_pic_li1").attr("id").substr(1);
            idx = parseInt(idx) + 1;
            f_select2(idx);
        }).mouseout(function() {
            f_start();
        });


        //悬浮小图上
        $("#box div").not(".clear").mouseover(function() {
            f_stop();
            sidx = $(this).attr("id").substr(1);
            f_select(sidx);
            // $("#div4").html("sidx=" + sidx + ";slideridx=" + slideridx);
        }).mouseout(function() {
            f_start();
        });

        //悬浮右图上
        $("#box3 div").mouseover(function() {
            f_stop();
            sidx = $(this).attr("id").substr(1);
            //alert(sidx);
            f_select(sidx);
            // $("#div4").html("sidx=" + sidx + ";slideridx=" + slideridx);
        }).mouseout(function() {
            f_start();
        });






        f_start();



    }
})(jQuery);



