$(function () {
    if ($(".proviewbox").length) {
        var page = 0;
        var $ul = $(".ul_prothumb"), $li = $(".ul_prothumb li");
        var $lil = $li.length;
        var $bigshowbox = $(".probigshow");
        var str = '<div class="zoomplepopup"></div><div id="probig_preview" ><img  alt="" /></div>';
        $bigshowbox.append(str);

        var $pre = $("#probig_preview");
        var $preimg = $(".probigshow");
        var $zoom = $(".probigshow .zoomplepopup");
        var $link = $('#a_enlarge').attr('href');
        var $spage = math.floor($lil / 5), slong = $li.width() * 4;
        var sto;

        function btnstyle() {
            if (page == 0) { $('.span_prev').addclass('span_prevb'); } else { $('.span_prev').removeclass('span_prevb'); }
            if (page == $spage) { $('.span_next').addclass('span_nextb'); } else { $('.span_next').removeclass('span_nextb'); }
        };

        if (page < 1) {
            var _src = $(".a_probigshow:first").attr("ref");
            $preimg.attr("src", _src);
        } else {
            $preimg.attr("src", $li.find("a").attr("href"));
        }
        btnstyle();
        //$li.overonlyclass("now");
        $('#a_enlarge').attr('href', $link + '#' + '0');

        $(".span_prev").click(function () {
            if (page > 0) { page--; $(".ul_prothumb").animate({ left: "+=" + slong }); };
            btnstyle();
        });
        $(".span_next").click(function () {
            if (page < $spage) { page++; $(".ul_prothumb").animate({ left: "-=" + slong }); };
            btnstyle();
        });
        window.lichange = function (indx) {
            var obj = $li.eq(indx);
            if (typeof (obj_title) != "undefined") {
                $preimg.find("img").attr({ "src": (obj.find("a").attr("href")), "title": obj_title });
                $preimg.find("a").attr({ "href": (obj.find("a").attr("href")), "title": obj_title });
            } else {
                $preimg.find("img").attr("src",(obj.find("a").attr("href")));
                $preimg.find("a").attr("href", (obj.find("a").attr("href")));
            }

            $(".a_probigshow img").attr("src", obj.find("img").attr("longdesc"));
            $('#a_enlarge').attr('href', $link + '#' + indx);
            $li.removeclass('now').eq(indx).addclass('now');
        }
        $li.mouseenter(function () {
            var indx = $li.index($(this));
            sto = settimeout('lichange(' + indx + ')', 150);
        }).mouseleave(function () {
            cleartimeout(sto);
        }).click(function () {
            var indx = $li.index($(this)); lichange(indx);
            return false;
        });
    };
});