var ishow = 1;
var changetime = 4000;
function showdilde() {
    $(".ph-slt:eq(" + ishow + ")").fadein(1000).siblings(".ph-slt").fadeout(1000);
    $(".slide-n:eq(" + ishow + ")").addclass("sel").siblings(".slide-n").removeclass("sel");
    ishow = ishow + 1;
    if (ishow == $(".slide-n").length) {
        ishow = 0;
    }
}
$(function() {
    var snum = $(".ph-img .ph-slt").length;
    for(var i=0;i<snum;i++){
        $(".ph-ubn").append('<a href="javascript:void(0);" class="slide-n" num='+(i+1)+'></a>');
    }
    jquery(".ph-slt:eq(0)").show();
    jquery(".slide-n:eq(0)").addclass("sel");
    setinterval(showdilde, changetime);
    $(".slide-n").click(function() {
        ishow = $(this).attr("num") - 1;
        $(".ph-slt:eq(" + ishow + ")").fadein().siblings(".ph-slt ").fadeout();
        $(".slide-n:eq(" + ishow + ")").addclass("sel").siblings(".slide-n").removeclass("sel");
    });
});


$(function(){
    var page = 1;
    var i = 4; //每版放4个图片
    var len = $(".prolist_content ul li").length;
    var page_count = math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
    var none_unit_width = $(".prolist").width(); //获取框架内容的宽度,不带单位
    var $parent = $(".prolist_content");
    //向右 按钮
    $(".goright").click(function(){
        if( !$parent.is(":animated") ){
            if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
                $parent.animate({ left : 0}, 800); //通过改变left值，跳转到第一个版面
                page = 1;
            }else{
                $parent.animate({ left : '-='+none_unit_width}, 800);  //通过改变left值，达到每次换一个版面
                page++;
            }
        }
    });
    //往左 按钮
    $(".goleft").click(function(){
        if( !$parent.is(":animated") ){
            if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
                $parent.animate({ left : '-='+none_unit_width*(page_count-1)}, 800); //通过改变left值，跳转到最后一个版面
                page = page_count;
            }else{
                $parent.animate({ left : '+='+none_unit_width }, 800);  //通过改变left值，达到每次换一个版面
                page--;
            }
        }
    });
});