function showNext(){
    //$(".scroll_box").css("overflow","hidden");
    if(ii==len) iii=1;
    else iii = ii +1;
    $("#a1_" + ii).fadeOut("normal",function(){
        if($("#a1_" + iii + " img").attr("src")!="/upload/pic_index/" + pics[iii-1])
            $("#a1_" + iii + " img").attr("src","/upload/pic_index/" + pics[iii-1]);
        $(this).hide();
        $("#a2_" + ii).removeClass("current");
        $("#a2_" + iii).addClass("current");
        $("#a1_" + iii).fadeIn("normal").show();
        ii = iii;
    });
}
function showPic(j){
    window.clearInterval(t);
    $("#a1_" + ii).hide();
    $("#a2_" + ii).removeClass("current");
    //$("#pic" + iii).hide();
    //$("#a_" + iii).addClass("cur");
    ii = j;iii=j;
    $("#a2_" + j).addClass("current");
    if($("#a1_" + j + " img").attr("src")!="/upload/pic_index/" + pics[j-1])
        $("#a1_" + j + " img").attr("src","/upload/pic_index/" + pics[j-1]);
    $("#a1_" + j).fadeIn("normal").show();
    t = window.setInterval(showNext,4000);
}
var ii = 1;//old
var iii = 1;//new
var len;
var pics = [];
var t;
function loadPic(tempIndex){
    if(tempIndex>=len) return;
    var tempPic = new Image();
    tempPic.src = "/upload/pic_index/" + pics[tempIndex];
    tempPic.onload = function(){
        loadPic(tempIndex+1);
    }
}
$(document).ready(function(){
    pics = $("#index_pics").val().split(",");
    len = pics.length;
    loadPic(0);
	t = window.setInterval(showNext,5000);//first for a longer time
});