function f_fadeToNext(container, ms) {
    var c = $(container);
    c.css("position", "relative");
    c.children().css("display","none").css("position","absolute");  //
    c.children().first().addClass("f_current").show();
    setInterval(
        function () {
            f_showNext(container, ms); // show next div
        }, ms); // do this every X seconds
}

function f_showNext(container, ms) {
    var current = $(container).children('.f_current').index();
    var next;
    if (current == $(container).children().length - 1) {next = 0;}
    else {next = current + 1;}
    $(container).children().eq(current).fadeOut(ms / 3.75).removeClass('f_current'); //effect('slide',{direction:'left',mode:'hide',distance: contWidth}, (seconds * 1000) / 4 ).removeClass("current");
    $(container).children().eq(next).fadeIn(ms / 3.75).addClass('f_current'); //kids.eq(next).effect('slide',{direction:'right',mode:'show',distance: contWidth}, (seconds * 1000) / 4).addClass('current');
}