frontSlideImage = function (strSelector, timeDelay, strNext,autoChange) {
    var tOut;
    var curindex = 0;
    var maxindex = 0;
    var preIndex = -1;
    maxindex = $(strSelector).length;
    if (maxindex >= 2) {
        if (autoChange) autochange($(strSelector + ":eq(" + curindex + ")"));
        else changimage($(strSelector + ":eq(" + curindex + ")"));
    }
    else {
        $(strSelector + ":eq(" + curindex + ")").show();
    }
    $(strNext).click(function () {
        if (curindex < maxindex - 1) curindex++;
        else curindex=0;
        changimage($(strSelector + ":eq(" + curindex + ")"));
    });
    function changimage(obj) {
        if (preIndex != curindex && preIndex!=-1) {
            $(strSelector + ":eq(" + preIndex + ")").fadeOut(800);
            $(strSelector + ":eq(" + curindex + ")").css("z-index", 1);
            $(obj).css("z-index", 2)
            preIndex = curindex;
            $(obj).fadeIn(800);
        }
        if (preIndex ==-1) {
            $(strSelector + ":eq(" + curindex + ")").css("z-index", 1);
            $(obj).css("z-index", 2)
            preIndex = curindex;
            $(obj).fadeIn(800);
        }
    }
    function autochange(obj) {
        clearTimeout(tOut);
        $(obj).css("z-index", 2)
        preIndex = curindex;
        $(obj).fadeIn(800, function () {
            tOut = setTimeout(function () {
                $(strSelector + ":eq(" + preIndex + ")").fadeOut(1000);
                $(strSelector + ":eq(" + curindex + ")").css("z-index", 1);
                curindex++;
                if (curindex == maxindex) curindex = 0;
                autochange($(strSelector + ":eq(" + curindex + ")"));
            }, timeDelay);
        });
    }
};