// banner 
function banner(arg, slideTo, autoPlay) {
    var animSpeed = 300;
    var easeType = 'easeInOutCubic';
    var sliderWidth = $(arg).width();
    var leftPosition = $(arg + ' .inside').css("left").replace("px", "");
    $(arg + " .element").each(function (i) {
        totalContent = i * sliderWidth;
        $(arg + ' .inside').css("width", totalContent + sliderWidth);
    });
    if (!$(arg + " .inside").is(":animated")) {
        if (slideTo == 'next') { //next
            if (autoPlay == 'stop') {
                clearInterval(autoPlayTimer);
            }
            if (leftPosition == -totalContent) {
                $(arg + ' .inside').animate({ left: 0 }, animSpeed, easeType); //reset
            } else {
                $(arg + ' .inside').animate({ left: '-=' + sliderWidth }, animSpeed, easeType); //next
            }
        } else if (slideTo == 'previous') { //previous
            if (autoPlay == 'stop') {
                clearInterval(autoPlayTimer);
            }
            if (leftPosition == '0') {
                $(arg + ' .inside').animate({ left: '-' + totalContent }, animSpeed, easeType); //reset
            } else {
                $(arg + ' .inside').animate({ left: '+=' + sliderWidth }, animSpeed, easeType); //previous
            }
        } else {
            var slide2 = (slideTo - 1) * sliderWidth;
            if (leftPosition != -slide2) {
                clearInterval(autoPlayTimer);
                $(arg + ' .inside').animate({ left: -slide2 }, animSpeed, easeType); //go to number
            }
        }
    }
}