// JScript 文件
/*
<table style="height: 120px; margin: 0 auto;" border="0">
<tr>
<td style="width: 13px;">
<img src="images/web12396/gfd_37.jpg" style="cursor: pointer;" id="ileft" /></td>
<td style="width: 547px;">
<div style="overflow: hidden; width: 525px; margin: 0 auto; position: relative; z-index: 2;"
id="scontrol">
<div style="width: 2000px; position: relative; z-index: 1" id="slist">
<a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶1</a> <a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶2</a> <a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶3</a><a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶4</a><a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶5</a><a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶6</a><a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶7</a><a href="#" class="zhshi">
<img src="images/web12396/test1.gif" class="imgf2 zhshiimg" /><br />
茶叶8</a>
</div>
</div>
</td>
<td style="width: 13px;">
<img src="images/web12396/gfd_40.jpg" style="cursor: pointer;" id="iright" /></td>
</tr>
</table>

*/
$(document).ready(function() {
    /*********************图片滚动带being*********************/
    var perwidth = $(".zhshi").outerWidth(true);
    var sumWidth = $(".zhshi").length * perwidth;
    var speed = 1000,MoveTime=3000;
    var ti = null;


    $('#scontrolother').css({
        'width': perwidth * 4,
        'height': '65px',
        'overflow': 'hidden'
    }).find('#slistother a').css({ 'float': 'none', 'position': 'absolute', 'left': 1000 });

    var $covers = $('#scontrolother #slistother .zhshi');
    $covers.eq(0).css("left", perwidth * 0);
    $covers.eq(1).css("left", perwidth * 1);
    $covers.eq(2).css("left", perwidth * 2);
    $covers.eq(3).css("left", perwidth * 3);
    $("#ileftother").click(function() {
        $covers.eq(0).animate({ 'left': perwidth * 1 }, MoveTime);
        $covers.eq(1).animate({ 'left': perwidth * 2 }, MoveTime);
        $covers.eq(2).animate({ 'left': perwidth * 3 }, MoveTime);
        $covers.eq(3).animate({ 'left': perwidth * 4 }, MoveTime);
        $covers.eq($covers.length - 1).css("left", -perwidth).animate({ 'left': perwidth * 0 }, MoveTime, function() {
            $(this).prependTo($('#scontrolother #slistother'));
            $covers = $('#scontrolother #slistother .zhshi');

        });
    })

    function ssright() {
        $covers.eq(0).animate({ 'left': -perwidth }, MoveTime, function() {
            $(this).appendTo('#scontrolother #slistother');
            $covers = $('#scontrolother #slistother .zhshi');
        });
        $covers.eq(1).animate({ 'left': perwidth * 0 }, MoveTime);
        $covers.eq(2).animate({ 'left': perwidth * 1 }, MoveTime);
        $covers.eq(3).animate({ 'left': perwidth * 2 }, MoveTime);
        $covers.eq(4).css('left', perwidth * 4).animate({ 'left': perwidth * 3 }, MoveTime);
    }

    $("#irightother").click(ssright);

    function min() {
        window.clearInterval(ti);
    }

    function mout() {
        ti = window.setInterval(ssright, MoveTime);
    }
    mout();
    $("#irightother").hover(min, mout);
    $("#ileftother").hover(min, mout);
    $('#scontrolother #slistother').hover(min, mout);
    $(".bo").click(function() {
        $(".bo").each(function(i, n) {
            n.src = "images/blog/blo" + n.id.split("bo_")[1] + ".jpg";
        });
        this.src = this.src.split(".jpg")[0] + "_s.jpg";
    });
    /*********************图片滚动带end*********************/
    $(".toplink").hover(
                function() {
                    var o = $(this).children("img").attr("src");
                    var os = o.split(".");
                    $(this).children("img").attr("src", os[0] + "_s." + os[1])
                }, function() {
                    var o = $(this).children("img").attr("src");
                    var os = o.split("_");
                    $(this).children("img").attr("src", os[0] + "." + os[1].split(".")[1]);
                })

});